Ga naar inhoud
Log in om dit te volgen  
smiegles

Hoe optimaliseer je je website snelheid?

Aanbevolen berichten

Hé,

Ik merk dat veel websites van leden op One2xs (onderranden) bestaan uit zon 3/4 mb per pagina met een tekstinhoud van 2 zinnen.

de volgende dingen ga ik daarom uitleggen om je website gratis te versnellen en te optimaliseren.

  • 1.) CDN
  • 2.) Compress bestanden


1.) CDN

Wat is een CDN?

een CDN is een Content delivery network, dat houd in dat de inhoud van je server die wordt opgevraagd bijvoorbeeld afbeeldingen en broncodes worden verstuurd via een andere server naar de gebruiker met een snellere verbinding die zo dicht mogelijk bij de client staat waardoor hij van een kortere afstand hoeft te downloaden.

Oké waarom niet gewoon in 1x vanaf mijn eigen server, dat moet je zelf afwegen.

Waar staat je server?
Voor wie is deze website bedoeld?

bijvoorbeeld : staat de server in Nederland en is de website voor Nederlanders of ook voor belgen?

Is de website ook voor belgen? CDN

Nu wil je natuurlijk niet betalen voor dit extra stukje snelheid.

  • cloudflare.com
  • nyud.net (érg simpel one2xs.com word bijvoorbeeld one2xs.com.nyud.net)


2.) compression

image compression
Het eerste en belangrijkste punt bij het versnellen van een website zijn de afbeeldingen, regel in :
JPEG is kleiner dan PNG, gebruik dus zeker JPEG voor grote afbeeldingen.

Verder, compress je afbeeldingen via bijvoorbeeld Smush.it,een php script (staat onderaan)
http://static.sevvlor.com/[mag niet van sevvlor maar hij was 1.1mb] (1.1mb)
http://s16.postimg.org/6p85o1k2s/afbeelding_1.jpg (142kb)

Codeblok (compress.php):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
$Compress
= function($src, $dest, $quality)
{

    $info = getimagesize($src);
  
    if($info[mime] == image/jpeg) {
        $image = imagecreatefromjpeg($src);
    }

    elseif ($info[mime] == image/gif) {
        $image = imagecreatefromgif($src);
    }

    elseif ($info[mime] == image/png) {
        $image = imagecreatefrompng($src);
    }
else {
        return Unknown image file format;
    }

    imagejpeg($image, $dest, $quality);

    return $dest;
};

// zo gebruik je hem
$Compress(login_5.jpg,login_5.jpg,35); // 35 is de kwaliteit wil je een stabiele neem dan 50
?>


Javascript/css/html compression

Ook veel website maken gebruik van uitgelijnde css en javascript bestanden.
bijvoorbeeld : http://www.one2xs.com/includes/one2xs-js-undep.js
als je nou via een google compress service dit bestand compresed scheelt dat gouw 15% van het bestand, hetzelfde geld voor CSS en HTML je hoeft je code niet uit te lijnen (wel voor jezelf maar niet voor de buitenwereld).

hier een kleine code om javascript bestanden te compressen :
Codeblok (voorbeeld.php):
1
2
3
4
5
6
7
8
9
10
11
12
<?php
function compress($url) {
    $ch = curl_init(http://closure-compiler.appspot.com/compile);
    curl_setopt($ch,CURLOPT_POST,1);
    curl_setopt($ch,CURLOPT_POSTFIELDS,code_url=.$url.&compilation_level=SIMPLE_OPTIMIZATIONS&output_format=text&output_info=compiled_code);
    curl_setopt($ch,CURLOPT_FOLLOWLOCATION,1);
    curl_setopt($ch,CURLOPT_HEADER,0);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER ,1);
    
    return curl_exec($ch);
}

?>


ook kun je nog : https://developers.google.com/speed/pagespeed/insights?hl=nl gebruiken om te kijken wat google over je website te vertellen heeft en hoe je hem sneller kan maken.

Deel dit bericht


Link naar bericht
Delen op andere sites
//Slecht enkele nanoseconden verschil, dus verwaarloosbaar. Met dank aan Rogier.

