Websiteprestaties: PageSpeed Insights begrijpen

Google PageSpeed Insights is een tool die de prestaties van je websitepagina test voor zowel desktop als mobiel. Deze tool gebruikt het Chrome User Experience-rapport (CrUX) om de echte bezoekersprestaties te analyseren en Google Lighthouse om je pagina een prestatiescore te geven.

Wanneer je je PageSpeed Insights-score bekijkt, kun je verschillende soorten gegevens bekijken, afhankelijk van je website en behoeften.De pagina's van je website hebben afzonderlijke rapporten voor Mobiel en Desktop, omdat de ervaring van je bezoekers kan verschillen op basis van het apparaat dat ze gebruiken om de website te bekijken.

Google PageSpeed Insights heeft twee verschillende onderdelen, die elk een uniek doel dienen:

Met de Core Web Vitals-beoordeling kun je de gemiddelde statistieken voor de afgelopen 28 dagen bekijken. Alle wijzigingen aan je website zullen de statistieken elke dag geleidelijk beïnvloeden totdat de volledige impact binnen 28 dagen kan worden gemeten.

Veldgegevens bieden de meest nauwkeurige meting van de prestaties van je website en wijzen op prestatieverbeteringen die je op je website kunt aanbrengen. Het Ontdek wat je echte gebruikers ervaren-gedeelte presenteert prestatiestatistieken die zijn verzameld van daadwerkelijke bezoekers aan je stie.

De Core Web Vitals-beoordeling wordt maandelijks uitgebracht, dus het kan even duren voordat verbeteringen binnen de PageSpeed Insights verschijnen. De veldgegevens worden van elke Chrome-sessie verzameld door bezoekers die zich niet hebben afgemeld voor rapportage aan Google.

De resultaten van je Core Web Vitals-beoordeling, verzameld uit de laatste verzamelingsperiode van 28 dagen, kunnen variëren op basis van de gebruikte apparaten en de netwerkverbinding.

Core Web Vitals zijn een belangrijke indicatie van de prestaties van je website en een van de vele metingen die worden gebruikt om de SEO-ranking van je website te bepalen.

De SEO-boost voor prestatie wordt afzonderlijk toegepast op mobiele en desktoppagina's. Elke mobiele pagina en elke desktoppagina kan maximaal drie boosts ontvangen, één voor elke Core Web Vital:

Een mobiele pagina kan bijvoorbeeld een gedeeltelijke SEO-boost krijgen voor LCP en INP, maar een volledige boost voor CLS.

Terwijl de desktopversie van dezelfde pagina een volledige SEO-boost krijgt voor elke statistiek: LCP, INP en CLS.

Je Core Web Vitals-beoordeling wordt weergegeven als 'Mislukt', tenzij je een 'Goed'-score krijgt voor: alle drie de Core Web Vital-statistieken. Dit betekent niet dat de pagina geen boost heeft gekregen, want elke statistiek draagt onafhankelijk bij aan een boost.

Google Search probeert altijd de meest relevante inhoud weer te geven, zelfs als de pagina-ervaring ondermaats is. Voor de meeste zoekopdrachten is er veel nuttige inhoud beschikbaar, dus een goede pagina-ervaring kan bijdragen aan succes in de zoekresultaten.

Inhoud blijft de belangrijkste factor bij het handhaven van je SEO-score. We raden aan de inhoud van je website te optimaliseren en de metatags van je pagina bij te werken. Lees meer best practices voor SEO.

Om je prestatiescore te genereren, gebruikt Google Lighthouse, een open-source, geautomatiseerde tool voor het verbeteren van de kwaliteit van je webpagina's. Telkens wanneer een pagina wordt geanalyseerd in PageSpeed Insights, schat Google de score op basis van gesimuleerde omgevingen:

Google Lighthouse, de tool die de prestatiescore berekent, simuleert mobiel laden met de omstandigheden van een middelgroot apparaat (Moto G4) op een langzaam netwerk (4G). Voor desktop simuleert het een geëmuleerde desktopcomputer met een bekabelde verbinding.

