Una web lenta perd clients abans d’ensenyar el que vens: cada segon de més en carregar baixa les conversions i, de passada, el posicionament a Google. Els Core Web Vitals són les tres mètriques amb què Google mesura aquesta experiència. Per a una pime del Vallès Occidental amb la web en WordPress i uns quants plugins, solen ser el punt on més es guanya amb menys esforç. Aquí t’explico què són en llenguatge planer, com mesurar-los i què es pot fer.
Què són els Core Web Vitals en cristià
Són tres mètriques que resumeixen si una web va fluida per a qui la fa servir.
LCP (Largest Contentful Paint): quant triga a veure’s el que importa
Mesura el temps fins que es pinta l’element gran principal de la pàgina (la imatge de capçalera, el titular). Bé: per sota de 2,5 segons. Si el teu LCP és de 5 segons, mig visitant ja ha marxat.
INP (Interaction to Next Paint): quant triga a respondre quan toques alguna cosa
Mesura el retard entre que l’usuari prem un botó, obre el menú o omple un camp i la web reacciona. Bé: per sota de 200 mil·lisegons. Un INP alt és aquella sensació de "he tocat i no passa res" típica de webs amb excés de scripts. Va substituir l’antiga mètrica FID el 2024.
CLS (Cumulative Layout Shift): quant "balla" la pàgina en carregar
Mesura si el contingut salta mentre carrega (entra un bàner, una tipografia, una imatge sense espai reservat) i acabes prement on no volies. Bé: per sota de 0,1.
Per què importen al teu negoci, no només a Google
- Conversió: estudis de grans ecommerce i de la mateixa Google associen millores de velocitat amb pujades clares de vendes i baixades de rebot. En una web de serveis, es tradueix en més formularis i trucades.
- SEO: els Core Web Vitals són un factor de posicionament. No el més important —el contingut i els enllaços pesen més—, però sí un desempat real entre webs semblants, i afecta tot el domini.
- Imatge de marca: una web que va lenta o "balla" transmet deixadesa abans que el client llegeixi una paraula.
- Cost de publicitat: si pagues Google Ads o Meta, una landing lenta et puja el cost per lead perquè part del trànsit que pagues es perd en la càrrega.
Un exemple hipotètic per veure l’ordre de magnitud
Imagina una web de serveis del Vallès amb unes 3.000 visites al mes, dos terços des del mòbil, i un LCP mòbil de 4,8 segons per un slider de capçalera i fotos sense comprimir. La conversió a formulari ronda l’1%. Després de comprimir imatges, treure el slider, carregar bé les tipografies i activar una memòria cau decent, el LCP baixa a uns 2 segons i l’INP millora en reduir scripts de tercers. Els dos mesos següents sol veure’s: menys rebot en mòbil, més pàgines per visita, la conversió movent-se cap a l’1,5-1,8% i un grapat de pàgines de servei guanyant posicions en cerques locals on ja rondaven la primera pàgina. No és un resultat garantit —depèn del punt de partida i de la competència—, però és el patró habitual quan la web només estava llastada pel rendiment.
Com mesurar-los tu mateix
- PageSpeed Insights (pagespeed.web.dev): enganxes la URL i et dona les tres mètriques amb dades de laboratori i, si la teva web té prou trànsit, dades reals d’usuaris dels últims 28 dies. Les dades reals són les que compten per a Google.
- Search Console: secció "Core Web Vitals". Agrupa les teves URLs en "Bones", "Necessiten millora" i "Deficients" amb dades d’usuaris reals. És la vista que cal vigilar mes a mes.
- Lighthouse (dins de les eines de desenvolupador de Chrome, pestanya "Rendiment"): útil per diagnosticar en una pàgina concreta mentre s’hi treballa.
- Mesura sempre en mòbil, que és on hi ha la majoria de les teves visites i on els problemes es noten més.
Un matís: la puntuació global de PageSpeed (el número sobre 100) és orientativa. El que Google fa servir per posicionar és si superes o no els llindars de LCP, INP i CLS amb dades reals.
Causes típiques en WordPress amb plugins
- Massa plugins que carreguen el seu propi CSS i JavaScript a totes les pàgines, encara que no es facin servir allà.
- Constructors visuals (page builders) que generen HTML pesat i imbricat.
- Imatges sense optimitzar: fotos de 3.000 px i diversos MB servides tal qual, sense format modern (WebP o AVIF) ni càrrega diferida.
- Sliders i carrusels a la capçalera: dels majors culpables d’un LCP dolent.
- Tipografies web mal carregades que bloquegen el render o provoquen salts (CLS).
- Hosting compartit barat amb temps de resposta del servidor alts.
- Falta de memòria cau o memòria cau mal configurada.
- Scripts de tercers: xats, píxels de seguiment, mapes incrustats, bàners de galetes pesats.
Què es pot fer (de menys a més)
Millores ràpides
- Un bon plugin de memòria cau i optimització, ben configurat.
- Comprimir i convertir les imatges, activar la càrrega diferida.
- Treure plugins que no es fan servir i scripts de tercers prescindibles.
- Passar a un hosting decent amb PHP actual.
- Carregar les tipografies bé i reservar espai per a imatges i anuncis.
Millores de fons
- Substituir el page builder per un tema lleuger o una maquetació a mida.
- Revisar plugin a plugin què carrega i on.
- Replantejar la capçalera: fora slider, una imatge optimitzada i un titular clar.
Quan el WordPress no dona més de si
Si després de netejar plugins, imatges i hosting la web segueix sense passar els llindars, el problema és estructural. Aquí entra refer el front amb una tecnologia pensada per a la velocitat. Una web en Next.js parteix amb LCP i CLS bons "de fàbrica" perquè serveix HTML lleuger i controla la càrrega de recursos. Tens quan té sentit aquest salt a migrar de WordPress a Next.js.
Compte amb les "optimitzacions" que trenquen coses
Molts plugins de velocitat prometen miracles amb un botó, però combinar minificació agressiva, ajornament de JavaScript i CSS crític automàtic pot trencar el menú, el formulari o el disseny en mòbil. Cal activar les opcions d’una en una i comprovar la web després de cada canvi, sobretot les pàgines de contacte i de producte. Una web ràpida que no deixa enviar el formulari és pitjor que una web lenta.
Què es guanya en arreglar-ho
En els projectes que faig per a pimes de Terrassa, Sabadell o Rubí, passar una web de "deficient" a "bona" en Core Web Vitals sol portar: menys rebot en mòbil, més pàgines per visita, més formularis enviats i una millora gradual de posicions les setmanes següents, sobretot en cerques on competies de tu a tu amb webs igual de rellevants. No és màgia ni és immediat, però és de les inversions amb retorn més mesurable.
Com ho abordo a GooWebs
Començo amb una auditoria: dades reals de Search Console i PageSpeed, revisió de plugins, imatges, hosting i plantilla, i un informe amb el que es pot arreglar sobre el WordPress actual i el que només es resol refent el front. Moltes vegades amb l’optimització n’hi ha prou; quan no, ho dic clar. Pots veure l’enfocament a desenvolupament web, plantejar-te un pla de manteniment web perquè no es torni a degradar, o explicar-me el teu cas.
Preguntes freqüents
Què són LCP, INP i CLS?
LCP mesura quant triga a veure’s el contingut principal (bé: menys de 2,5 s); INP, quant triga la web a respondre a un toc o clic (bé: menys de 200 ms); CLS, quant es mou el contingut mentre carrega (bé: menys de 0,1).
Com sé si la meva web passa els Core Web Vitals?
Amb PageSpeed Insights enganxant la teva URL i amb l’informe "Core Web Vitals" de Search Console, que fa servir dades d’usuaris reals. Mira sempre la versió mòbil.
Per què el meu WordPress va lent?
El més habitual: excés de plugins, un constructor visual pesat, imatges sense optimitzar, un slider a la capçalera, tipografies mal carregades i hosting compartit barat.
Puc arreglar-ho sense refer la web?
En molts casos sí: memòria cau, optimització d’imatges, neteja de plugins i millor hosting n’hi ha prou per passar els llindars. Si després d’això segueix sense passar-los, el problema és estructural i toca refer el front.
Millorar la velocitat puja el posicionament?
Ajuda, sobretot com a desempat entre webs de rellevància semblant i perquè millora l’experiència i la conversió. No substitueix tenir bon contingut i enllaços.