Het belangrijkste (maar eenvoudigste) om te performance mee te winnen is HTTP Compression. Onthoudt deze term! HTTP COMPRESSION.
HTTP Compresssion
(Ja ik zorg echt dat je het onthoud). Je kunt HTTP Compression zien als het zippen van je website.
HTTP Compression zorgt er dus voor dat op de webserver je site als het ware wordt ingepakt en in de browser weer wordt uitgepakt. Don’t worry about browser compatibilty, alle gangbare browsers ondersteunen dit tegenwoordig. Over het algemeen heb je hier vaak 60 tot 80% snelheidswinst mee! Dat lees je inderdaad goed ja, 60 tot 80% door het installeren van een simpele add-on voor je webserver. Dit betekent in kilobytes dat als je homepage totaal 496kb is, dat de totale downloadgrootte wordt teruggebracht naar ergens tussen de 80 en 160kb (in het waarschijnlijke geval). De grootte van je homepage heeft natuurlijk verschillende factoren: HTML, CSS, JavaScript (extern), Media zoals Flash of Movies en natuurlijk de Afbeeldingen.
Dit is een hele snelle winst die je pakt als je ad-hoc problemen op moet gaan lossen. Als HTTP Compression niet aanstaat, meteen aanzetten dus! HTTP Compressie werkt in principe op alle text-based bestanden. Dit zijn dus bijvoorbeeld: HTML, XML, JavaScript en CSS files.
Compressie wordt geregeld door een klein programmaatje wat op de server meedraait met de webserver software. Bij Apache als gratis onderdeel genaamd, MOD_GZIP en vanaf Internet Information Services 7 ook onderdeel van de webservervice. Gebruikers van IIS6 kunnen heel moeilijk doen, makkelijk doen om HTTP Compression te installeren op een Windows Server. Je kunt ook een third party tool (Port80 ZipEnable gebruiken als je meerdere sites beheerd en niet alles wil comprimeren.
Tip 1
Mocht je nou niet de luxe hebben van een dedicated server en heb je een beetje een onflexibele hosting provider (stel ze bieden geen MOD_GZIP ondersteuning), dan heb ik voor de PHP-ers goed nieuws! Gebruikers van PHP kunnen de MOD_GZIP van Apache omzijlen door rechtstreeks in PHP gebruik te maken van HTTP Compression. Je kunt dit eenvoudig doen door de volgende regel bovenaan je pagina toe te voegen: <? ob_start(”ob_gzhandler”); ?>.
Tip 2
Dan denk je natuurlijk: Chips, nu kan ik alleen maar PHP files comprimeren… what about my CSS en JS bestanden? Die kun je heel simpel renamen naar style.php en scripts.php en op dezelfde manier aanroepen in je <head>. Je voegt dan de ob_start regel hierboven toe in je css en script files (let op de <? en ?> tags!). Voorbeeld:
<link href=”style.php” rel=”stylesheet” type=”text/css”>
<script src=”scripts.php” type=”text/javascript”></script>
Succes met de need for speed!
