PageSpeed Insights (PSI) is een tool waarmee webontwikkelaars inzicht krijgen in de prestaties van een pagina en hoe ze deze kunnen verbeteren. Het maakt gebruik van Lighthouse om de pagina te controleren en mogelijkheden voor prestatieverbetering te identificeren. Het integreert ook met het Chrome UX Report (CrUX) om te laten zien hoe echte gebruikers de pagina en de oorsprong ervan in totaal ervaren. In deze handleiding leert u hoe u PSI kunt gebruiken om inzichten uit CrUX te halen en de gebruikerservaring beter te begrijpen.
De gegevens lezen
Om te beginnen gaat u naar https://pagespeed.web.dev/ , voert u de URL in van de pagina die u wilt testen en klikt u op Analyseren .
Na een paar seconden worden Lighthouse-audits uitgevoerd en ziet u secties met gegevens uit CrUX ("Ontdek wat uw echte gebruikers ervaren") en Lighthouse ("Diagnose prestatieproblemen"). CrUX is een verzameling van echte gebruikerservaringen uit de praktijk, terwijl Lighthouse een gecontroleerde test in het laboratorium is.
In het gedeelte 'Real-user experience' worden de statistieken gegroepeerd op Core Web Vitals en andere belangrijke statistieken . De drie Core Web Vitals-statistieken worden als eerste vermeld: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) en Cumulative Layout Shift . Deze worden gevolgd door de andere belangrijke statistieken: First Contentful Paint (FCP) en Time to First Byte (TTFB).
Kernwebvitals
- LCP meet de tijd totdat de pagina de waarschijnlijk belangrijkste inhoud weergeeft, bijvoorbeeld een hoofdafbeelding of kop.
- INP meet de interactiviteit van de pagina door de latentie van alle interacties die een gebruiker met de pagina heeft gehad te meten. Vervolgens wordt een enkele waarde gerapporteerd die aangeeft welk deel (of bijna alle) interacties kleiner waren.
- CLS meet de mate van lay-outinstabiliteit op de pagina, veroorzaakt door verschuivingen, zoals asynchroon geladen inhoud die wordt ingespoten.
Andere opmerkelijke statistieken
- FCP meet de tijd totdat er iets op de voorgrond op de pagina wordt weergegeven, bijvoorbeeld tekst of een logo.
- TTFB is een experimentele metriek die de tijd meet tussen de aanvraag voor een resource en het moment waarop de eerste byte van een respons binnenkomt.
Metrische drempels
In deze tabel wordt beschreven hoe de waarden voor deze statistieken worden gecategoriseerd als 'goed', 'verbetering nodig' of 'slecht'.
| Metrisch | "Goed" | "Verbetering nodig" | "Arm" |
|---|---|---|---|
| LCP | 0–2500 ms | 2500–4000 ms | 4000ms+ |
| CLS | 0,00-0,10 | 0,10–0,25 | 0,25+ |
| INP | 0–200 ms | 200 ms–500 ms | 500ms+ |
| FCP | 0–1800 ms | 1800ms–3000ms | 3000ms+ |
| TTFB | 0–800 ms | 800 ms–1800 ms | 1800ms+ |
De Core Web Vitals-statistieken zijn de belangrijkste statistieken en worden direct ervaren door echte gebruikers. De andere statistieken kunnen als diagnostiek worden gebruikt, maar zijn niet per se waarneembaar voor echte gebruikers. Daarom worden deze statistieken niet meegenomen in de Core Web Vitals-beoordeling. Het niet halen van de 'goede' drempelwaarden is alleen relevant als ze de Core Web Vitals negatief beïnvloeden.
Er zijn drie manieren waarop de gebruikerservaring in PSI wordt weergegeven:
- een label dat samenvat of de pagina geslaagd is of niet geslaagd is voor de Core Web Vitals-beoordeling
- percentielen gemeten in seconden of milliseconden (CLS is eenheidsloos)
- U kunt een verdeling maken van het percentage 'goede', 'verbetermogelijkheden' en 'slechte' ervaringen door te klikken op Weergave uitbreiden in de rechterbovenhoek van dit gedeelte.
In de vorige schermafbeelding is de pagina gemarkeerd als 'geslaagd' voor de Core Web Vitals-beoordeling. Om te slagen, moet het percentiel in alle drie de Core Web Vitals-tests als 'goed' worden gecategoriseerd. Anders wordt de beoordeling weergegeven als 'gezakt'. Sommige pagina's hebben mogelijk onvoldoende INP-gegevens, in welk geval de pagina wordt beoordeeld op de andere twee Core Web Vitals-statistieken.
De percentielen die voor alle statistieken worden weergegeven, komen overeen met het 75e percentiel. In de statistiek is een percentiel een maatstaf die de waarde aangeeft waaronder een bepaald percentage samples valt. De bovenstaande schermafbeelding laat bijvoorbeeld zien dat het 75e percentiel van INP 64 ms is, wat betekent dat 75% van de INP-ervaringen sneller is dan 64 ms. Deze waarden zijn kleurgecodeerd volgens de vorige drempelwaardetabel, waarbij "goede" waarden groen zijn, waarden die "verbetering behoeven" oranje en "slechte" waarden rood.
Ten slotte worden de verdelingen voor elke metriek geïllustreerd met behulp van de groepering 'goed', 'moet verbeterd worden' en 'slecht'. Zo zijn de LCP-ervaringen op deze pagina in 90% van de gevallen 'goed' (minder dan 2,5 seconden). De INP is in 1% van de gevallen 'slecht' (minstens 500 milliseconden). Deze verdelingen vertegenwoordigen alle gebruikerservaringen op de pagina en hun vorm geeft de tendens aan om 'goed' of 'slecht' te zijn.
Samenvatting van de oorspronkelijke prestaties
PSI bevat ook een overzicht van de prestaties van de bron. Dit is een aggregatie van gebruikerservaringen op alle pagina's van een bron. U kunt dezelfde statistieken voor een hele bron bekijken als voor individuele pagina's. Deze gegevens zijn nauw afgestemd op wat beschikbaar is op BigQuery , terwijl de prestaties op paginaniveau niet beschikbaar zijn voor query's.
Er is één belangrijk verschil tussen de data op oorsprongsniveau in PSI en BigQuery. De datasets in BigQuery worden maandelijks vrijgegeven en bevatten de data van de voorgaande kalendermaand. De dataset van 202005 bevat bijvoorbeeld alle gebruikerservaringen die in mei 2020 plaatsvonden. PSI verzamelt daarentegen dagelijks nieuwe data van de afgelopen 28 dagen. De resultaten die u vandaag ziet, kunnen morgen dus anders zijn en zullen niet per se hetzelfde zijn als wat u in de aggregatie van de huidige maand in BigQuery zou zien.
Reacties wanneer URL-gegevens niet beschikbaar zijn in CrUX
Als de ingevoerde URL niet beschikbaar is in CrUX, probeert PageSpeed Insights terug te vallen op gegevens op oorsprongsniveau, zoals weergegeven in de volgende schermafbeelding. Door te klikken op het pictogram naast de uitgeschakelde knop Deze URL , krijgt u meer uitleg.
Als de gegevens op oorsprongsniveau ook niet beschikbaar zijn in CrUX, kan PSI deze sectie niet weergeven en ziet u 'Geen gegevens' . Labgegevens van Lighthouse zijn nog steeds beschikbaar om u een schatting te geven van de prestaties van de pagina.
Veelgestelde vragen
Dit zijn enkele veelgestelde vragen over de CrUX-gegevens in PageSpeed Insights:
Wanneer zou ik PageSpeed Insights gebruiken in plaats van andere tools?
PSI combineert de echte gebruikerservaringsdata van CrUX met de laboratoriumgebaseerde prestatiediagnostiek van Lighthouse. Dit maakt het eenvoudig om te zien hoe snel een pagina wordt ervaren en hoe u deze sneller kunt maken, alles op één plek. De dagelijkse aggregatie van veldgegevens in PSI maakt het een uitstekende plek om de prestaties van de oorsprong of URL nauwkeuriger te monitoren dan tools met minder frequente aggregaties.
Zijn er beperkingen aan het gebruik van PageSpeed Insights?
PSI biedt alleen de meest recente dagelijkse aggregatie, dus u kunt niet per se zien hoe de prestaties van een site zich ontwikkelen. Er zijn ook enkele niet-essentiële statistieken in de CrUX-dataset opgenomen die niet zichtbaar zijn in PSI.
Waar kan ik meer informatie vinden over PageSpeed Insights?
Raadpleeg de PSI-documentatie voor meer informatie.