Wat is pagina snelheid?
Pagina snelheid is een maatstaf voor hoe snel de inhoud van je pagina wordt geladen.
Pagina snelheid wordt vaak verward met ‘sitesnelheid’, wat eigenlijk de pagina snelheid is voor een steekproef van paginaweergaven op een site. Pagina snelheid kan worden beschreven in ‘pagina-laadtijd’ (de tijd die nodig is om de inhoud op een specifieke pagina volledig weer te geven) of ‘tijd tot eerste byte’ (hoe lang het duurt voordat je browser de eerste byte aan informatie van de webserver ontvangt).
Je kunt je pagina snelheid evalueren met PageSpeed Insights van Google. De snelheidsscore van PageSpeed Insights bevat gegevens van CrUX (Chrome User Experience Report) en rapporteert over twee belangrijke snelheidsstatistieken: First Contentful Paint (FCP) en DOMContentLoaded (DCL).
Is pagina snelheid een rangschikkingsfactor?
Google heeft aangegeven dat sitesnelheid (en dus ook pagina snelheid) een van de signalen is die door zijn algoritme worden gebruikt om pagina’s te rangschikken. Onderzoek heeft aangetoond dat Google mogelijk specifiek de tijd tot de eerste byte meet wanneer het de pagina snelheid beoordeelt. Bovendien betekent een trage pagina snelheid dat zoekmachines minder pagina’s kunnen crawlen met hun toegewezen crawlbudget, wat een negatieve invloed kan hebben op je indexering.
Een trage website heeft niet alleen invloed op zoekmachine optimalisatie, maar ook op de gebruikerservaring. Pagina’s met een langere laadtijd hebben doorgaans een hoger bouncepercentage en een lagere gemiddelde tijd op de pagina. Langere laadtijden hebben ook een negatieve invloed op conversies.
De pagina snelheid evalueren
Bij het evalueren van de pagina snelheid worden verschillende statistieken geanalyseerd om de prestaties van een webpagina te bepalen. De meest gebruikte statistieken om de pagina snelheid te evalueren zijn:
- Laadtijd van de pagina: de tijd die een webpagina nodig heeft om te laden en volledig interactief te worden.
- Responstijd van de server: de tijd die een server nodig heeft om te reageren op een verzoek van de browser van een gebruiker.
- Core Web Vitals: een reeks statistieken die de prestaties van een webpagina meten, waaronder Largest Contentful Paint (LCP), First Input Delay (FID) en Cumulative Layout Shift (CLS).
Door deze statistieken te evalueren, kunnen website-eigenaren verbeterpunten identificeren en hun webpagina optimaliseren voor betere prestaties.
Metingen van de laadtijd van pagina’s
Metingen van de laadtijd van pagina’s geven inzicht in de prestaties van een webpagina. De meest voorkomende metingen van de laadtijd van pagina’s zijn:
- Time to first byte (TTFB): de tijd die een server nodig heeft om te reageren op een verzoek van de browser van een gebruiker.
- First contentful paint (FCP): de tijd die nodig is om de eerste inhoud op het scherm weer te geven.
- Largest contentful paint (LCP): de tijd die nodig is om het grootste inhoudselement op het scherm weer te geven.
- First input delay (FID): de tijd die een gebruiker nodig heeft om te reageren op een webpagina nadat deze is geladen
Door deze statistieken te analyseren, kunnen website-eigenaren verbeterpunten identificeren en hun webpagina optimaliseren voor betere prestaties.
SEO-best practices om de paginasnelheid te verbeteren
Hier zijn enkele van de vele manieren om de laadtijd van je pagina te verkorten:
Compressie inschakelen
Gebruik Gzip, een softwareapplicatie voor bestandscompressie, om de grootte van je CSS-, HTML- en JavaScript-bestanden die groter zijn dan 150 bytes te verkleinen.
Gebruik gzip niet voor afbeeldingsbestanden. Comprimeer deze in plaats daarvan in een programma zoals Photoshop, waar je controle houdt over de kwaliteit van de afbeelding. Zie ‘Afbeeldingen optimaliseren’ hieronder.
CSS, JavaScript en HTML verkleinen
Door je code te optimaliseren (inclusief het verwijderen van spaties, komma’s en andere onnodige tekens), kun je de laadsnelheid van je pagina aanzienlijk verhogen. Verwijder ook codecommentaar, opmaak en ongebruikte code. Google raadt het gebruik van CSSNano en UglifyJS aan.
Verminder het aantal omleidingen
Elke keer dat een pagina naar een andere pagina omleidt, moet je bezoeker extra tijd wachten totdat de HTTP-verzoek-antwoordcyclus is voltooid. Als je mobiele omleidingspatroon er bijvoorbeeld als volgt uitziet:
example.com -> www.example.com-> m.example.com -> m.example.com/home
…dan zorgt elk van die twee extra omleidingen ervoor dat je pagina langzamer laadt.
Verwijder JavaScript dat het renderen blokkeert
Browsers moeten een DOM-boomstructuur opbouwen door HTML te parseren voordat ze een pagina kunnen weergeven. Als je browser tijdens dit proces een script tegenkomt, moet hij stoppen en het uitvoeren voordat hij verder kan gaan.
Maak gebruik van browsercaching
Browsers slaan veel informatie op in de cache (stylesheets, afbeeldingen, JavaScript-bestanden en meer), zodat wanneer een bezoeker terugkeert naar je site, de browser niet de hele pagina opnieuw hoeft te laden. Gebruik een tool zoals YSlow om te zien of je al een vervaldatum voor je cache hebt ingesteld. Stel vervolgens je “expires”-header in voor hoe lang je wilt dat die informatie in de cache wordt opgeslagen. In veel gevallen is een jaar een redelijke periode, tenzij het ontwerp van je site vaak verandert. Google heeft hier meer informatie over het gebruik van caching.
Verbeter de responstijd van je server
De responstijd van je server wordt beïnvloed door de hoeveelheid verkeer die je ontvangt, de bronnen die elke pagina gebruikt, de software die je server gebruikt en de hostingoplossing die je gebruikt. Om de responstijd van je server te verbeteren, moet je zoeken naar prestatieknelpunten zoals trage databasequery’s, trage routing of een gebrek aan voldoende geheugen, en deze verhelpen. De optimale responstijd van een server is minder dan 200 ms. Lees meer over het optimaliseren van je tijd tot de eerste byte.
Gebruik een contentdistributienetwerk
Contentdistributienetwerken (CDN’s), ook wel content delivery networks genoemd, zijn netwerken van servers die worden gebruikt om de belasting van het leveren van content te verdelen. In wezen worden kopieën van je site opgeslagen in meerdere, geografisch verspreide datacenters, zodat gebruikers snellere en betrouwbaardere toegang tot je site hebben en pagina’s sneller worden geladen.
Optimaliseer afbeeldingen voor betere prestaties
Zorg ervoor dat je afbeeldingen niet groter zijn dan nodig, dat ze het juiste bestandsformaat hebben (PNG’s zijn over het algemeen beter voor afbeeldingen met minder dan 16 kleuren, terwijl JPEG’s over het algemeen beter zijn voor foto’s) en dat ze zijn gecomprimeerd voor het web.
Gebruik CSS-sprites om een sjabloon te maken voor afbeeldingen die je vaak op je site gebruikt, zoals knoppen en pictogrammen. CSS-sprites combineren je afbeeldingen tot één grote afbeelding die in één keer wordt geladen (wat minder HTTP-verzoeken betekent) en geven vervolgens alleen de delen weer die je wilt laten zien.
Continue monitoring en verbetering
Continue monitoring en verbetering zijn cruciaal voor het behouden van een optimale paginasnelheid. Website-eigenaren moeten de prestaties van hun webpagina regelmatig controleren met behulp van tools zoals Google PageSpeed Insights, Semrush Site Audit en Pingdom Website Speed Test. Deze tools bieden inzicht in de laadtijd van pagina’s, de responstijd van servers en de belangrijkste webvitals, en geven aanbevelingen voor verbetering.
Door de paginasnelheid continu te monitoren en te verbeteren, kunnen website-eigenaren ervoor zorgen dat hun webpagina altijd geoptimaliseerd is voor betere prestaties, gebruikerservaring en SEO. Dit kan onder meer betekenen dat de code regelmatig wordt bijgewerkt, afbeeldingen worden geoptimaliseerd en de responstijd van de server wordt verbeterd.