Optimaliseren afbeeldingen

Grote , complexe websites kunnen traag zijn. Genestte tables, misplaatste CSS en/of JavaScript, font tags, een groot aantal HTTP requests en niet geoptimaliseerde afbeeldingen zijn vaak de oorzaak.
De inhoud van een webpagina is verantwoordelijk voor 80% van de responce time (Steve Sounders, High Performance Web Sites). Het zo klein mogelijk maken van de inhoud van een webpagina zal dus positief uitwerken op de laad tijd.

Meer dan 50% van de gemiddelde webpagina's bestaan uit grafische afbeeldingen, waarvan 60% boven de 'fold line' liggen. Het optimaliseren van deze grafische afbeeldingen kan dus behoorlijk bijdragen in het verkleinen van de totale inhoud en laad tijd. Met optimaliseren bedoel ik dat de afbeelding, in Kb, zo klein mogelijk gemaakt wordt, zonder dat dit ten koste gaat van de kwaliteit van die afbeelding. Adobe's softwarepakket Fireworks is hier bijvoorbeeld heel goed in! Tot 30% beter dan Photoshop, ook van Adobe.

Hoe zit dat nu met de websites van de onderzochte ziekenhuizen? Heeft men hier aandacht gehad voor het optimaliseren van grafische afbeeldingen? Ja en nee. Ja, er waren websites waarbij met het optimaliseren een kleine winst behaald kon worden (kleiner dan 1%) maar er waren ook sites die tot 50% en meer kleiner konden! Dat is heel wat. Er was geen website die niet geoptimaliseerd kon worden!

Kleiner betekent niet alleen sneller, maar ook zuiniger. Zuiniger met server ruimte en daarmee ook met de kosten. Een besparing van meer dan 50% is dus niet alleen belangrijk voor de snelheid van laden, maar ook voor de kosten die gemaakt moeten worden om een website in de lucht te houden.

Gemiddeld kon de inhoud van een ziekenhuis frontpage met 12,85% verkleind worden. De inhoud van een ziekenhuis webpagina (frontpage) was gemiddeld 468Kb groot. Uitschieters naar boven, bijna 3908Kb (frontpage met Flash) en naar benden 52Kb waren de uitzondering.