De verschillende scores op mobiel en desktop zijn te wijten aan de verschillende verwerkingskracht van de gesimuleerde omgevingen.

PageSpeed werkt ook in een Google-datacenter dat kan variëren op basis van netwerkomstandigheden. Je kunt zien waar de test is uitgevoerd door de locatie in het omgevingsblok van het Lighthouse Report te controleren.

Mobiele websites presteren vaak langzamer in vergelijking met desktopwebsites vanwege factoren zoals grotere afbeeldingen, animaties of scripts van derden. Om de snelheid van je mobiele website te verbeteren, gebruik je lichte afbeeldingsindelingen zoals WebP of AVIF en vermijd je animaties in inhoud boven de vouw. Het beperken van het gebruik van eigen lettertypen en het behouden van standaardlettertypen kan de prestaties ook verbeteren. Vereenvoudig je mobiele indeling door onnodige elementen te verbergen met de mobiele editor. Deze stappen kunnen ervoor zorgen dat je website een soepele en geoptimaliseerde ervaring biedt voor mobiele gebruikers.

Een homepage met te veel elementen kan de laadsnelheid negatief beïnvloeden. Om je homepage sneller te laten laden, probeer je het aantal afbeeldingen en video's te verminderen of verplaats je niet-essentiële onderdelen naar afzonderlijke pagina's. Het maken van een vereenvoudigde homepage-versie kan ook een groot verschil maken voor de prestaties. Het inschakelen van caching verbetert de laadsnelheid voor herhaalde bezoeken verder. Het vereenvoudigen van je homepage biedt niet alleen een betere gebruikerservaring, maar helpt bezoekers ook door een duidelijkere en meer gerichte gebruikersreis.

Largest Contentful Paint (LCP) meet de tijd die nodig is voordat het grootste zichtbare element, zoals een hero image of koptekst, in de viewport van de gebruiker is geladen. Om je LCP-score te verbeteren, kun je het grootste element optimaliseren door de grootte van hero images of systeemlettertypen voor grote tekst te verkleinen. Bovendien kan het plaatsen van zware inhoud, zoals video's of animaties, onder de vouw en het implementeren van 'lazy loading' voor niet-kritieke afbeeldingen de snelheid en efficiëntie van je website aanzienlijk verbeteren.

Blokkeringstijd verwijst naar vertragingen die worden veroorzaakt door de uitvoering van JavaScript of scripts van derden, waardoor je website minder responsief kan zijn. Het minimaliseren of verwijderen van onnodige apps of scripts van derden is een manier om de blokkeringstijd te verminderen. Gebruik waar mogelijk in plaats van externe code de ingebouwde tools van Wix. Voor alle niet-kritieke scripts kun je het defer-attribuut toevoegen in het Aangepaste code-gedeelte om ervoor te zorgen dat andere website-assets eerst worden geladen. Door de blokkeringstijd te verkorten, kun je de responsiviteit en algehele gebruikerservaring van je website verbeteren.

De websitesnelheid kan soms fluctueren, zelfs na optimalisatie. Deze verschuivingen worden vaak veroorzaakt door factoren zoals de reactietijd van de server, de locatie van de bezoeker of inhoud in de cache. Om consistente prestaties te behouden, gebruik je een Netwerk voor contentlevering (CDN) om inhoud wereldwijd weer te geven en controleer je regelmatig de snelheid van je website met behulp van het Websitesnelheid-dashboard van Wix. Bekijk bovendien apps of scripts van derden die vertragingen kunnen veroorzaken. Het kan tot drie weken duren voordat snelheidsstatistieken recente updates weergeven, dus het is belangrijk om geduld te blijven en de effecten van je optimalisaties te monitoren.

Klik hieronder voor antwoorden op veelgestelde vragen over PageSpeed Insights-rapporten.