De laadtijd verkorten, enkele handigheidjes

Een website is al lang niet meer een statische website met informatie voor de bezoeker. Een website anno 2012 is dynamisch, bevat diverse functionaliteiten en vaak zijn diverse sociale media geïntegreerd.

Een belangrijk onderdeel van een website die nog wel eens wordt vergeten, is de performance ofwel de laadtijd. Met de huidige ontwikkelingen op het gebied van websites wordt de laadtijd in toenemende mate een belangrijke factor. Het is niet alleen belangrijk voor de gebruikerservaring, ook heeft het een steeds grotere invloed op de vindbaarheid in zoekmachines.

De laadtijd en snelheid van een website zijn belangrijke onderdelen van Google’s algoritme. Hoe sneller een website laadt, des te positiever het effect is op de organische vindbaarheid. In dit artikel 5 tips om de laadtijd van een website te verbeteren.

Social Media buttons

Een moderne site kan niet meer zonder de social media buttons. Deze social media buttons creëren meer interactiviteit met de bezoekers van de website en geven uw bedrijf meer naamsbekendheid op internet. Er zijn echter ook nadelen verbonden aan de integratie van deze buttons.

Elk van deze knoppen wordt via een iFrame geladen. Een iFrame is een stukje code, dat extern moet worden ingeladen. Dit kost aanzienlijk meer bandbreedte dan wanneer de code op de eigen website staat.

Om de bandbreedte te verkleinen, is het mogelijk dat de buttons direct vanuit de site worden geladen en er kan ook worden ingesteld met welke frequentie er wordt geüpdatet.

Opruimen van de code

Een website is nooit af. Het uiterlijk wordt regelmatig veranderd, content wordt toegevoegd en functionaliteiten worden toegevoegd of veranderd. Zo zijn er na verloop van tijd veel functies en onderdelen toegevoegd aan de site. Dit heeft vaak gevolgen voor de techniek en netheid van de code.

Het gevolg kan zijn, dat bepaalde codes of scripts dubbel worden ingeladen. Ook kan de netheid van de code veranderen waardoor Google de website minder goed kan indexeren.

Probeer dus altijd goed inzicht te hebben in het functioneren van de website en het gebruik van scripts en andere functionaliteiten. Maak ook altijd gebruik van de nieuwste techniek en codes zodat oude zwaardere technieken worden vervangen.

Nog enkele extra tips:

  • Maak gebruik van externe stylesheet bestanden (.css)
  • Maak gebruik van externe javascript bestanden (.js)
  • Gebruik alleen webstandaarden m.b.t. HTML en CSS

Optimaliseren van afbeeldingen

Afbeeldingen zijn voor een groot deel verantwoordelijk voor de totale grootte van een website. Een check van Pingdom laat zien hoeveel MB aan afbeeldingen wordt ingeladen bij het openen van de homepage. Een deel daarvan kan worden opgelost door het optimaliseren van de kwaliteit/bestandsgrootte van afbeeldingen.

Ook kan er bandbreedte worden gewonnen door slim met afbeeldingen om te gaan. Het is bijvoorbeeld mogelijk om knoppen te maken met variabele inhoud. Dit zijn knoppen met een standaard achtergrond maar waarvan je de tekst kunt veranderen. Dit reduceert het aantal afbeeldingen en zorgt ervoor dat de totale load naar beneden gaat.

Design/ Usability

Naast dat het design erg belangrijk is, moet de website ook dusdanig worden ingericht  dat bezoekers vinden wat ze zoeken. Binnen 3 klikken moet het gezochte zijn bereikt.

Door het aantal kliks zo min mogelijk te houden

  1. Voorkom je dat bezoekers afhaken
  2. Verkort je ook de load van de site

Er hoeven minder pagina’s te worden geladen voordat de bezoeker bereikt waar hij naar op zoek is. Belangrijk zijn o.a. een duidelijke navigatiestructuur en positionering van de onderdelen.

Caching

Het gebruik van het cache geheugen van een computer of laptop kan uw site flink versnellen. U kunt de code nog zo goed optimaliseren, maar met veel dynamische content op de website kan de performance alsnog tegenvallen. Dit komt doordat bij het laden van iedere pagina tal van gegevens uit een database opgevraagd worden. Hoe meer dynamische content met tags en variabelen, hoe meer van dit soort processen er zullen zijn. De cache vormt een ‘tijdelijke opslagplaats’ waar query’s in worden opgeslagen, zodat ze sneller toegankelijk zijn.

Wanneer je nog meer wilt weten over laadtijd van een website en het effect ervan op de indexering binnen de Google zoekmachine, lees dan verder in Google’s help sectie.

Reageren niet mogelijk