{"id":3688,"date":"2026-10-29T09:30:00","date_gmt":"2026-10-29T09:30:00","guid":{"rendered":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"modified":"2026-11-11T07:57:47","modified_gmt":"2026-11-11T07:57:47","slug":"what-are-core-web-vitals-how-they-impact-site-speed-ca","status":"publish","type":"post","link":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","title":{"rendered":"Qu\u00e8 s\u00f3n les Core Web Vitals i com afecten la velocitat del lloc web?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3688\" class=\"elementor elementor-3688\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c13572 e-flex e-con-boxed e-con e-parent\" data-id=\"4c13572\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb46438 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"fb46438\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;exclude_headings_by_selector&quot;:[],&quot;no_headings_message&quot;:&quot;No s&#039;han trobat encap\\u00e7alaments en aquesta p\\u00e0gina.&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;h5&quot;,&quot;h6&quot;],&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<div class=\"elementor-toc__header-title\">\n\t\t\t\tTaula de continguts\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__fb46438\" aria-expanded=\"true\" aria-label=\"Open table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__fb46438\" aria-expanded=\"true\" aria-label=\"Close table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__fb46438\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1872cac e-flex e-con-boxed e-con e-parent\" data-id=\"1872cac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb80fd elementor-widget elementor-widget-text-editor\" data-id=\"2cb80fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>El rendiment d&#8217;un lloc web va m\u00e9s enll\u00e0 de la rapidesa amb qu\u00e8 es carrega una p\u00e0gina. Encara que el contingut aparegui en pocs segons, els botons que responen lentament o els canvis inesperats en el disseny poden frustrar els visitants i perjudicar-ne l&#8217;experi\u00e8ncia. Aleshores, com pots saber si el teu lloc web t\u00e9 un bon rendiment? Les Core Web Vitals s\u00f3n les m\u00e8triques clau de rendiment de Google que mesuren la velocitat de c\u00e0rrega, la interactivitat i l&#8217;estabilitat visual. En aquesta guia coneixer\u00e0s les tres m\u00e8triques de les Core Web Vitals, els llindars recomanats i les eines que pots utilitzar per mesurar i millorar el rendiment del teu lloc web.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-664621b e-flex e-con-boxed e-con e-parent\" data-id=\"664621b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31dc3da elementor-widget elementor-widget-text-editor\" data-id=\"31dc3da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Qu\u00e8 s\u00f3n les Core Web Vitals?<\/h2><p>Les Core Web Vitals s\u00f3n un conjunt de m\u00e8triques de rendiment introdu\u00efdes per Google per mesurar aspectes importants de l&#8217;experi\u00e8ncia d&#8217;usuari en un lloc web. Aquestes m\u00e8triques se centren en tres factors principals: el rendiment de c\u00e0rrega, la interactivitat i l&#8217;estabilitat visual. En altres paraules, ajuden els propietaris de llocs web a entendre amb quina rapidesa es carrega una p\u00e0gina, amb quina flu\u00efdesa hi poden interactuar els usuaris i si el contingut es mant\u00e9 estable mentre es carrega.<\/p><p>El rendiment d&#8217;un lloc web no dep\u00e8n nom\u00e9s de la rapidesa amb qu\u00e8 s&#8217;obre una p\u00e0gina. Un lloc web pot carregar el contingut en poc temps, per\u00f2 si els usuaris han d&#8217;esperar abans de poder fer clic en un bot\u00f3 o si el disseny de la p\u00e0gina canvia de manera inesperada, l&#8217;experi\u00e8ncia global pot continuar sent dolenta. Les Core Web Vitals ajuden a identificar aquests problemes i ofereixen objectius mesurables per millorar el rendiment del lloc web.<\/p><p>Actualment, Google utilitza tres m\u00e8triques de Core Web Vitals: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) i Cumulative Layout Shift (CLS). Cada m\u00e8trica mesura una part diferent de l&#8217;experi\u00e8ncia d&#8217;usuari, de manera que millorar-ne una no implica necess\u00e0riament que les altres dues tamb\u00e9 millorin.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-603a3e6 e-flex e-con-boxed e-con e-parent\" data-id=\"603a3e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffab792 elementor-widget elementor-widget-text-editor\" data-id=\"ffab792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Per qu\u00e8 s\u00f3n importants les Core Web Vitals?<\/h2><p>Un lloc web ha d&#8217;oferir una experi\u00e8ncia fluida i fiable als seus visitants. Quan una p\u00e0gina triga massa a carregar-se, els usuaris poden marxar abans d&#8217;accedir a la informaci\u00f3 que necessiten. De la mateixa manera, si els botons responen lentament o els elements de la p\u00e0gina es mouen de manera inesperada, els visitants es poden frustrar i tenir dificultats per completar les seves tasques.<\/p><p>Les Core Web Vitals ajuden els propietaris de llocs web a identificar aquests problemes mitjan\u00e7ant dades de rendiment mesurables, en lloc de basar-se nom\u00e9s en impressions personals. Per exemple, un desenvolupador pot provar un lloc web en un ordinador potent i comprovar que es carrega r\u00e0pidament. Tanmateix, els visitants que fan servir dispositius m\u00f2bils m\u00e9s antics o connexions a internet m\u00e9s lentes poden patir temps de c\u00e0rrega molt m\u00e9s llargs.<\/p><p>Aquestes difer\u00e8ncies fan que el seguiment del rendiment sigui important. Analitzant les dades de les Core Web Vitals, els desenvolupadors poden identificar quines parts d&#8217;un lloc web cal millorar i determinar si els seus esfor\u00e7os d&#8217;optimitzaci\u00f3 donen els resultats esperats.<\/p><p>Les Core Web Vitals tamb\u00e9 s\u00f3n rellevants per a l&#8217;optimitzaci\u00f3 per a motors de cerca (SEO). Google utilitza senyals d&#8217;experi\u00e8ncia de p\u00e0gina en els seus sistemes de classificaci\u00f3, per\u00f2 unes bones puntuacions de Core Web Vitals no garanteixen un posicionament m\u00e9s alt. El contingut rellevant i molts altres factors continuen sent importants. Per tant, millorar aquestes m\u00e8triques s&#8217;ha de considerar part d&#8217;una estrat\u00e8gia m\u00e9s \u00e0mplia per construir un lloc web \u00fatil, accessible i fiable.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-598ac2f e-flex e-con-boxed e-con e-parent\" data-id=\"598ac2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-def6c44 elementor-widget elementor-widget-text-editor\" data-id=\"def6c44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Quines s\u00f3n les tres m\u00e8triques de les Core Web Vitals?<\/h2><p>Cada m\u00e8trica de les Core Web Vitals se centra en un aspecte concret del rendiment d&#8217;un lloc web. Entendre com funcionen facilita la identificaci\u00f3 de problemes de rendiment i l&#8217;elecci\u00f3 de les t\u00e8cniques d&#8217;optimitzaci\u00f3 adequades.<\/p><ul><li><h3>Qu\u00e8 \u00e9s el Largest Contentful Paint (LCP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">El Largest Contentful Paint (LCP) mesura quant de temps triga a apar\u00e8ixer la imatge o el bloc de text m\u00e9s gran visible a la finestra inicial. Aquesta m\u00e8trica ajuda a estimar quan el contingut principal d&#8217;una p\u00e0gina es fa visible per a l&#8217;usuari.<\/p><p style=\"padding-left: 40px;\">Per exemple, imagina que un visitant obre un article d&#8217;un blog. El fons de la p\u00e0gina i el men\u00fa de navegaci\u00f3 poden apar\u00e8ixer gaireb\u00e9 immediatament, per\u00f2 el t\u00edtol principal o la imatge destacada poden trigar diversos segons a carregar-se. En aquesta situaci\u00f3, el visitant pot tenir la sensaci\u00f3 que la p\u00e0gina encara s&#8217;est\u00e0 carregant, tot i que alguns elements ja s\u00f3n visibles. Una bona puntuaci\u00f3 d&#8217;LCP ha de ser de 2,5 segons o menys. Si el valor \u00e9s d&#8217;entre 2,5 i 4 segons, la p\u00e0gina necessita millores. Un valor d&#8217;LCP superior a 4 segons es considera dolent.<\/p><p style=\"padding-left: 40px;\">Diversos factors poden afectar l&#8217;LCP, com ara els temps de resposta lents del servidor, les imatges grans, el CSS i el JavaScript que bloquegen la renderitzaci\u00f3 i els retards a l&#8217;hora de descobrir el contingut principal.<\/p><p style=\"padding-left: 40px;\">Per millorar l&#8217;LCP, els propietaris de llocs web poden seguir els passos seg\u00fcents:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Optimitzar les imatges:<\/span> Redueix la mida dels fitxers d&#8217;imatge i utilitza formats moderns com WebP o AVIF quan sigui convenient.<\/li><li><span style=\"color: #a26f9a;\">Millorar els temps de resposta del servidor:<\/span> Utilitza recursos d&#8217;allotjament eficients, mem\u00f2ria cau i una xarxa de distribuci\u00f3 de continguts (CDN) quan siguin adequats per al lloc web.<\/li><li><span style=\"color: #a26f9a;\">Prioritzar el contingut principal:<\/span> Assegura&#8217;t que el navegador pugui descobrir les imatges importants directament des del codi font HTML i prioritza&#8217;n la c\u00e0rrega quan calgui.<\/li><li><span style=\"color: #a26f9a;\">Reduir els recursos que bloquegen la renderitzaci\u00f3:<\/span> Optimitza els fitxers CSS i JavaScript que impedeixen al navegador mostrar el contingut principal.<\/li><li><span style=\"color: #a26f9a;\">Evitar la c\u00e0rrega diferida de la imatge LCP:<\/span> Si \u00e9s probable que una imatge sigui l&#8217;element LCP, endarrerir-ne la c\u00e0rrega pot fer que la p\u00e0gina sembli m\u00e9s lenta.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Aquestes t\u00e8cniques poden reduir el temps que els usuaris passen esperant que aparegui el contingut principal. Tanmateix, la soluci\u00f3 m\u00e9s efica\u00e7 dep\u00e8n de la causa del retard, per la qual cosa \u00e9s important mesurar la p\u00e0gina abans de fer canvis.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41d4bab e-flex e-con-boxed e-con e-parent\" data-id=\"41d4bab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc39543 elementor-widget elementor-widget-text-editor\" data-id=\"fc39543\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><h3>Qu\u00e8 \u00e9s l&#8217;Interaction to Next Paint (INP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">L&#8217;Interaction to Next Paint (INP) mesura la capacitat de resposta que percep l&#8217;usuari quan interactua amb un lloc web. Avalua el retard entre una interacci\u00f3 de l&#8217;usuari, com ara fer clic en un bot\u00f3 o pr\u00e9mer una tecla, i la seg\u00fcent actualitzaci\u00f3 visual que mostra el navegador.<\/p><p style=\"padding-left: 40px;\">Pensa en una botiga en l\u00ednia on un visitant fa clic al bot\u00f3 Afegeix a la cistella. Si el navegador triga una estona perceptible a actualitzar la cistella, el visitant pot pensar que el bot\u00f3 no ha funcionat i tornar-hi a fer clic. Aix\u00f2 pot generar confusi\u00f3 i fins i tot provocar accions duplicades.<\/p><p style=\"padding-left: 40px;\">L&#8217;INP ajuda a identificar aquest tipus de problemes mesurant la capacitat de resposta d&#8217;una p\u00e0gina durant tota la visita de l&#8217;usuari. A difer\u00e8ncia del First Input Delay (FID), que nom\u00e9s mesurava el retard abans que el navegador comenc\u00e9s a processar la primera interacci\u00f3, l&#8217;INP t\u00e9 en compte l&#8217;experi\u00e8ncia d&#8217;interacci\u00f3 global durant tota la vida de la p\u00e0gina. Una bona puntuaci\u00f3 d&#8217;INP \u00e9s de 200 mil\u00b7lisegons o menys. Els valors superiors a 200 mil\u00b7lisegons i fins a 500 mil\u00b7lisegons necessiten millores, mentre que els valors per sobre de 500 mil\u00b7lisegons es consideren dolents.<\/p><p style=\"padding-left: 40px;\">El JavaScript \u00e9s una causa habitual d&#8217;un INP dolent, ja que el navegador pot haver d&#8217;executar scripts abans de poder respondre a l&#8217;acci\u00f3 de l&#8217;usuari i mostrar una actualitzaci\u00f3. Les tasques de llarga durada poden impedir que el navegador processi les interaccions amb rapidesa.<\/p><p style=\"padding-left: 40px;\">Per millorar l&#8217;INP, els desenvolupadors poden aplicar diverses t\u00e8cniques:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Reduir el JavaScript innecessari:<\/span> Elimina el codi que no s&#8217;utilitza i evita carregar scripts que no calen per a la p\u00e0gina actual.<\/li><li><span style=\"color: #a26f9a;\">Dividir les tasques llargues:<\/span> Separa les tasques de JavaScript grans en tasques m\u00e9s petites perqu\u00e8 el navegador tingui m\u00e9s oportunitats de processar les interaccions de l&#8217;usuari.<\/li><li><span style=\"color: #a26f9a;\">Optimitzar els gestors d&#8217;esdeveniments:<\/span> Mant\u00e9n les funcions relacionades amb les interaccions tan senzilles i eficients com sigui possible.<\/li><li><span style=\"color: #a26f9a;\">Evitar actualitzacions innecess\u00e0ries del DOM:<\/span> Actualitzar massa elements alhora pot augmentar el temps de renderitzaci\u00f3 i endarrerir la seg\u00fcent actualitzaci\u00f3 visual.<\/li><li><span style=\"color: #a26f9a;\">Reduir els scripts de tercers:<\/span> Les eines d&#8217;anal\u00edtica, els scripts publicitaris i els serveis incrustats poden consumir recursos de processament i afectar la capacitat de resposta.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Millorar l&#8217;INP requereix m\u00e9s que reduir la mida total dels fitxers JavaScript. Els desenvolupadors tamb\u00e9 han d&#8217;entendre quan s&#8217;executen els scripts i quanta feina ha de fer el navegador despr\u00e9s d&#8217;una interacci\u00f3.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06d2979 e-flex e-con-boxed e-con e-parent\" data-id=\"06d2979\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c1a655 elementor-widget elementor-widget-text-editor\" data-id=\"6c1a655\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><h3>Qu\u00e8 \u00e9s el Cumulative Layout Shift (CLS)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">El Cumulative Layout Shift (CLS) mesura l&#8217;estabilitat visual d&#8217;una p\u00e0gina web. Se centra en els canvis inesperats en la posici\u00f3 dels elements visibles mentre es mostra la p\u00e0gina.<\/p><p style=\"padding-left: 40px;\">Per exemple, imagina que un visitant est\u00e0 llegint un article i, de sobte, veu que el text es despla\u00e7a cap avall perqu\u00e8 ha aparegut un anunci a sobre. Si el visitant estava a punt de fer clic en un enlla\u00e7, el moviment inesperat podria fer que fes clic en un altre element. Aquests canvis de disseny poden fer que un lloc web sigui dif\u00edcil d&#8217;utilitzar, sobretot en dispositius m\u00f2bils, on l&#8217;\u00e0rea visible \u00e9s limitada. Una bona puntuaci\u00f3 de CLS \u00e9s de 0,1 o menys. Les puntuacions superiors a 0,1 i fins a 0,25 necessiten millores, mentre que les puntuacions per sobre de 0,25 es consideren dolentes.<\/p><p style=\"padding-left: 40px;\">Diversos problemes habituals poden provocar despla\u00e7aments de disseny inesperats. Les imatges sense dimensions definides, els anuncis inserits din\u00e0micament, el contingut que es carrega tard i les fonts web que canvien l&#8217;aspecte del text poden afectar l&#8217;estabilitat visual.<\/p><p style=\"padding-left: 40px;\">Les t\u00e8cniques seg\u00fcents poden ajudar a millorar el CLS:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Definir les dimensions de les imatges:<\/span> Especifica l&#8217;amplada i l&#8217;al\u00e7ada de les imatges o utilitza relacions d&#8217;aspecte CSS per reservar l&#8217;espai necessari abans que es carregui una imatge.<\/li><li><span style=\"color: #a26f9a;\">Reservar espai per als anuncis:<\/span> Assigna prou espai als contenidors d&#8217;anuncis per evitar que el contingut del voltant es mogui quan apareguin.<\/li><li><span style=\"color: #a26f9a;\">Evitar inserir contingut a sobre del contingut existent:<\/span> Si s&#8217;han de mostrar elements nous, col\u00b7loca&#8217;ls on no desplacin inesperadament el contingut que els usuaris ja estan veient.<\/li><li><span style=\"color: #a26f9a;\">Optimitzar la c\u00e0rrega de les fonts:<\/span> Utilitza estrat\u00e8gies de c\u00e0rrega de fonts adequades i fonts alternatives per reduir els canvis inesperats en la disposici\u00f3 del text.<\/li><li><span style=\"color: #a26f9a;\">Utilitzar animacions CSS adequades:<\/span> Sempre que sigui possible, prioritza les animacions basades en propietats com transform i opacity, en lloc de propietats que provoquin canvis de disseny.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">\u00c9s important entendre que no tots els despla\u00e7aments de disseny s\u00f3n perjudicials. Un canvi que es produeix directament en resposta a una interacci\u00f3 de l&#8217;usuari pot ser esperat. El CLS se centra en la inestabilitat visual inesperada i utilitza un m\u00e8tode de puntuaci\u00f3 basat en l&#8217;impacte i la dist\u00e0ncia dels despla\u00e7aments de disseny.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-003d4a2 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"003d4a2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"003d4a2\" data-e-type=\"e-flexbox\" data-id=\"003d4a2\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-default-img \" data-interaction-id=\"d66abbc\" data-e-type=\"widget\" data-id=\"d66abbc\" id=\"3537\" src=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics.webp\" width=\"600\" height=\"517\" srcset=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics.webp 600w, https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics-300x259.webp 300w\" alt=\"What Are the Three Core Web Vitals Metrics\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5540eed e-flex e-con-boxed e-con e-parent\" data-id=\"5540eed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-004b13a elementor-widget elementor-widget-text-editor\" data-id=\"004b13a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Quins s\u00f3n els llindars recomanats de les Core Web Vitals?<\/h2><p>Google proporciona llindars espec\u00edfics per ajudar els propietaris de llocs web a determinar si les seves p\u00e0gines ofereixen una bona experi\u00e8ncia d&#8217;usuari. Aquests llindars divideixen el rendiment en tres categories: bo, necessita millores i dolent.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad8e2fa e-flex e-con-boxed e-con e-parent\" data-id=\"ad8e2fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b580045 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"b580045\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><div class=\"cwv-table-wrapper\">\r\n  <table class=\"cwv-table\">\r\n    <thead>\r\n      <tr>\r\n        <th>Core Web Vital<\/th>\r\n        <th>What It Measures<\/th>\r\n        <th>Good Threshold<\/th>\r\n        <th>Needs Improvement<\/th>\r\n        <th>Poor<\/th>\r\n      <\/tr>\r\n    <\/thead>\r\n    <tbody>\r\n      <tr>\r\n        <td><strong>Largest Contentful Paint (LCP)<\/strong><\/td>\r\n        <td>Loading performance<\/td>\r\n        <td><span class=\"badge-good\">\u2264 2.5 seconds<\/span><\/td>\r\n        <td><span class=\"badge-needs\">2.5\u20134 seconds<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 4 seconds<\/span><\/td>\r\n      <\/tr>\r\n      <tr>\r\n        <td><strong>Interaction to Next Paint (INP)<\/strong><\/td>\r\n        <td>Interactivity<\/td>\r\n        <td><span class=\"badge-good\">\u2264 200 milliseconds<\/span><\/td>\r\n        <td><span class=\"badge-needs\">200\u2013500 milliseconds<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 500 milliseconds<\/span><\/td>\r\n      <\/tr>\r\n      <tr>\r\n        <td><strong>Cumulative Layout Shift (CLS)<\/strong><\/td>\r\n        <td>Visual stability<\/td>\r\n        <td><span class=\"badge-good\">\u2264 0.1<\/span><\/td>\r\n        <td><span class=\"badge-needs\">0.1\u20130.25<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 0.25<\/span><\/td>\r\n      <\/tr>\r\n    <\/tbody>\r\n  <\/table>\r\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-794f84f e-flex e-con-boxed e-con e-parent\" data-id=\"794f84f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2086f elementor-widget elementor-widget-text-editor\" data-id=\"4e2086f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Aquests llindars ajuden els desenvolupadors a avaluar cada m\u00e8trica per separat. Tanmateix, una sola prova no \u00e9s suficient per determinar si un lloc web ofereix una bona experi\u00e8ncia de manera constant.<\/p><p>Google recomana avaluar les Core Web Vitals al percentil 75 de les visites a la p\u00e0gina, considerant per separat els resultats en m\u00f2bil i en ordinador. Aix\u00f2 vol dir que almenys el 75% de les visites mesurades han d&#8217;assolir el llindar de \u00abbo\u00bb per a cada m\u00e8trica.<\/p><p>Per exemple, suposem que un lloc web t\u00e9 un valor d&#8217;LCP de 2 segons al percentil 75. Aix\u00f2 significa que el 75% de les visites mesurades tenen un LCP de 2 segons o menys, la qual cosa compleix el llindar recomanat.<\/p><p>Un lloc web ha d&#8217;aspirar a assolir els llindars de \u00abbo\u00bb en les tres m\u00e8triques, en lloc de centrar-se nom\u00e9s en la seva millor puntuaci\u00f3.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e81c451 e-flex e-con-boxed e-con e-parent\" data-id=\"e81c451\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-404eccc elementor-widget elementor-widget-text-editor\" data-id=\"404eccc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Quines s\u00f3n les eines per mesurar les Core Web Vitals?<\/h2><p>Les Core Web Vitals es poden mesurar amb diverses eines proporcionades per Google. Aquestes eines ajuden els desenvolupadors a entendre el rendiment d&#8217;un lloc web i a identificar les \u00e0rees que cal millorar.<\/p><ul><li><h3>PageSpeed Insights<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">PageSpeed Insights \u00e9s una de les eines m\u00e9s \u00fatils per comprovar les Core Web Vitals. Proporciona tant dades d&#8217;usuaris reals, quan n&#8217;hi ha de disponibles, com dades de laboratori recollides mitjan\u00e7ant una prova simulada. Tamb\u00e9 ofereix suggeriments per millorar el rendiment de la p\u00e0gina.<\/p><ul><li><h3>Google Search Console<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Google Search Console inclou un informe de Core Web Vitals que mostra quins grups de p\u00e0gines ofereixen una bona experi\u00e8ncia d&#8217;usuari i quins necessiten millores. Utilitza dades reals per ajudar els propietaris de llocs web a identificar problemes de rendiment en diverses p\u00e0gines.<\/p><ul><li><h3>Chrome DevTools i Lighthouse<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Chrome DevTools i Lighthouse ajuden els desenvolupadors a provar el rendiment de les p\u00e0gines en un entorn controlat. Poden identificar problemes relacionats amb l&#8217;execuci\u00f3 de JavaScript, la c\u00e0rrega d&#8217;imatges, els despla\u00e7aments de disseny i altres factors que afecten les Core Web Vitals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-304771b e-flex e-con-boxed e-con e-parent\" data-id=\"304771b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1717bca elementor-widget elementor-widget-text-editor\" data-id=\"1717bca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Quina difer\u00e8ncia hi ha entre les dades de camp i les dades de laboratori?<\/h2><p>Les Core Web Vitals es poden avaluar amb dos tipus de dades: dades de camp i dades de laboratori. Entendre&#8217;n la difer\u00e8ncia ajuda els desenvolupadors a interpretar els resultats de les proves i a triar l&#8217;enfocament adequat per millorar el rendiment del lloc web.<\/p><ul><li><h3>Dades de camp<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Les dades de camp es recullen d&#8217;usuaris reals mentre naveguen per un lloc web. Reflecteixen les condicions reals de navegaci\u00f3, incloent-hi diferents dispositius, connexions de xarxa i interaccions dels usuaris.<\/p><p style=\"padding-left: 40px;\">Aquestes dades s\u00f3n especialment \u00fatils per saber si un lloc web compleix els llindars de Core Web Vitals recomanats per Google en situacions reals.<\/p><ul><li><h3>Dades de laboratori<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Les dades de laboratori es recullen en un entorn de proves controlat amb eines com Lighthouse. Ajuden els desenvolupadors a reproduir problemes de rendiment i a investigar-ne les possibles causes.<\/p><p style=\"padding-left: 40px;\">A difer\u00e8ncia de les dades de camp, les dades de laboratori no representen totes les experi\u00e8ncies reals dels usuaris. Per tant, un lloc web pot obtenir resultats diferents en les proves de laboratori i en les mesures d&#8217;usuaris reals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9609e3a e-flex e-con-boxed e-con e-parent\" data-id=\"9609e3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd449ba elementor-widget elementor-widget-text-editor\" data-id=\"cd449ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Com millorar les Core Web Vitals<\/h2><p>Millorar les Core Web Vitals requereix identificar els problemes que afecten la velocitat de c\u00e0rrega, la interactivitat i l&#8217;estabilitat visual. La soluci\u00f3 adequada dep\u00e8n de quina m\u00e8trica t\u00e9 un rendiment dolent.<\/p><ul><li><h3>Millorar el Largest Contentful Paint (LCP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Per millorar l&#8217;LCP, els desenvolupadors s&#8217;han de centrar a carregar l&#8217;element de contingut visible m\u00e9s gran tan r\u00e0pidament com sigui possible. Algunes millores habituals s\u00f3n optimitzar les imatges, triar un <a href=\"\/ca\/webhosting\/\">servei d&#8217;allotjament web<\/a> fiable, reduir els temps de resposta del servidor, activar la mem\u00f2ria cau i evitar retards innecessaris en la c\u00e0rrega dels recursos importants.<\/p><ul><li><h3>Millorar l&#8217;Interaction to Next Paint (INP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">L&#8217;INP es pot millorar reduint les tasques de JavaScript de llarga durada i minimitzant la feina innecess\u00e0ria al fil principal. Els desenvolupadors tamb\u00e9 han d&#8217;optimitzar els gestors d&#8217;esdeveniments i evitar que el navegador hagi de fer massa feina despr\u00e9s que l&#8217;usuari faci clic, toqui la pantalla o escrigui.<\/p><ul><li><h3>Millorar el Cumulative Layout Shift (CLS)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Per reduir el CLS, els desenvolupadors han de reservar espai per a les imatges, els v\u00eddeos, els anuncis i altres elements abans que es carreguin. Evita inserir contingut nou a sobre del contingut existent de manera inesperada i utilitza dimensions coherents per als elements visuals sempre que sigui possible.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b9c37c e-flex e-con-boxed e-con e-parent\" data-id=\"6b9c37c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4329aff elementor-widget elementor-widget-text-editor\" data-id=\"4329aff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>En resum<\/h2><p>Les Core Web Vitals ajuden els desenvolupadors a entendre com perceben els usuaris un lloc web pel que fa al rendiment de c\u00e0rrega, la interactivitat i l&#8217;estabilitat visual. Mesurant l&#8217;LCP, l&#8217;INP i el CLS, els propietaris de llocs web poden identificar problemes de rendiment i prioritzar les millores que fan que les seves p\u00e0gines siguin m\u00e9s f\u00e0cils d&#8217;utilitzar.<\/p><p>Un seguiment regular, les dades d&#8217;usuaris reals i una optimitzaci\u00f3 espec\u00edfica poden ajudar els llocs web a mantenir bons resultats de Core Web Vitals al llarg del temps<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7fca63 e-flex e-con-boxed e-con e-parent\" data-id=\"b7fca63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d644bb7 e-con-full e-flex e-con e-child\" data-id=\"d644bb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36fd715 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"36fd715\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-question-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11f1edb e-con-full e-flex e-con e-child\" data-id=\"11f1edb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22ba42f elementor-widget elementor-widget-text-editor\" data-id=\"22ba42f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Preguntes freq\u00fcents<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7e5b5 elementor-widget elementor-widget-text-editor\" data-id=\"6c7e5b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>1. Quina difer\u00e8ncia hi ha entre les dades de camp i les dades de laboratori?<\/h3><p style=\"padding-left: 40px;\">Les dades de camp provenen d&#8217;usuaris reals que visiten un lloc web, mentre que les dades de laboratori es recullen en un entorn de proves controlat. Les dades de camp reflecteixen experi\u00e8ncies reals dels usuaris, mentre que les dades de laboratori ajuden els desenvolupadors a reproduir i diagnosticar problemes de rendiment.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af90c6d elementor-widget elementor-widget-text-editor\" data-id=\"af90c6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>2. Com puc millorar les puntuacions de les meves Core Web Vitals?<\/h3><p style=\"padding-left: 40px;\">Pots millorar les Core Web Vitals optimitzant les imatges, reduint el JavaScript innecessari, millorant els temps de resposta del servidor, activant la mem\u00f2ria cau i evitant els despla\u00e7aments de disseny inesperats.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>El rendiment d&#8217;un lloc web va m\u00e9s enll\u00e0 de la rapidesa amb qu\u00e8 es carrega una p\u00e0gina. Encara que el contingut aparegui en pocs segons, els botons que responen lentament o els canvis inesperats en el disseny poden frustrar els visitants i perjudicar-ne l&#8217;experi\u00e8ncia. Aleshores, com pots saber si el teu lloc web t\u00e9 un [\u2026]<\/p>\n","protected":false},"author":7,"featured_media":3520,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3688","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Com optimitzar el teu lloc web amb les Core Web Vitals?<\/title>\n<meta name=\"description\" content=\"Qu\u00e8 s\u00f3n les Core Web Vitals? Apr\u00e8n a mesurar i millorar l&#039;LCP, l&#039;INP i el CLS per augmentar la velocitat, l&#039;estabilitat visual i el posicionament a Google.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Com optimitzar el teu lloc web amb les Core Web Vitals?\" \/>\n<meta property=\"og:description\" content=\"Qu\u00e8 s\u00f3n les Core Web Vitals? Apr\u00e8n a mesurar i millorar l&#039;LCP, l&#039;INP i el CLS per augmentar la velocitat, l&#039;estabilitat visual i el posicionament a Google.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/\" \/>\n<meta property=\"og:site_name\" content=\"Potenting Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-29T09:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-11T07:57:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"966\" \/>\n\t<meta property=\"og:image:height\" content=\"665\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Nina Ash\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nina Ash\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"author\":{\"name\":\"Nina Ash\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/person\\\/743a7b4616c4d55a0ed17f5ac379fcdb\"},\"headline\":\"Qu\u00e8 s\u00f3n les Core Web Vitals i com afecten la velocitat del lloc web?\",\"datePublished\":\"2026-10-29T09:30:00+00:00\",\"dateModified\":\"2026-11-11T07:57:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"wordCount\":2971,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"articleSection\":[\"Sense categoria\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"url\":\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"name\":\"Com optimitzar el teu lloc web amb les Core Web Vitals?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"datePublished\":\"2026-10-29T09:30:00+00:00\",\"dateModified\":\"2026-11-11T07:57:47+00:00\",\"description\":\"Qu\u00e8 s\u00f3n les Core Web Vitals? Apr\u00e8n a mesurar i millorar l'LCP, l'INP i el CLS per augmentar la velocitat, l'estabilitat visual i el posicionament a Google.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"contentUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"width\":966,\"height\":665,\"caption\":\"What Are Core Web Vitals\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/potenting.com\\\/ca\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Qu\u00e8 s\u00f3n les Core Web Vitals i com afecten la velocitat del lloc web?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\",\"name\":\"Potenting\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/potenting.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\",\"name\":\"Potenting\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-header.webp\",\"contentUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-header.webp\",\"width\":253,\"height\":80,\"caption\":\"Potenting\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/person\\\/743a7b4616c4d55a0ed17f5ac379fcdb\",\"name\":\"Nina Ash\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"caption\":\"Nina Ash\"},\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/author\\\/n-ash\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Com optimitzar el teu lloc web amb les Core Web Vitals?","description":"Qu\u00e8 s\u00f3n les Core Web Vitals? Apr\u00e8n a mesurar i millorar l'LCP, l'INP i el CLS per augmentar la velocitat, l'estabilitat visual i el posicionament a Google.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","og_locale":"ca_ES","og_type":"article","og_title":"Com optimitzar el teu lloc web amb les Core Web Vitals?","og_description":"Qu\u00e8 s\u00f3n les Core Web Vitals? Apr\u00e8n a mesurar i millorar l'LCP, l'INP i el CLS per augmentar la velocitat, l'estabilitat visual i el posicionament a Google.","og_url":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","og_site_name":"Potenting Blog","article_published_time":"2026-10-29T09:30:00+00:00","article_modified_time":"2026-11-11T07:57:47+00:00","og_image":[{"width":966,"height":665,"url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","type":"image\/webp"}],"author":"Nina Ash","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nina Ash","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#article","isPartOf":{"@id":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"author":{"name":"Nina Ash","@id":"https:\/\/potenting.com\/blog\/#\/schema\/person\/743a7b4616c4d55a0ed17f5ac379fcdb"},"headline":"Qu\u00e8 s\u00f3n les Core Web Vitals i com afecten la velocitat del lloc web?","datePublished":"2026-10-29T09:30:00+00:00","dateModified":"2026-11-11T07:57:47+00:00","mainEntityOfPage":{"@id":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"wordCount":2971,"commentCount":0,"publisher":{"@id":"https:\/\/potenting.com\/blog\/#organization"},"image":{"@id":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"thumbnailUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","articleSection":["Sense categoria"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","url":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","name":"Com optimitzar el teu lloc web amb les Core Web Vitals?","isPartOf":{"@id":"https:\/\/potenting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"image":{"@id":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"thumbnailUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","datePublished":"2026-10-29T09:30:00+00:00","dateModified":"2026-11-11T07:57:47+00:00","description":"Qu\u00e8 s\u00f3n les Core Web Vitals? Apr\u00e8n a mesurar i millorar l'LCP, l'INP i el CLS per augmentar la velocitat, l'estabilitat visual i el posicionament a Google.","breadcrumb":{"@id":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage","url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","contentUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","width":966,"height":665,"caption":"What Are Core Web Vitals"},{"@type":"BreadcrumbList","@id":"https:\/\/potenting.com\/ca\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/potenting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Qu\u00e8 s\u00f3n les Core Web Vitals i com afecten la velocitat del lloc web?"}]},{"@type":"WebSite","@id":"https:\/\/potenting.com\/blog\/#website","url":"https:\/\/potenting.com\/blog\/","name":"Potenting","description":"","publisher":{"@id":"https:\/\/potenting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/potenting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/potenting.com\/blog\/#organization","name":"Potenting","url":"https:\/\/potenting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/potenting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/04\/logo-header.webp","contentUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/04\/logo-header.webp","width":253,"height":80,"caption":"Potenting"},"image":{"@id":"https:\/\/potenting.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/potenting.com\/blog\/#\/schema\/person\/743a7b4616c4d55a0ed17f5ac379fcdb","name":"Nina Ash","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","caption":"Nina Ash"},"url":"https:\/\/potenting.com\/blog\/author\/n-ash\/"}]}},"_links":{"self":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/comments?post=3688"}],"version-history":[{"count":2,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3688\/revisions"}],"predecessor-version":[{"id":4222,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3688\/revisions\/4222"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/media\/3520"}],"wp:attachment":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/media?parent=3688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/categories?post=3688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/tags?post=3688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}