Wat je wél kan doen is je uitlijning volledig deleten. Dit scheelt enorm veel geheugen op je webserver. Hoe minder de bestanden, hoe minden je moet downloaden (tenzij het cashed is) en hoe sneller je site.

Deel dit bericht


Link naar bericht
Delen op andere sites
http:// hoeft ook niet als je de full url wilt je kan ook gewoon :
//one2xs.com/img/smileys/chiel.gif bij afbeeldingen bijvoorbeeld scheelt toch 5 tekens per afbeelding bij de volledige URL.

Deel dit bericht


Link naar bericht
Delen op andere sites
Codeblok:
1
2
3
4
5
6
7
8
9
10
11
12
<?php
function compress($url) {
    $ch = curl_init(http://closure-compiler.appspot.com/compile);
    curl_setopt($ch,CURLOPT_POST,1);
    curl_setopt($ch,CURLOPT_POSTFIELDS,code_url=.$url.&compilation_level=SIMPLE_OPTIMIZATIONS&output_format=text&output_info=compiled_code);
    curl_setopt($ch,CURLOPT_FOLLOWLOCATION,1);
    curl_setopt($ch,CURLOPT_HEADER,0);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER ,1);
    
    return curl_exec($ch);
}

?>



Moet je niet bij elke pageview gebruiken, dan doet je server elke pageview een request naar http://closure-compiler.appspot.com/compile. Beter download je zelf een compress script en compress je je JS, CSS en HTML voor het publiek maar heb je zelf dus een uitgelijnde versie. Ook kan je je site beoordelen met Google PageSpeed.

Deel dit bericht


Link naar bericht
Delen op andere sites
Ik heb net cloudflare op mijn host gezet.
Nu er een DDoS aanval is, is er de standaard cloudflare offline-pagina. Kan ik het zo doen dat als de site offline is, dat je word geredirect naar een andere pagina?

Deel dit bericht


Link naar bericht
Delen op andere sites
Stefvdwel (link):
Ik heb net cloudflare op mijn host gezet.
Nu er een DDoS aanval is, is er de standaard cloudflare offline-pagina. Kan ik het zo doen dat als de site offline is, dat je word geredirect naar een andere pagina?


Volgens mij met een TTL record

Deel dit bericht


Link naar bericht
Delen op andere sites
Dylanh (link):
Stefvdwel (link):
Ik heb net cloudflare op mijn host gezet.
Nu er een DDoS aanval is, is er de standaard cloudflare offline-pagina. Kan ik het zo doen dat als de site offline is, dat je word geredirect naar een andere pagina?


Volgens mij met een TTL record


Die staat er niet bij smiley

Deel dit bericht


Link naar bericht
Delen op andere sites
Stefvdwel (link):
Dylanh (link):
Stefvdwel (link):
Ik heb net cloudflare op mijn host gezet.
Nu er een DDoS aanval is, is er de standaard cloudflare offline-pagina. Kan ik het zo doen dat als de site offline is, dat je word geredirect naar een andere pagina?


Volgens mij met een TTL record


Die staat er niet bij smiley


Er bij zetten?

Deel dit bericht


Link naar bericht
Delen op andere sites
Dylanh (link):
Stefvdwel (link):
Dylanh (link):
Klik om eerdere quotes te tonen


Volgens mij met een TTL record


Die staat er niet bij smiley


Er bij zetten?


Dat kan dus niet smiley

Deel dit bericht


Link naar bericht
Delen op andere sites
Stefvdwel (link):
Dylanh (link):
Stefvdwel (link):
Klik om eerdere quotes te tonen


Die staat er niet bij smiley


Er bij zetten?


Dat kan dus niet smiley


http://blog.cloudflare.com/edge-cache-expire-ttl-easiest-way-to-override

Deel dit bericht


Link naar bericht
Delen op andere sites

Maak een account aan of log in om te reageren

Je moet lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Maak een account aan in onze gemeenschap. Het is makkelijk!

Registreer een nieuw account

Aanmelden

Ben je al lid? Meld je hier aan.

Nu aanmelden
Log in om dit te volgen  

×