{"id":5836,"date":"2026-09-13T09:00:00","date_gmt":"2026-09-13T07:00:00","guid":{"rendered":"https:\/\/jsemproduction.com\/blog\/non-classe\/core-web-vitals-com-determinen-la-vostra-posicio-a-google-el-2026\/"},"modified":"2026-09-12T12:53:15","modified_gmt":"2026-09-12T12:53:15","slug":"core-web-vitals-com-determinen-la-vostra-posicio-a-google-el-2026","status":"publish","type":"post","link":"https:\/\/jsemproduction.com\/ca\/blog\/seo-i-posicionament-natural\/core-web-vitals-com-determinen-la-vostra-posicio-a-google-el-2026\/","title":{"rendered":"Core Web Vitals: com determinen la vostra posici\u00f3 a Google el 2026"},"content":{"rendered":"<h2>El que Google mesura realment amb els Core Web Vitals<\/h2>\n<p>Els Core Web Vitals s\u00f3n tres m\u00e8triques que descriuen l&#8217;experi\u00e8ncia de c\u00e0rrega tal com la viu un usuari real. El LCP mesura el temps d&#8217;exhibici\u00f3 del contingut principal. El CLS quantifica els salts de disseny mentre la p\u00e0gina es construeix. L&#8217;INP mesura el retard entre una acci\u00f3 de l&#8217;usuari i la resposta visible de la interf\u00edcie.   <\/p>\n<p>El mat\u00eds que gaireb\u00e9 tothom passa per alt es troba en el m\u00e8tode d&#8217;avaluaci\u00f3. Google no ret\u00e9 la mitjana de les vostres visites. Ret\u00e9 el 75<sup>\u00e8<\/sup> percentil, en una finestra lliscant de 28 dies, i separa el m\u00f2bil de l&#8217;escriptori. Dit d&#8217;una altra manera, tres de cada quatre visitants han de quedar per sota del llindar perqu\u00e8 la m\u00e8trica sigui validada. Un lloc r\u00e0pid per a la majoria per\u00f2 catastr\u00f2fic per al quart d&#8217;usuaris amb 4G degradada falla.    <\/p>\n<p>Aquesta mec\u00e0nica explica per qu\u00e8 tants llocs web mostren una puntuaci\u00f3 de Lighthouse de 95 en local i es mantenen en vermell a la Search Console. La puntuaci\u00f3 de Lighthouse simula una visita en condicions fixes. Els Core Web Vitals, en canvi, provenen del Chrome User Experience Report, la base de dades que Chrome alimenta amb les visites reals dels usuaris que han acceptat l&#8217;enviament d&#8217;estad\u00edstiques.  <\/p>\n<div class=\"jsem-stats-row\">\n<div class=\"jsem-stat-highlight\">\n<div class=\"jsem-stat-highlight-n\">2,5 s<\/div>\n<div class=\"jsem-stat-highlight-l\">Llindar LCP<\/div>\n<\/p><\/div>\n<div class=\"jsem-stat-highlight\">\n<div class=\"jsem-stat-highlight-n\">0,1<\/div>\n<div class=\"jsem-stat-highlight-l\">Llindar CLS<\/div>\n<\/p><\/div>\n<div class=\"jsem-stat-highlight\">\n<div class=\"jsem-stat-highlight-n\">200 ms<\/div>\n<div class=\"jsem-stat-highlight-l\">Llindar INP<\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"jsem-infobox\">\n<div class=\"jsem-infobox-label\">Punt clau<\/div>\n<p>Els llindars oficials de Google: LCP inferior o igual a 2,5 segons, CLS inferior o igual a 0,1, INP inferior o igual a 200 mil\u00b7lisegons. Entre 2,5 i 4 segons, entre 0,1 i 0,25, entre 200 i 500 mil\u00b7lisegons, la m\u00e8trica es classifica com a \u00abmillorable\u00bb. M\u00e9s enll\u00e0, es classifica com a \u00abdeficient\u00bb. Una URL nom\u00e9s es considera conforme si les tres m\u00e8triques passen simult\u00e0niament.   <\/p>\n<\/div>\n<p>Aquests tres indicadors tenen una hist\u00f2ria canviant. El FID, First Input Delay, va ser substitu\u00eft per l&#8217;INP el 12 de mar\u00e7 de 2024 perqu\u00e8 nom\u00e9s mesurava el retard abans del processament de la primera interacci\u00f3, cosa que deixava passar interf\u00edcies realment pesades. L&#8217;INP va fer caure immediatament en vermell milers de llocs WordPress sobrecarregats de scripts que fins aleshores mostraven un FID confortable. En les auditories que realitzem des de llavors, \u00e9s la m\u00e8trica que falla m\u00e9s sovint.   <\/p>\n<h2>LCP: l&#8217;element visible m\u00e9s gran decideix la vostra percepci\u00f3 de velocitat<\/h2>\n<p>El Largest Contentful Paint registra el moment en qu\u00e8 l&#8217;element de contingut m\u00e9s gran visible a la finestra inicial s&#8217;acaba de mostrar. A la pr\u00e0ctica, es tracta gaireb\u00e9 sempre de la imatge de cap\u00e7alera, d&#8217;un v\u00eddeo de fons o del bloc de t\u00edtol principal. Google ha triat aquesta m\u00e8trica perqu\u00e8 correspon al moment en qu\u00e8 el visitant considera que la p\u00e0gina ja hi \u00e9s.  <\/p>\n<h3>Identificar l&#8217;element LCP abans d&#8217;intentar res<\/h3>\n<p>Optimitzar sense saber quin element s&#8217;est\u00e0 mesurant fa perdre setmanes. La pestanya Performance de les DevTools de Chrome mostra un marcador LCP directament a la l\u00ednia de temps, i PageSpeed Insights anomena l&#8217;element afectat a la secci\u00f3 de diagn\u00f2stics. En una web corporativa, \u00e9s la imatge hero en el 80% dels casos. En una fitxa de producte, \u00e9s la imatge principal del producte. En un article de blog, sovint \u00e9s el mateix t\u00edtol H1 quan la imatge destacada es carrega en diferit.    <\/p>\n<h3>Descompondre el LCP en quatre segments<\/h3>\n<p>Un LCP de 4,8 segons no diu res fins que no es desglossa. El primer segment \u00e9s el TTFB, el temps que triga el vostre servidor a retornar el primer byte. El segon \u00e9s el retard abans del descobriment del recurs, \u00e9s a dir, la difer\u00e8ncia entre l&#8217;arribada de l&#8217;HTML i el moment en qu\u00e8 el navegador ent\u00e9n que ha de descarregar aquesta imatge. El tercer \u00e9s la desc\u00e0rrega del recurs. El quart \u00e9s el retard de renderitzaci\u00f3, sovint causat per un CSS o un JavaScript que bloqueja.    <\/p>\n<p>Aquesta descomposici\u00f3 ho canvia tot, perqu\u00e8 cada segment requereix una correcci\u00f3 diferent. Un TTFB d&#8217;1,2 segons se soluciona des de l&#8217;allotjament i la mem\u00f2ria cau del servidor, mai comprimint imatges. Un retard de descobriment elevat se soluciona eliminant el lazy loading de l&#8217;element LCP i afegint un atribut <code>fetchpriority=\"high\"<\/code>. Un temps de desc\u00e0rrega excessiu requereix WebP o AVIF, un redimensionament real i un CDN. Un retard de renderitzaci\u00f3 llarg delata una fulla d&#8217;estil massa pesada o una font web mal declarada.    <\/p>\n<p>El precarregament mereix una menci\u00f3 especial perqu\u00e8 sovint s&#8217;utilitza malament. Declarar una desena de recursos en <code>preload<\/code> equival a no prioritzar res: el navegador es troba amb deu urg\u00e8ncies simult\u00e0nies i l&#8217;ample de banda es reparteix entre elles. Un sol precarregament ben orientat a la imatge LCP, associat a un <code>preconnect<\/code> cap al domini que l&#8217;allotja quan prov\u00e9 d&#8217;un CDN, produeix un guany net. M\u00e9s enll\u00e0 d&#8217;aix\u00f2, l&#8217;efecte s&#8217;inverteix.   <\/p>\n<div class=\"jsem-alert\">\n L&#8217;error m\u00e9s freq\u00fcent i cost\u00f3s: aplicar <code>loading=\"lazy\"<\/code> a totes les imatges del lloc, inclosa la de l&#8217;hero. El navegador llavors posposa la desc\u00e0rrega de l&#8217;element LCP i la m\u00e8trica es dispara. La imatge visible en carregar-se no s&#8217;ha de diferir mai.\n<\/div>\n<p>Google recomana un TTFB per sota dels 800 mil\u00b7lisegons per deixar un marge suficient als altres tres segments. En un WordPress compartit amb PHP 7.4 sense mem\u00f2ria cau d&#8217;objectes, aquest llindar \u00e9s inabastable independentment del treball realitzat al front-end. \u00c9s el primer punt que verifiquem durant una <a href=\"https:\/\/jsemproduction.com\/ca\/referencia-seo\/auditoria\/\">auditoria SEO t\u00e8cnica<\/a>, abans fins i tot de mirar el contingut.  <\/p>\n<h2>CLS: l&#8217;instabilitat visual que els vostres visitants pateixen sense dir-ho<\/h2>\n<p>El Cumulative Layout Shift mesura els despla\u00e7aments inesperats dels elements durant la c\u00e0rrega. Cada despla\u00e7ament rep una puntuaci\u00f3 que combina la fracci\u00f3 de la pantalla afectada i la dist\u00e0ncia recorreguda per l&#8217;element. El CLS retingut \u00e9s el de la pitjor finestra de sessi\u00f3, una finestra de 5 segons com a m\u00e0xim, amb un interval d&#8217;un segon entre dos despla\u00e7aments.  <\/p>\n<p>Ning\u00fa es queixa d&#8217;un CLS elevat, i aix\u00f2 \u00e9s precisament el que el fa perill\u00f3s. El visitant que apunta a un bot\u00f3 i clica en un b\u00e0ner publicitari perqu\u00e8 la p\u00e0gina s&#8217;ha mogut no omple cap formulari de contacte per informar-ne. Se&#8217;n va. En els llocs d&#8217;e-commerce que auditem, un CLS superior a 0,25 acompanya gaireb\u00e9 sistem\u00e0ticament una taxa d&#8217;abandonament anormal a la fitxa de producte.   <\/p>\n<h3>Les quatre causes que produeixen el 90% del CLS<\/h3>\n<p>Les imatges sense atributs <code>width<\/code> i <code>height<\/code> encap\u00e7alen la llista. Sense aquestes dimensions, el navegador no pot reservar l&#8217;espai i el text puja bruscament quan la imatge es carrega. La correcci\u00f3 consisteix en dos atributs, i WordPress els afegeix nativament des de la versi\u00f3 5.5 per a les imatges inserides mitjan\u00e7ant l&#8217;editor, per\u00f2 no sempre per a les injectades per un tema o un constructor de p\u00e0gines.  <\/p>\n<p>A continuaci\u00f3 venen els continguts injectats din\u00e0micament per sobre de la part superior de la p\u00e0gina: b\u00e0ners de consentiment, barres de promoci\u00f3, notificacions d&#8217;estoc. Cadascun empeny tota la resta cap avall. La soluci\u00f3 consisteix a reservar l&#8217;al\u00e7ada pr\u00e8viament amb un contenidor de dimensi\u00f3 fixa, o a superposar l&#8217;element en lloc d&#8217;inserir-lo en el flux.  <\/p>\n<p>Les fonts web constitueixen la tercera causa. Quan una font personalitzada substitueix la font de reserva, les m\u00e8triques tipogr\u00e0fiques canvien i el text es reajusta. La combinaci\u00f3 de <code>font-display: swap<\/code> i <code>size-adjust<\/code> limita el fenomen, a condici\u00f3 de precarregar el fitxer de la font i allotjar-lo al vostre propi domini en lloc d&#8217;anar a buscar-lo a un tercer.  <\/p>\n<p>Els iframes i les integracions de tercers tanquen la llista. Un mapa, un reproductor de v\u00eddeo o un giny d&#8217;opinions de clients que es dimensiona a posteriori provoca un despla\u00e7ament sistem\u00e0tic. Reservar la r\u00e0tio d&#8217;exhibici\u00f3 en CSS soluciona el problema sense tocar el servei de tercers.  <\/p>\n<div class=\"jsem-quote\">\n<p>\u00abUn CLS net no es corregeix a posteriori, es dissenya. En un lloc constru\u00eft correctament des de la maqueta, amb r\u00e0tios d&#8217;imatge definides i zones reservades per a cada element as\u00edncron, la m\u00e8trica cau naturalment per sota de 0,05.\u00bb<\/p>\n<\/div>\n<h2>INP: la m\u00e8trica que sanciona els llocs sobrecarregats de scripts<\/h2>\n<p>L&#8217;Interaction to Next Paint mesura el temps entre una interacci\u00f3 i l&#8217;actualitzaci\u00f3 visible de la pantalla. A difer\u00e8ncia del FID al qual ha substitu\u00eft, observa totes les interaccions de la visita, no nom\u00e9s la primera, i ret\u00e9 la m\u00e9s lenta o gaireb\u00e9. En les p\u00e0gines que superen la cinquantena d&#8217;interaccions, l&#8217;algoritme ignora un cas extrem per cada tram de cinquanta per evitar que un incident a\u00efllat penalitzi el conjunt.  <\/p>\n<h3>Tres components, tres responsables diferents<\/h3>\n<p>L&#8217;INP es descompon en retard d&#8217;entrada, temps de processament i retard de presentaci\u00f3. El retard d&#8217;entrada correspon a l&#8217;espera abans que el navegador pugui tan sols comen\u00e7ar a processar el clic, perqu\u00e8 el fil d&#8217;execuci\u00f3 principal est\u00e0 ocupat amb una altra cosa. El temps de processament \u00e9s la durada d&#8217;execuci\u00f3 dels vostres gestors d&#8217;esdeveniments. El retard de presentaci\u00f3 cobreix el rec\u00e0lcul del disseny i la renderitzaci\u00f3.   <\/p>\n<p>En la gran majoria dels casos trobats a WordPress, el culpable \u00e9s el retard d&#8217;entrada, i el culpable darrere del culpable \u00e9s un script de tercers. Un gestor d&#8217;etiquetes que carrega sis eines de seguiment, un giny de xat en directe, un m\u00f2dul d&#8217;opinions, un p\u00edxel publicitari: cadascun afegeix tasques llargues que monopolitzen el fil principal. El visitant clica, no passa res durant 600 mil\u00b7lisegons, i torna a clicar.  <\/p>\n<div class=\"jsem-stats-row\">\n<div class=\"jsem-stat-highlight\">\n<div class=\"jsem-stat-highlight-n\">50 ms<\/div>\n<div class=\"jsem-stat-highlight-l\">Durada a partir de la qual una tasca JavaScript bloqueja el fil principal<\/div>\n<\/p><\/div>\n<div class=\"jsem-stat-highlight\">\n<div class=\"jsem-stat-highlight-n\">500 ms<\/div>\n<div class=\"jsem-stat-highlight-l\">Llindar a partir del qual l&#8217;INP es classifica com a deficient<\/div>\n<\/p><\/div>\n<\/div>\n<h3>Reduir l&#8217;INP sense trencar les funcionalitats<\/h3>\n<p>La primera mesura consisteix a fer l&#8217;inventari dels scripts de tercers i eliminar aquells dels quals ning\u00fa consulta les dades. En els llocs que gestionem en <a href=\"https:\/\/jsemproduction.com\/ca\/manteniment-del-lloc-web\/wordpress\/\">manteniment WordPress<\/a>, no \u00e9s estrany desactivar tres eines de seguiment redundants instal\u00b7lades en \u00e8poques diferents per prove\u00efdors successius. <\/p>\n<p>La segona consisteix a diferir el que es pugui. Un giny de xat no t\u00e9 cap motiu per carregar-se abans de la primera interacci\u00f3 del visitant. Carregar-lo al primer despla\u00e7ament o en passar el ratol\u00ed per sobre del bot\u00f3 allibera el fil principal durant la fase cr\u00edtica.  <\/p>\n<p>La tercera consisteix a fragmentar les tasques llargues. Un gestor d&#8217;esdeveniments que executa 400 mil\u00b7lisegons de c\u00e0lcul d&#8217;un bloc ha de retornar el control al navegador entre dues etapes, amb <code>scheduler.yield()<\/code> quan estigui disponible o un simple ajornament de l&#8217;execuci\u00f3. El treball total continua sent el mateix, per\u00f2 la interf\u00edcie respon entre els segments.  <\/p>\n<p><a href=\"https:\/\/jsemproduction.com\/ca\/referencia-seo\/auditoria\/\" class=\"jsem-internal-link\"><\/p>\n<div>\n<div class=\"jsem-internal-link-label\">Servei associat<\/div>\n<div class=\"jsem-internal-link-title\">Auditoria SEO t\u00e8cnica \u00b7 Identificar qu\u00e8 bloqueja abans d&#8217;aplicar correctius<\/div>\n<\/p><\/div>\n<div class=\"jsem-internal-link-arrow\">\u2192<\/div>\n<p><\/a><\/p>\n<h2>Mesurar els Core Web Vitals: dades de camp contra dades de laboratori<\/h2>\n<p>Confondre aquestes dues fonts \u00e9s l&#8217;error metodol\u00f2gic m\u00e9s est\u00e8s. Les dades de camp provenen dels vostres visitants reals i constitueixen l&#8217;\u00fanica font utilitzada per Google per a l&#8217;avaluaci\u00f3. Les dades de laboratori provenen d&#8217;una simulaci\u00f3 executada a petici\u00f3, en un entorn estandarditzat. Les primeres diuen on sou. Les segones diuen per qu\u00e8.    <\/p>\n<h3>PageSpeed Insights, el punt de partida<\/h3>\n<p>L&#8217;eina mostra els dos blocs a la mateixa p\u00e0gina. A la part superior, l&#8217;avaluaci\u00f3 de l&#8217;experi\u00e8ncia d&#8217;usuari real, extreta del Chrome User Experience Report durant 28 dies. A la part inferior, el diagn\u00f2stic de Lighthouse i la seva llista d&#8217;oportunitats. El bloc superior \u00e9s el que compta per al posicionament. El bloc inferior \u00e9s el que us diu qu\u00e8 heu de corregir.    <\/p>\n<p>Una p\u00e0gina amb poc tr\u00e0nsit no t\u00e9 prou visites per alimentar l&#8217;informe. PageSpeed Insights llavors passa a les dades de tot el domini, cosa que oculta totalment el comportament de la URL provada. Una fitxa de producte lenta pot aix\u00ed mostrar un verd tranquil\u00b7litzador heretat de la p\u00e0gina d&#8217;inici.  <\/p>\n<h3>La Search Console, per analitzar a escala de tot el lloc<\/h3>\n<p>L&#8217;informe de Core Web Vitals agrupa les URL per similitud d&#8217;estructura i assenyala els grups que fallen. \u00c9s l&#8217;eina que permet entendre que un problema prov\u00e9 d&#8217;una plantilla i no d&#8217;una p\u00e0gina. Quan 240 fitxes de producte apareixen en el mateix grup en vermell, la correcci\u00f3 es fa una vegada a la plantilla i cobreix tot el cat\u00e0leg. Aquest raonament per plantilla \u00e9s central en un projecte de <a href=\"https:\/\/jsemproduction.com\/ca\/referencia-seo\/comerc-electronic\/\">SEO e-commerce<\/a>, on el volum d&#8217;URL fa impossible qualsevol correcci\u00f3 unit\u00e0ria.   <\/p>\n<div class=\"jsem-infobox\">\n<div class=\"jsem-infobox-label\">Punt clau<\/div>\n<p>Cal comptar 28 dies despr\u00e9s d&#8217;una correcci\u00f3 per veure com la Search Console passa al verd. La finestra lliscant de l&#8217;informe integra progressivament les noves visites. Validar un correctiu es fa al laboratori en una hora; confirmar-lo sobre el terreny triga un mes.  <\/p>\n<\/div>\n<h3>Mesurar en els vostres propis visitants<\/h3>\n<p>La biblioteca oficial web-vitals de Google permet recollir les tres m\u00e8triques directament al navegador dels vostres visitants i enviar-les a la vostra eina d&#8217;an\u00e0lisi. L&#8217;inter\u00e8s \u00e9s segmentar per tipus de dispositiu, per navegador, per p\u00e0gina i per pa\u00eds, cosa que l&#8217;informe agregat no permet. En un lloc multiling\u00fce que serveix a Andorra, Fran\u00e7a i Espanya, aquesta segmentaci\u00f3 revela de vegades que el problema es limita a una zona geogr\u00e0fica mal coberta pel CDN.  <\/p>\n<h2>Corregir els Core Web Vitals a WordPress i Elementor<\/h2>\n<p>WordPress no \u00e9s lent per naturalesa. Es torna lent per acumulaci\u00f3: un tema gen\u00e8ric carregat de funcionalitats no utilitzades, trenta extensions de les quals dotze injecten el seu CSS a totes les p\u00e0gines, un constructor de p\u00e0gines configurat per defecte, un allotjament compartit. Cada capa afegeix uns quants centenars de mil\u00b7lisegons.  <\/p>\n<h3>L&#8217;allotjament i el TTFB, la base<\/h3>\n<p>Cap optimitzaci\u00f3 front-end pot compensar un servidor lent. PHP 8.2 o superior, OPcache actiu, mem\u00f2ria cau d&#8217;objectes persistent amb Redis, mem\u00f2ria cau de p\u00e0gina completa, HTTP\/2 com a m\u00ednim: aquesta base sol dividir el TTFB per tres. En un lloc amb tr\u00e0nsit internacional, un CDN que serveixi els recursos est\u00e0tics des d&#8217;un punt de pres\u00e8ncia proper al visitant completa el dispositiu. Aix\u00f2 \u00e9s exactament el que cobreix una oferta d&#8217;<a href=\"https:\/\/jsemproduction.com\/ca\/manteniment-del-lloc-web\/allotjament\/\">allotjament gestionat<\/a>, a difer\u00e8ncia d&#8217;un allotjament compartit d&#8217;uns pocs euros al mes on el vostre lloc comparteix recursos amb centenars d&#8217;altres.   <\/p>\n<h3>Les imatges, el recurs m\u00e9s rendible<\/h3>\n<p>Tres accions en ordre. Servir WebP o AVIF en lloc de JPEG, cosa que redueix el pes entre un 30 i un 50% amb una qualitat visual constant. Redimensionar realment els fitxers en lloc de deixar que el navegador redueixi una imatge de 3000 p\u00edxels d&#8217;ample en un contenidor de 800. Aplicar el lazy loading a tot arreu excepte a l&#8217;element LCP, amb <code>fetchpriority=\"high\"<\/code> en aquest \u00faltim.   <\/p>\n<h3>El CSS i el JavaScript, la disciplina de la c\u00e0rrega<\/h3>\n<p>El principi es resumeix en una frase: carregar en una p\u00e0gina nom\u00e9s el que aquesta p\u00e0gina utilitza. Un formulari de contacte que injecta el seu CSS i el seu JavaScript a tot el lloc quan nom\u00e9s apareix en una URL representa un malbaratament pur. La c\u00e0rrega condicional dels recursos per extensi\u00f3, la publicaci\u00f3 del CSS cr\u00edtic al document i l&#8217;ajornament de la resta constitueixen el gruix del treball.  <\/p>\n<h3>Elementor, els ajustos que marquen la difer\u00e8ncia<\/h3>\n<p>Elementor Pro arrossega una reputaci\u00f3 de pesadesa heretada en gran part de les seves versions antigues i de configuracions deixades per defecte. Les funcionalitats experimentals que cal activar s\u00f3n conegudes: c\u00e0rrega optimitzada de recursos, c\u00e0rrega de CSS sota demanda, icones de font en l\u00ednia, sortida DOM optimitzada. Aquestes eliminen diverses desenes de kilobytes a cada p\u00e0gina.  <\/p>\n<p>La resta dep\u00e8n del m\u00e8tode de construcci\u00f3. Els contenidors flexbox substitueixen amb avantatge l&#8217;antiga estructura de secci\u00f3, columna i giny, que multiplicava els nivells d&#8217;imbricaci\u00f3 i sobrecarregava l&#8217;arbre del document. Desactivar les biblioteques d&#8217;icones i les animacions no utilitzades elimina peticions senceres. En els nostres projectes de <a href=\"https:\/\/jsemproduction.com\/ca\/creacio-de-llocs-web\/fet-a-mida\/\">web a mida<\/a>, limitem volunt\u00e0riament el nombre de ginys de tercers i reescrivim en HTML i CSS natius els blocs la versi\u00f3 de giny dels quals costa massa en rendiment.   <\/p>\n<p>Aquesta disciplina t\u00e9 un l\u00edmit que cal assumir. En un lloc que acumula vuit anys de continguts, tres redissenys parcials i una biblioteca d&#8217;extensions heretada, l&#8217;optimitzaci\u00f3 marginal arriba a un sostre. Un <a href=\"https:\/\/jsemproduction.com\/ca\/creacio-de-llocs-web\/redisseny\/\">redisseny de lloc web<\/a> sovint costa menys que dotze mesos de correctius successius sobre una base estructuralment compromesa, i dona un resultat que el peda\u00e7 mai no assolir\u00e0.  <\/p>\n<h3>La base de dades i les extensions, el punt que ning\u00fa mira<\/h3>\n<p>Una instal\u00b7laci\u00f3 de WordPress de diversos anys acumula silenciosament un pes invisible des del front-end. Les revisions d&#8217;articles de vegades es compten per desenes de milers de l\u00ednies, les taules de les extensions desinstal\u00b7lades es mantenen al seu lloc, les entrades transit\u00f2ries caducades mai no es purguen. Cada petici\u00f3 de p\u00e0gina travessa aquesta massa i el TTFB s&#8217;allarga unes quantes desenes de mil\u00b7lisegons a cada capa.  <\/p>\n<p>La neteja es fa amb una c\u00f2pia de seguretat pr\u00e8via, mai en calent en un lloc en producci\u00f3. Limitar el nombre de revisions conservades, purgar les taules \u00f2rfenes, indexar correctament les columnes consultades per les extensions exigents: el guany rarament \u00e9s espectacular per si sol, per\u00f2 se suma als altres i evita la deriva lenta que es constata en els llocs deixats sense seguiment. Aix\u00f2 \u00e9s precisament el que cobreix un <a href=\"https:\/\/jsemproduction.com\/ca\/manteniment-del-lloc-web\/\">contracte de manteniment<\/a> seri\u00f3s, a difer\u00e8ncia d&#8217;una simple vigil\u00e0ncia de disponibilitat.  <\/p>\n<p>Queda la q\u00fcesti\u00f3 del nombre d&#8217;extensions, sobre la qual circulen moltes aproximacions. Trenta extensions lleugeres i ben programades pesen menys que cinc extensions que carreguen cadascuna la seva biblioteca JavaScript completa a totes les p\u00e0gines del lloc. El criteri \u00fatil no \u00e9s la quantitat, sin\u00f3 el pes realment injectat p\u00e0gina per p\u00e0gina, que la pestanya Xarxa de les DevTools revela en pocs minuts.  <\/p>\n<div class=\"jsem-alert\">\n Desconfieu de les extensions d&#8217;optimitzaci\u00f3 \u00abtot en un\u00bb activades sense ajustos. La minificaci\u00f3 agressiva i la concatenaci\u00f3 autom\u00e0tica sovint trenquen l&#8217;exhibici\u00f3 o les funcionalitats JavaScript. Cada opci\u00f3 s&#8217;ha d&#8217;activar una per una, amb verificaci\u00f3 visual i funcional entre cada etapa, en un entorn de preproducci\u00f3.\n<\/div>\n<h2>L&#8217;impacte real en el vostre posicionament, sense exageracions<\/h2>\n<p>Cal ser honest sobre el pes d&#8217;aquestes m\u00e8triques en l&#8217;algoritme. Els Core Web Vitals s\u00f3n un senyal de classificaci\u00f3, confirmat i documentat per Google, per\u00f2 un senyal entre centenars. Un lloc perfectament optimitzat t\u00e8cnicament i buit de contingut \u00fatil mai no passar\u00e0 per davant d&#8217;una p\u00e0gina de refer\u00e8ncia lenta en una cerca competitiva. La rellev\u00e0ncia i l&#8217;autoritat continuen sent el m\u00e9s important.   <\/p>\n<p>La seva influ\u00e8ncia es manifesta en dues situacions precises. La primera \u00e9s l&#8217;arbitratge entre p\u00e0gines de qualitat comparable: a rellev\u00e0ncia equivalent, l&#8217;experi\u00e8ncia de p\u00e0gina decideix. En una cerca on deu resultats tracten el mateix tema amb la mateixa serietat, la difer\u00e8ncia es juga aqu\u00ed. La segona \u00e9s el pressupost de rastreig. Un servidor lent redueix el nombre de p\u00e0gines que Google explora per sessi\u00f3, cosa que retarda la indexaci\u00f3 de les novetats en els llocs voluminosos.    <\/p>\n<p>L&#8217;efecte indirecte, per\u00f2, pesa m\u00e9s que l&#8217;efecte directe. Una p\u00e0gina lenta augmenta la taxa de rebot, redueix el nombre de p\u00e0gines vistes per visita i fa caure la taxa de conversi\u00f3. Aquests comportaments s&#8217;acaben reflectint en les dades que Google recull a escala web. Un proc\u00e9s de compra que triga quatre segons a reaccionar a cada clic perd cistelles abans fins i tot de perdre posicions.   <\/p>\n<div class=\"jsem-stats-row\">\n<div class=\"jsem-stat-highlight\">\n<div class=\"jsem-stat-highlight-n\">90+<\/div>\n<div class=\"jsem-stat-highlight-l\">Puntuaci\u00f3 Lighthouse garantida en els nostres lliuraments<\/div>\n<\/p><\/div>\n<div class=\"jsem-stat-highlight\">\n<div class=\"jsem-stat-highlight-n\">85+<\/div>\n<div class=\"jsem-stat-highlight-l\">Puntuaci\u00f3 Lighthouse garantida en m\u00f2bil<\/div>\n<\/p><\/div>\n<\/div>\n<p>Aquesta \u00e9s tamb\u00e9 la ra\u00f3 per la qual tractem el rendiment com una restricci\u00f3 de disseny i no com una fase d&#8217;optimitzaci\u00f3 final. Un lloc dissenyat amb un pressupost de rendiment definit des de la maqueta no necessita ser corregit a posteriori. Els projectes visibles a <a href=\"https:\/\/jsemproduction.com\/ca\/els-nostres-exits\/\">les nostres realitzacions<\/a> es lliuren directament en verd, sense extensions miracle instal\u00b7lades a l&#8217;\u00faltim minut.  <\/p>\n<h2>El m\u00e8tode d&#8217;intervenci\u00f3, en l&#8217;ordre que produeix resultats<\/h2>\n<p>L&#8217;ordre compta tant com les accions. Molts projectes fallen perqu\u00e8 comencen pel m\u00e9s visible en lloc del m\u00e9s determinant. <\/p>\n<ol>\n<li><strong>Mesurar el punt de partida sobre el terreny.<\/strong> Recollir les tres m\u00e8triques a la Search Console, grup de p\u00e0gines per grup de p\u00e0gines, i no nom\u00e9s a la p\u00e0gina d&#8217;inici.<\/li>\n<li><strong>Tractar el servidor.<\/strong> Versi\u00f3 de PHP, mem\u00f2ria cau d&#8217;objectes, mem\u00f2ria cau de p\u00e0gina, TTFB per sota de 800 mil\u00b7lisegons. Res m\u00e9s no avan\u00e7a fins que aquest punt estigui resolt. <\/li>\n<li><strong>Corregir l&#8217;element LCP per cada plantilla.<\/strong> Precarregament, prioritat de recuperaci\u00f3, format i dimensions reals de la imatge.<\/li>\n<li><strong>Eliminar els despla\u00e7aments.<\/strong> Dimensions en totes les imatges, espai reservat per als elements as\u00edncrons, fonts precarregades i allotjades localment.<\/li>\n<li><strong>Fer l&#8217;inventari dels scripts de tercers.<\/strong> Eliminar, diferir o carregar en la interacci\u00f3. Aquest \u00e9s el punt que desbloqueja l&#8217;INP. <\/li>\n<li><strong>Alleugerir el CSS i el JavaScript de les extensions.<\/strong> C\u00e0rrega condicional, CSS cr\u00edtic en l\u00ednia, ajornament de la resta.<\/li>\n<li><strong>Esperar 28 dies i tornar a mesurar.<\/strong> Sobre les dades de camp, mai sobre una puntuaci\u00f3 de laboratori.<\/li>\n<\/ol>\n<p>Aquesta seq\u00fc\u00e8ncia s&#8217;aplica tant a una <a href=\"https:\/\/jsemproduction.com\/ca\/creacio-de-llocs-web\/aparador\/\">web corporativa<\/a> de dotze p\u00e0gines com a un cat\u00e0leg de milers de refer\u00e8ncies. Nom\u00e9s canvia l&#8217;abast del treball per etapa. En un <a href=\"https:\/\/jsemproduction.com\/ca\/creacio-de-llocs-web\/comerc-electronic\/\">lloc d&#8217;e-commerce<\/a>, l&#8217;etapa tres i l&#8217;etapa cinc representen per si soles la major part de l&#8217;esfor\u00e7, perqu\u00e8 les fitxes de producte concentren les imatges pesades i els scripts de personalitzaci\u00f3.  <\/p>\n<p>Una observaci\u00f3 sobre el pressupost. El rendiment no \u00e9s una l\u00ednia opcional del pressupost, \u00e9s una conseq\u00fc\u00e8ncia de les eleccions d&#8217;arquitectura fetes al principi. Un projecte constru\u00eft sobre un tema gen\u00e8ric comprat per 60 euros costar\u00e0 m\u00e9s de corregir en tres anys que un desenvolupament net. El nostre <a href=\"https:\/\/jsemproduction.com\/ca\/simulador-de-preus-de-llocs-web\/\">simulador de preus de llocs web<\/a> dona una forquilla realista en pocs minuts, i l&#8217;article que detalla <a href=\"https:\/\/jsemproduction.com\/ca\/blog\/creacio-de-llocs-web\/quant-costa-un-lloc-web-el-2026-la-taula-completa\/\">quant costa un lloc web el 2026<\/a> explica qu\u00e8 cobreix cada partida.   <\/p>\n<p><a href=\"https:\/\/jsemproduction.com\/ca\/referencia-seo\/\" class=\"jsem-internal-link\"><\/p>\n<div>\n<div class=\"jsem-internal-link-label\">Servei associat<\/div>\n<div class=\"jsem-internal-link-title\">Posicionament natural \u00b7 T\u00e8cnica, sem\u00e0ntica i autoritat tractades conjuntament<\/div>\n<\/p><\/div>\n<div class=\"jsem-internal-link-arrow\">\u2192<\/div>\n<p><\/a><\/p>\n<h2>El que heu de recordar<\/h2>\n<p>Els Core Web Vitals no recompensen el rendiment te\u00f2ric, recompensen el rendiment viscut pel quart menys afavorit dels vostres visitants. Aquesta difer\u00e8ncia de perspectiva explica la discrep\u00e0ncia permanent entre una puntuaci\u00f3 de Lighthouse afalagadora i un informe de la Search Console en vermell. <\/p>\n<p>Tres prioritats es desprenen del centenar d&#8217;auditories que hem realitzat. El servidor primer, perqu\u00e8 condiciona tota la resta i cap ajustament front-end compensa un TTFB degradat. L&#8217;element LCP despr\u00e9s, perqu\u00e8 es corregeix r\u00e0pidament i produeix un guany immediatament mesurable. Els scripts de tercers finalment, perqu\u00e8 s&#8217;han convertit en la primera causa de fallada des de l&#8217;arribada de l&#8217;INP i ning\u00fa els vigila.   <\/p>\n<p>La resta dep\u00e8n de la higiene del projecte: dimensions a les imatges, fonts allotjades localment, un espai reservat per a tot el que arriba despr\u00e9s de la primera renderitzaci\u00f3, i el rebuig a les extensions que prometen solucionar-ho tot amb una casella de selecci\u00f3. Un lloc r\u00e0pid no \u00e9s un lloc optimitzat a posteriori, \u00e9s un lloc constru\u00eft correctament. Si les vostres m\u00e8triques continuen bloquejades malgrat les correccions, el problema \u00e9s estructural i la discussi\u00f3 llavors \u00e9s sobre l&#8217;arquitectura, no sobre els ajustos.  <\/p>\n<h2>Preguntes freq\u00fcents<\/h2>\n<div class=\"jsem-faq-item\">\n<div class=\"jsem-faq-q\">\n    <span class=\"jsem-faq-q-text\">Quins s\u00f3n els llindars oficials dels Core Web Vitals el 2026?<\/span><br \/>\n    <span class=\"jsem-faq-icon\">+<\/span>\n  <\/div>\n<div class=\"jsem-faq-a\">Una URL es considera conforme quan el seu LCP \u00e9s inferior o igual a 2,5 segons, el seu CLS inferior o igual a 0,1 i el seu INP inferior o igual a 200 mil\u00b7lisegons. Aquests valors s&#8217;avaluen al 75\u00e8 percentil de les visites reals en una finestra lliscant de 28 dies, per separat per a m\u00f2bil i per a escriptori. Les tres m\u00e8triques han de passar simult\u00e0niament: dues de tres no s\u00f3n suficients.  <\/div>\n<\/div>\n<div class=\"jsem-faq-item\">\n<div class=\"jsem-faq-q\">\n    <span class=\"jsem-faq-q-text\">Per qu\u00e8 la meva puntuaci\u00f3 de PageSpeed \u00e9s de 95 mentre que la Search Console es mostra en vermell?<\/span><br \/>\n    <span class=\"jsem-faq-icon\">+<\/span>\n  <\/div>\n<div class=\"jsem-faq-a\">Perqu\u00e8 aquestes dues xifres no mesuren el mateix. La puntuaci\u00f3 de PageSpeed prov\u00e9 de Lighthouse, una simulaci\u00f3 executada en un entorn estandarditzat, sobre una connexi\u00f3 i un dispositiu te\u00f2rics. La Search Console mostra les dades del Chrome User Experience Report, recollides dels vostres visitants reals, amb els seus tel\u00e8fons i les seves xarxes. Nom\u00e9s aquestes dades de camp compten per al posicionament. La puntuaci\u00f3 de laboratori serveix \u00fanicament per diagnosticar les causes.    <\/div>\n<\/div>\n<div class=\"jsem-faq-item\">\n<div class=\"jsem-faq-q\">\n    <span class=\"jsem-faq-q-text\">Quant de temps cal per veure l&#8217;efecte d&#8217;una correcci\u00f3?<\/span><br \/>\n    <span class=\"jsem-faq-icon\">+<\/span>\n  <\/div>\n<div class=\"jsem-faq-a\">El guany \u00e9s visible immediatament al laboratori, en l&#8217;hora seg\u00fcent a la publicaci\u00f3. Pel que fa a les dades de camp, calen 28 dies perqu\u00e8 la finestra lliscant de l&#8217;informe estigui \u00edntegrament composta per visites posteriors al correctiu. Un canvi parcial sol apar\u00e8ixer despr\u00e9s d&#8217;una o dues setmanes. Una millora en els resultats de cerca, quan es produeix, interv\u00e9 encara m\u00e9s tard, ja que l&#8217;experi\u00e8ncia de p\u00e0gina nom\u00e9s \u00e9s un senyal entre d&#8217;altres.   <\/div>\n<\/div>\n<div class=\"jsem-faq-item\">\n<div class=\"jsem-faq-q\">\n    <span class=\"jsem-faq-q-text\">Elementor impedeix assolir el verd als Core Web Vitals?<\/span><br \/>\n    <span class=\"jsem-faq-icon\">+<\/span>\n  <\/div>\n<div class=\"jsem-faq-a\">No, a condici\u00f3 de configurar-lo i utilitzar-lo correctament. Les funcionalitats de c\u00e0rrega optimitzada de recursos, de CSS sota demanda, d&#8217;icones en l\u00ednia i de sortida DOM optimitzada eliminen una part important del pes per defecte. El m\u00e8tode de construcci\u00f3 pesa tant com els ajustos: contenidors flexbox en lloc d&#8217;estructures imbricades, ginys de tercers limitats al m\u00ednim necessari, biblioteques d&#8217;icones i animacions no utilitzades desactivades. Un lloc Elementor ben constru\u00eft en un allotjament correcte passa els tres llindars sense dificultat.   <\/div>\n<\/div>\n<div class=\"jsem-faq-item\">\n<div class=\"jsem-faq-q\">\n    <span class=\"jsem-faq-q-text\">Cal un redisseny o correctius per redre\u00e7ar un lloc en vermell?<\/span><br \/>\n    <span class=\"jsem-faq-icon\">+<\/span>\n  <\/div>\n<div class=\"jsem-faq-a\">La resposta dep\u00e8n de l&#8217;origen del problema. Un TTFB degradat, imatges no optimitzades o tres scripts de seguiment redundants es corregeixen en pocs dies sobre qualsevol base. En canvi, un lloc constru\u00eft sobre un tema gen\u00e8ric sobrecarregat, amb anys d&#8217;extensions acumulades i una arquitectura de plantilles incoherent, arriba a un sostre que els correctius no superen. Una auditoria t\u00e8cnica decideix en poques hores entre aquestes dues situacions i pressuposta els dos escenaris abans de prendre una decisi\u00f3.   <\/div>\n<\/div>\n<div class=\"jsem-faq-item\">\n<div class=\"jsem-faq-q\">\n    <span class=\"jsem-faq-q-text\">L&#8217;INP substitueix realment el FID, i qu\u00e8 canvia aix\u00f2 concretament?<\/span><br \/>\n    <span class=\"jsem-faq-icon\">+<\/span>\n  <\/div>\n<div class=\"jsem-faq-a\">L&#8217;INP va substituir el FID com a m\u00e8trica oficial de reactivitat el 12 de mar\u00e7 de 2024. El FID nom\u00e9s mesurava el retard abans del processament de la primera interacci\u00f3, cosa que deixava passar interf\u00edcies lentes a partir del segon clic. L&#8217;INP observa totes les interaccions de la visita i ret\u00e9 la m\u00e9s lenta o gaireb\u00e9, incloent-hi el temps d&#8217;execuci\u00f3 i el temps de renderitzaci\u00f3. Conseq\u00fc\u00e8ncia directa: els llocs carregats de scripts de tercers que mostraven un FID confortable es van trobar fallant d&#8217;un dia per l&#8217;altre.   <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Google no mesura la velocitat del vostre lloc a la vostra m\u00e0quina. La mesura en els vostres visitants, en les seves condicions de xarxa, en els seus tel\u00e8fons. Els Core Web Vitals tradueixen aquesta experi\u00e8ncia real en tres xifres que pesen sobre el vostre posicionament natural i, molt abans d&#8217;aix\u00f2, sobre la vostra facturaci\u00f3.  <\/p>\n","protected":false},"author":2,"featured_media":4940,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Core Web Vitals el 2026: llindars, mesura i correccions","rank_math_description":"Core Web Vitals el 2026: llindars LCP, CLS i INP, mesura sobre dades reals i correctius concrets a WordPress i Elementor. Guia t\u00e8cnica completa. ","rank_math_focus_keyword":"core web vitals, LCP, CLS, INP, velocitat de c\u00e0rrega lloc web","rank_math_canonical_url":"","rank_math_facebook_title":"Core Web Vitals: com determinen la vostra posici\u00f3 a Google el 2026","rank_math_facebook_description":"LCP, CLS, INP: el que Google mesura realment en els vostres visitants, per qu\u00e8 la vostra puntuaci\u00f3 de PageSpeed menteix i els correctius que funcionen a WordPress.","rank_math_facebook_image":"","rank_math_facebook_image_id":"","rank_math_twitter_title":"Core Web Vitals 2026: la guia t\u00e8cnica","rank_math_twitter_description":"Llindars oficials, mesura sobre dades de camp i correctius per a WordPress i Elementor. La guia t\u00e8cnica completa. ","rank_math_twitter_image":"","rank_math_twitter_card_type":"summary_large_image","rank_math_pillar_content":"on","rank_math_breadcrumb_title":"","jsem_custom_schema":"","rank_math_robots":["index","follow"],"rank_math_advanced_robots":[],"iawp_total_views":0,"footnotes":""},"categories":[44],"tags":[],"class_list":["post-5836","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-i-posicionament-natural"],"_links":{"self":[{"href":"https:\/\/jsemproduction.com\/ca\/wp-json\/wp\/v2\/posts\/5836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jsemproduction.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jsemproduction.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jsemproduction.com\/ca\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jsemproduction.com\/ca\/wp-json\/wp\/v2\/comments?post=5836"}],"version-history":[{"count":1,"href":"https:\/\/jsemproduction.com\/ca\/wp-json\/wp\/v2\/posts\/5836\/revisions"}],"predecessor-version":[{"id":5879,"href":"https:\/\/jsemproduction.com\/ca\/wp-json\/wp\/v2\/posts\/5836\/revisions\/5879"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jsemproduction.com\/ca\/wp-json\/wp\/v2\/media\/4940"}],"wp:attachment":[{"href":"https:\/\/jsemproduction.com\/ca\/wp-json\/wp\/v2\/media?parent=5836"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jsemproduction.com\/ca\/wp-json\/wp\/v2\/categories?post=5836"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jsemproduction.com\/ca\/wp-json\/wp\/v2\/tags?post=5836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}