El First Contentful Paint (FCP) mesura quan apareix el primer element visible de la pàgina, ja sigui un títol, un tros de text o el logotip. Imaginem que entres a un restaurant i, abans que et portin la carta o el plat principal, veus el cambrer sortir de la cuina amb una safata: això és un senyal clar que s’està preparant alguna cosa. De la mateixa manera, el FCP indica el moment en què el navegador mostra alguna part del contingut, demostrant que la pàgina comença a carregar-se i no està bloquejada. Si el FCP triga massa, els usuaris tenen la sensació que el lloc “no fa res” i poden marxar abans de veure la pàgina completa.
Un FCP baix significa que el primer element visible apareix ràpidament, mentre que un FCP alt vol dir que l’usuari veu una pàgina “buida” durant uns segons. Alguns factors que poden fer que el FCP sigui massa lent són:
- Hosting lent
- Si el servidor triga a respondre, tot el procés de càrrega s’endarrereix i el primer element visible apareix més tard.
- Excessiu codi CSS o JavaScript bloquejant
- Quan el navegador ha de carregar i processar fitxers CSS i JS molt grans (o que no es carreguen de manera òptima), la pàgina no pot mostrar contingut fins que finalitzi aquesta tasca.
- Manca de caché
- Sense un sistema de caché, cada visita ha de carregar-ho tot des de zero, allargant el temps fins al primer element visible.
- Imatges pesades
- Si el primer contingut visible és una imatge gran i no està optimitzada, pot fer que el FCP s’allargui perquè el navegador ha d’esperar a descarregar-la.
- Fonts externes
- Quan la web depèn de fonts allotjades en altres servidors (com Google Fonts), pot endarrerir-se la visualització del text fins que s’hagin descarregat aquestes fonts.
- Retards per configuració DNS o plugins lents
- Si hi ha problemes de DNS o plugins que fan consultes lentes a la base de dades, la pàgina pot trigar més a començar a mostrar res.