Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Performance
Wat betekent FCP en wanneer toont een website zijn eerste inhoud?
FCP (First Contentful Paint) meet de tijd van paginabezoe tot het eerste zichtbare stuk inhoud — Google beoordeelt tot 1,8 seconden als goed, boven 3 seconden als slecht. De FCP beantwoordt de vraag: wanneer ziet de bezoeker überhaupt iets? Tot dat moment staart hij naar een witte ruimte en weet niet eens of de pagina nog komt.
De eerste inhoud is het levensteeken van de pagina
Tussen het tikken op een koppeling en de eerste zichtbare tekst of afbeelding ligt de meest onaangename wachttijd van het hele paginabezoek: het witte veld. De bezoeker krijgt geen terugkoppeling — laadt de pagina nog, is de verbinding dood, heeft hij zich vertyped? De FCP meet precies dit bereik tot het eerste levensteeken. Het kan een titel zijn, een logo of een tekstabsatz; het hoeft nog niet de voltooide pagina te zijn. Zodra iets verschijnt, wacht een bezoeker veel geduldigerdoor, omdat hij ziet dat er iets gebeurt.
FCP en LCP scheiden twee verschillende problemen
De FCP toont wanneer het eerste element verschijnt, de LCP wanneer het grootste staat. Samen gelezen scheiden de twee waarden netjes twee oorzaken: is de FCP al slecht, dan ligt het probleem vroeg in de keten — de server antwoordt traag of blokkerende bestanden houden de weergave op. Is de FCP goed maar de LCP slecht, dan verschijnt snel iets, maar de hoofdafbeelding of hoofdinhoud laat op zich wachten — typisch voor te grote afbeeldingsbestanden. Dit onderscheid bespaart uw agentschap het zoeken op de verkeerde plaats: het rapport toont beide waarden naast elkaar, elk met medeeldbron.
De Google-drempels: 1,8 en 3 seconden
Tot 1,8 seconden geldt de FCP als goed, tot 3 seconden als verbetering nodig, daarboven als slecht. De controledienst haalt de waarden op via Google's PageSpeed-meting — als veldgegevens van echte bezoekers uit een 28-dagsvenster, voor zover de pagina genoeg hits heeft, en aanvullend als labbemeting onder vaste omstandigheden. Veldgegevens hebben prioriteit. Meting gebeurt apart voor mobiele telefoon en desktop, want een zwakke radioverbin ding verlengt precies de fase die de FCP vangt. Elke overschrijding verschijnt als bevinding met gemeten waarde en doelwaarde.
- Laad uw website op de mobiele telefoon in het mobiele netwerk en controleer hoe lang het witte veld blijft voordat iets verschijnt.
- Vraag uw agentschap te controleren welke script- en stijlbestanden de eerste weergave blokkeren en deze met lagere prioriteit te laden.
- Vraag of ingebed lettertypen de tekstweergave opheffen — de tekst hoort eerst in een vervanglettertype te verschijnen in plaats van op het gewenste lettertype te wachten.
- Vergelijk in het controleserverrapport FCP en LCP: zijn beide slecht, dan begint het werk bij de server; is alleen de LCP slecht, bij de hoofdafbeelding.
- Meet opnieuw na elke wijziging van ontwerp of bouwstenensjabloon, want nieuwe stijlbestanden verschuiven de eerste inhoud vaak naar achteren.