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
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.
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
$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
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.
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
$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
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.
Erg handig dit, kan ik zeker wat mee.
