Si mai has passat la teva web per una eina de velocitat, segur que t’han sortit unes sigles estranyes en vermell: LCP, INP, CLS. Són les Core Web Vitals, i Google les fa servir per saber si la teva web dona una bona experiència.
T’explico què vol dir cada una, quins valors ha de tenir la teva web i què val la pena arreglar en una pime (i què no).
Què són les Core Web Vitals?
Són tres mesures que Google va definir per avaluar l’experiència real dels usuaris a una web. No mesuren com es veu la web, sinó com de ràpida i estable és quan algú la fa servir.
Google les mesura amb dades reals de visitants que fan servir Chrome, i les té en compte com un dels molts factors per posicionar les pàgines.
Les tres mètriques, explicades fàcil
| Mètrica | Què mesura | Bé | Cal millorar | Malament |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Quant triga a aparèixer el contingut principal | 2,5 s o menys | Entre 2,5 i 4 s | Més de 4 s |
| INP (Interaction to Next Paint) | Quant triga la web a reaccionar quan cliques | 200 ms o menys | Entre 200 i 500 ms | Més de 500 ms |
| CLS (Cumulative Layout Shift) | Si els elements es mouen mentre la pàgina carrega | 0,1 o menys | Entre 0,1 i 0,25 | Més de 0,25 |
LCP: la càrrega
És el temps que passa fins que es veu l’element més gran de la pantalla: normalment la imatge de capçalera o el títol. Si la persona veu una pantalla blanca uns quants segons, marxa.
INP: la resposta
Mesura quant triga la web a reaccionar quan cliques un botó, obres un menú o escrius en un formulari. Va substituir l’antiga mètrica FID el març del 2024.
CLS: l’estabilitat
És aquella situació en què vas a clicar un enllaç i, just aleshores, la pàgina es mou perquè ha carregat una imatge o un anunci, i acabes clicant una altra cosa. El CLS mesura quant passa això.
Com mesurar-les gratis
- PageSpeed Insights: hi poses l’adreça d’una pàgina i et dona les tres mètriques, amb dades reals si la web té prou visites, i una llista de recomanacions.
- Search Console: a l’informe de Core Web Vitals veus quines pàgines de la teva web estan bé i quines no, agrupades. A la guia de Search Console t’explico com configurar-la.
Fixa’t sobretot en les dades de mòbil: és on la majoria de webs fallen i des d’on et visita la major part de la gent.
Què val la pena arreglar en una pime?
Aquí ve la part important. Les eines et donaran desenes de recomanacions tècniques, però no totes tenen el mateix impacte. Per a una web de pime, el que normalment marca la diferència:
1. Imatges massa pesades
És la causa més habitual d’un LCP lent. Fotos de 5 MB pujades directament de la càmera. La solució: reduir-les a la mida a què es veuen, comprimir-les i fer servir el format WebP. A l’article sobre bancs d’imatges tens eines gratuïtes per fer-ho.
2. Massa connectors o scripts
A WordPress, cada connector afegeix codi. Xats, finestres emergents, comptadors, galeries… Revisa quins fas servir de veritat i treu la resta.
3. Un allotjament massa justet
Si el servidor és lent, tota la web ho és. Un allotjament de qualitat no és car i sol millorar molt la càrrega.
4. Imatges i anuncis sense mida definida
És la causa principal del CLS. Quan la web no sap quant ocuparà una imatge, la reserva després i ho mou tot. Es soluciona indicant l’amplada i l’alçada de les imatges.
Què pots ignorar (o deixar per més endavant)
- La puntuació de 0 a 100 de PageSpeed. És orientativa. El que compta són les tres mètriques i, sobretot, les dades reals dels usuaris.
- Arribar a 100 punts. Passar de 85 a 100 sovint costa molt i no canvia res per als teus clients.
- Recomanacions molt tècniques que estalvien unes desenes de mil·lisegons, si les tres mètriques ja estan en verd.
Les Core Web Vitals importen, però no et faran sortir primer a Google si el contingut no respon el que la gent busca. Són una condició per competir, no la manera de guanyar.
Conclusió
Les Core Web Vitals mesuren si la teva web carrega ràpid, respon bé i no es mou. Revisa-les un cop a Search Console, arregla les imatges i el que més pesi, i no t’obsessionis amb la puntuació perfecta.
Si la teva web va lenta i no saps per què, t’ho miro.