Er is geen CSS ondersteuning.
Als je veel grote afbeeldingen op jouw pagina hebt, loop je gewoonlijk tegen performance-problemen op. Het is niet alleen de hoeveelheid KiloBytes die de vertraging oplevert, het zijn ook de http-requests. En als er één ding is waar bezoekers een hekel aan hebben is dat wel het wachten totdat de pagina geladen is en zij kunnen scrollen en klikken.
Op een langzame verbinding is deze pagina geheel onwerkbaar (zonder de high-performance-procedure). Je moet echt een masochist zijn om met een isdn-verbinding de pagina te willen bekijken... Echt niet te doen.
De oplossing is om eerst de gehele pagina te laden (en dat "kost" op deze pagina slechts één http-request) en daarna de plaatjes "binnen te laten lopen". Met deze procedure lukt het zelfs om op een 56K modem de HTML in 0,8 seconde op het scherm te "zetten".
De performance procedure is heel eenvoudig. In plaats van de plaatjes, zet je inline images op het scherm (png/base64). Deze "kosten" nul http-requests, dus je kan er een ongelimiteerde hoeveelheid van op de pagina zetten: zonder tijd-verlies.
Daarna (op deze pagina met een ingestelde vertraging van 1100 Ms) komt er een kleine javascript-routine in actie die de images gaat vervangen door de "grote plaatjes". Het resultaat is een tevreden bezoeker op jouw website die nergens op hoefde te wachten.
Kopeer de broncode van de high-performance-images pagina naar jouw website en plaats het stukje javascript zo laag mogelijk op jouw pagina('s) en kijk even hoe de <img>-tags zijn gemaakt. Hieronder staan de plaatjes die bij dit voorbeeld zijn ingeladen. Kopieer ze even naar jouw webruimte om direct aan de slag te kunnen met het voorbeeld.
cache 08-02-2011