css compressie
comprimeer externe CSS files

home | index | menu | help

Er is geen CSS ondersteuning.


		

Volgens de regels behoor je jouw CSS in externe files te stoppen en ze met
<link rel="stylesheet" type="text/css" href="http://www.jouw-website.nl/jouw-css-file.css" />
(als voorbeeld) aan te roepen vanuit de head-sectie van jouw pagina.

Die regels betreffende externe files (ook javascript behoort volgens de "experts" extern te worden geplaatst) mogen de "guru's", en andere hoogwaardigheids-bekleders van ons geliefde internet, wat mij betreft in hun r..t steken. En daar is een goede reden voor...

Als er honderd pagina's per uur worden aangeklikt (wat echt wel meer is dan een gemiddelde website "binnen krijgt") dan klopt de stelling wel. De zaak verandert als je op drukke momenten honderd(en) pagina's per seconde te verwerken krijgt. Hier kan uit afgeleid worden dat "experts", die externe files propageren, hoogst waarschijnlijk nog nooit een druk bezochte website hebben "gemaakt"...

Als je de broncode van de hoofdpagina van de dns5 bekijkt zie je hoe er gewoekerd is met de hoeveelheid code. Alleen het aller-noodzakelijkste is op de pagina te vinden en als je even naar de style-sheet kijkt, zie je dat die gewoon op de pagina zelf staat. De reden is dat elke externe file (die aangeroepen wordt vanaf jouw pagina) één http-request consumeert. En een website-bouwer zal altijd proberen om http-requests tot het absolute minimum te beperken. Http-requests vertragen de pagina nodeloos en "vreten" server- capaciteit.

Het is slimmer om ergens op jouw server een tekst-file te hebben met alle "standaard-css" van de website en die vervolgens met php te "includen" in al jouw pagina's. Dan regel je alle css centraal en verlies je nauwelijks capaciteit. Het is een "vuistregel" dat het (tijd)verlies aan de server-side (het parsen op de server van alle css- en javascript-code) gemiddeld 150 maal kleiner is dan het verlies van tijd voor één http-request + het laden van de externe code.

Als je (om wat voor reden dan ook) toch gebruik gaat maken van externe css-files, wees dan wel zo verstandig om compressie aan de externe stylesheet toe te voegen.

De css-compressie procedure gaat als volgt:
voeg in jouw .htaccess de volgende regels toe.

AddHandler application/x-httpd-php .css
AddType application/x-httpd-php .css

en plaats als eerste regel helemaal bovenaan in jouw css-file de regel
<?php header("content-type: text/css; charset: utf-8");ob_start ("ob_gzhandler");?>

De css-compressie wordt bereikt doordat de hele file door de php-parser "gehaald wordt" en de grootte met (minimaal) 75% verminderd wordt.

cache 26-05-2010