FCP
Afkorting van First Contentful Paint
Wat betekent FCP?
FCP meet hoe snel de eerste inhoud verschijnt nadat iemand je pagina opent. Denk aan een stukje tekst, een logo of een afbeelding: het moment waarop het scherm niet meer leeg is.
Veelgestelde vragen over FCP
Hoe meet ik de FCP van mijn website?
Je meet FCP het snelst met PageSpeed Insights van Google. Vul je webadres in en je krijgt een score voor mobiel en desktop.
- Bovenaan staan gegevens van echte bezoekers, als je site daar genoeg verkeer voor heeft.
- Daaronder staat een labtest: een gesimuleerde meting op één moment.
- In Chrome kun je ook Lighthouse gebruiken via de ontwikkelaarstools (rechtermuisknop, Inspecteren).
Test meerdere pagina's, niet alleen je homepage. Een productpagina of blog kan heel anders scoren.
Wat is een goede FCP-score volgens Google?
Google noemt een FCP van 1,8 seconden of sneller goed. Zit je tussen 1,8 en 3 seconden, dan kan het beter. Boven de 3 seconden geldt je pagina als traag.
Kijk vooral naar de score op mobiel, want die valt meestal lager uit dan op desktop. Haal je de 1,8 seconden niet, dan kijken je bezoekers langer naar een leeg scherm. Hoe korter dat moment duurt, hoe kleiner de kans dat iemand afhaakt voordat er iets te zien is.
Hoe verbeter ik mijn FCP in WordPress?
Je verbetert FCP door de browser sneller iets te laten tonen. Met een cacheplugin als WP Rocket of LiteSpeed Cache (als je hosting op LiteSpeed draait) regel je veel in één keer:
- Zet paginacaching aan, zodat je server de pagina niet steeds opnieuw opbouwt.
- Laat JavaScript uitgesteld laden, zodat het de weergave niet blokkeert.
- Verklein je CSS en verwijder ongebruikte CSS.
- Zorg dat tekst direct zichtbaar is, ook als lettertypes nog laden.
- Kies hosting met een snelle serverreactie.
Test na elke aanpassing je site, want te strenge instellingen kunnen je opmaak breken.
Is FCP een Core Web Vital waar Google op let?
Nee, dat is een veelgemaakt misverstand. De Core Web Vitals zijn LCP (hoe snel de grootste inhoud verschijnt), INP (hoe snel je pagina reageert op een klik) en CLS (hoeveel de opmaak verspringt).
FCP is wel een nuttige hulpmeting. Je grootste inhoud kan namelijk nooit eerder verschijnen dan je eerste inhoud. Een trage FCP trekt je LCP dus mee omlaag. Staar je alleen niet blind op FCP: als je logo snel verschijnt maar je belangrijkste tekst of afbeelding lang op zich laat wachten, voelt je pagina nog steeds traag.
Waarom is mijn FCP op mobiel veel slechter dan desktop?
PageSpeed Insights test mobiel met een gesimuleerde gemiddelde telefoon en een trager netwerk. Telefoons hebben minder rekenkracht, dus zware scripts en grote CSS-bestanden vertragen daar veel meer.
Zo pak je het aan:
- Verwijder plugins en scripts die je niet echt nodig hebt, zoals sliders of chatwidgets.
- Comprimeer afbeeldingen, bijvoorbeeld met ShortPixel.
- Gebruik zo min mogelijk verschillende lettertypes.
- Laad zware onderdelen pas als ze in beeld komen.
Een groot verschil tussen mobiel en desktop is normaal. Richt je verbeteringen dus vooral op mobiel.
