{"id":3510,"date":"2021-09-09T09:08:39","date_gmt":"2021-09-09T07:08:39","guid":{"rendered":"https:\/\/pixupweb.com\/2021\/09\/09\/actualizacion-de-google-lighthouse-segun-criterios-core-web-vitals-e-introduce-el-proyecto-fraggle-rock\/"},"modified":"2025-06-27T17:24:39","modified_gmt":"2025-06-27T15:24:39","slug":"actualitzacio-de-google-lighthouse-segons-criteris-core-web-vitals-i-el-projecte-fraggle-rock-a-setembre-2021","status":"publish","type":"post","link":"https:\/\/pixupweb.com\/ca\/2021\/09\/09\/actualitzacio-de-google-lighthouse-segons-criteris-core-web-vitals-i-el-projecte-fraggle-rock-a-setembre-2021\/","title":{"rendered":"Actualitzaci\u00f3 de Google Lighthouse segons criteris Core web vitals i el Projecte Fraggle Rock a setembre 2021"},"content":{"rendered":"
\n
<\/div><\/div><\/div>\n

Actualitzaci\u00f3 de Google Lighthouse segons criteris Core web vitals i el Projecte Fraggle Rock a setembre 2021<\/h1>\n

Google llan\u00e7ar\u00e0 una nova actualitzaci\u00f3 de la seva eina de codi obert Ligthouse amb a la nova versi\u00f3 8.3.o<\/strong> en la versi\u00f3 de Chrome 94<\/strong>, que es llan\u00e7ar\u00e0 el 21 de setembre de 2021<\/strong>. Aquest canvi incideix directament en Page Speed Insights aportant m\u00e9s rellev\u00e0ncia a les directrius marcades per Core web Vitals (veure article previ)<\/a>, i aix\u00ed mateix, introdueix el projecte Project Fraggle Rock.<\/p>\n

Qu\u00e8 \u00e9s Google Lighthouse?<\/h2>\n

Google Chrome b\u00e0sicament \u00e9s un navegador que realitza un r\u00e0nquing segons el contingut i caracter\u00edstiques tecnol\u00f2giques dels llocs web. Per a aix\u00f2 va generar un algoritme que s’ajusta en funci\u00f3 dels canvis tecnol\u00f2gics en l’entorn online i criteris de cerca de contingut per afavorir uns resultats satisfactoris per a usuaris, una experi\u00e8ncia satisfact\u00f2ria d’usuari.<\/p>\n

Per facilitar la feina dels gestors i administradors de les web en les tasques de posicionament, Google facilita l’eina de audit Lighthouse de prestacions web a nivell de rendiment, accessibilitat, usabilitat, interpretabilitat i orientaci\u00f3 t\u00e8cnica a posicionament. Lighthouse es localitza en les eines de Chrome Dev Tools, que forma part de tots els navegadors basats en Google Chrome.<\/p>\n

Quines s\u00f3n les novetats de Lighthouse 8.3.0?<\/h2>\n

A nivell general, Google Lighthouse 8.3.0 no presenta grans canvis pel que fa al mesurament de Core web Vitals, per\u00f2 si ens enfoca a noves propostes de futur:<\/p>\n

Qu\u00e8 \u00e9s el nou Projecte Lighthouse Fraggle Rock?<\/h3>\n

Fins al moment, Google Lighthouse analitzava les caracter\u00edstiques t\u00e8cniques de la p\u00e0gina web, com ara mesura el temps que triga una p\u00e0gina web en tornar-interactiva.<\/p>\n

Amb Google Lighthouse 8.3.0 s’apunta a anar un m\u00e9s enll\u00e0 analitzant el comportament dels usuaris, a analitzar els fluxos d’usuaris, tenint en compte d’esdeveniments en a al web, com ara accions que realitzi l’usuari com realitzar un clic en un bot\u00f3 o enlla\u00e7, i tenir en compte el que succeeix a continuaci\u00f3. Pren sentit si es t\u00e9 en compte que amb les directrius de Core web Vitals es valora l’experi\u00e8ncia d’usuari. D’aquesta manera s’aplica un visi\u00f3 m\u00e9s din\u00e0mica i no tan est\u00e0tica.<\/p>\n

\n

En definitiva: Fraggle Rock a l’entorn de Lighthouse \u00e9s un projecte que permetr\u00e0 als desenvolupadors i gestors de WEB obtenir informes m\u00e9s enll\u00e0 de la c\u00e0rrega d’una p\u00e0gina. S’obtindr\u00e0 informaci\u00f3 sobre el rendiment i les millors pr\u00e0ctiques en els fluxos dels usuaris. Tindr\u00e0 especial import\u00e0ncia en esdeveniments i fluxos complexos i rellevants, sovint vinculats a conversions web o gesti\u00f3 de funcions per a usuaris, com poden ser registre, addici\u00f3 a la cistella, temps per twittejar, etc.<\/p>\n<\/blockquote>\n

Amb les noves directrius de el projecte Fraggle Rock, no nom\u00e9s es mesurar\u00e0 el temps que triga una p\u00e0gina web en tornar-interactiva, sin\u00f3 que tamb\u00e9 tindr\u00e0 en compte els fluxos de l’usuari i mesurar\u00e0 el que succeeix despr\u00e9s que es carregui la p\u00e0gina.<\/p>\n

El nom de projecte Fraggle Rock, es remota a un espectacle infantil de la d\u00e8cada de 1980 que presentava el far de Fraggle Rock.<\/p>\n

Com s’aplicar\u00e0 el nou Lighthouse 8.3.0?<\/h3>\n

S’obren noves possibilitats per a realitzar an\u00e0lisis amb aquest nou enfocament din\u00e0mic sobre fluxos. La p\u00e0gina oficial de Github apunta:<\/p>\n

    \n
  1. Executar auditories d’estil instantani en una p\u00e0gina despr\u00e9s de la interacci\u00f3, \u00e9s a dir, vaig fer clic a una opci\u00f3 de men\u00fa i ara torno a executar la categoria d’accessibilitat<\/em><\/li>\n
  2. Executar auditories d’estil de interval de temps en una p\u00e0gina durant qualsevol interacci\u00f3 arbitr\u00e0ria<\/em><\/li>\n
  3. Executar Lighthouse en una navegaci\u00f3 de p\u00e0gina tradicional des d’una p\u00e0gina existent<\/em><\/li>\n
  4. Executar Lighthouse en la navegaci\u00f3 d’una aplicaci\u00f3 d’una sola p\u00e0gina<\/em><\/li>\n<\/ol>\n

    Actualment l’equip de desenvolupament de Google Lighthouse es troba en la fase 1 de les 8 previstes:<\/p>\n

      \n
    1. Recerca i disseny de Lighthouse segons directrius de el projecte Fraggle Rock – FASE 0:<\/li>\n<\/ol>\n
        \n
      • Crear un inventari de totes les auditories catalogant els seus requisits impl\u00edcits (per exemple, instant\u00e0nia davant de interval de temps davant de c\u00e0rrega).<\/em><\/li>\n
      • Crear document de disseny i pla de projecte complet.<\/em><\/li>\n<\/ul>\n

        Correccions a Google Lighthouse 8.3.0<\/h2>\n

        1. Google Lighthouse 8.3.0 s’aplicar\u00e0 correccions d’errors i millores en part degudes a suggeriments de la comunitat de desenvolupadors.<\/h4>\n

        Un exemple de correcci\u00f3 \u00e9s abordar el “c\u00e0lcul de la mida dels recursos de les imatges en mem\u00f2ria cau”<\/em>, en qu\u00e8 un desenvolupador comentar:<\/p>\n

        “La ra\u00f3 original per la qual vol\u00edem desactivar la mem\u00f2ria cau va ser perqu\u00e8 al calcular la mida de el recurs, el recol\u00b7lector t\u00e9 en compte el Mida de transfer\u00e8ncia, que \u00e9s 0 per a les imatges emmagatzemades en mem\u00f2ria cau. Per tant, aquest recopilador ignora les imatges que provenen de la mem\u00f2ria cau. Aix\u00f2 sembla ser un comportament no desitjat, ja que no hauria d’importar si una imatge est\u00e0 emmagatzemada a la mem\u00f2ria cau o no per optimitzar-la.<\/em><\/p>\n

        La desactivaci\u00f3 de la mem\u00f2ria cau va solucionar el problema, per\u00f2 va afegir una mitjana de 10 segons als nostres tests de Lighthouse. Em pregunto si el codi esmentat anteriorment en realitat no est\u00e0 descartant involunt\u00e0riament imatges emmagatzemades en mem\u00f2ria cau. “<\/em><\/p>\n

        2. Reformulaci\u00f3 de la secci\u00f3 SEO a Google Lighthouse 8.3.0<\/h4>\n

        La secci\u00f3 SEO de Lighthouse es reformula i redissenya per enfocar-la a les directrius Core web Vitals (CWV).<\/p>\n

        La nova formulaci\u00f3 elimina la refer\u00e8ncia expl\u00edcita a millorar la classificaci\u00f3 dels resultats de cerca i reempla\u00e7a aquesta refer\u00e8ncia amb les paraules “search engine optimization advice”<\/em> (consell o av\u00eds d’optimitzaci\u00f3 de motors de cerca), que \u00e9s m\u00e9s neutra en refer\u00e8ncia a la promesa de millora de resultats de posicionament a la part superior de les p\u00e0gines de resultats dels motors de cerca.<\/p>\n

        Resum de les noves aportacions i millores de Google Lighthouse 8.3.0<\/h2>\n

        \u00c9s important destacar que Lighthouse 8.3.0 aportar\u00e0 una reformulaci\u00f3 de la secci\u00f3 de SEO per definir amb m\u00e9s precisi\u00f3 el SEO com optimitzaci\u00f3 per als motors de cerca i eliminar qualsevol associaci\u00f3 amb una millor classificaci\u00f3.<\/p>\n

        M\u00e9s enll\u00e0, cal prendre nota del llan\u00e7ament amb Lighthouse 8.3.0 de el projecte Fraggle Rock, aportant un nou enfocament a fluxos d’usuaris enlla\u00e7at a les directrius Core web Vital, que pr\u00f2ximament es desenvolupar\u00e0.<\/p>\n<\/div><\/section><\/div><\/div><\/div><\/main><\/div><\/div>

        \n

        Com millorar el posicionament t\u00e8cnic del web, optimitzant-ho segons requisits de Google?<\/h2>\n

        Si despr\u00e9s d\u2019haver llegit creu necessari donar les primeres passes per optimitzar la seva web, podem oferir-li diferents solucions, en diferents tecnologies i segons la inversi\u00f3 que necessiti. \u00c9s important gestionar la seva web amb un element m\u00e9s del seu patrimoni empresarial. Pot ser el seu principal actiu digital, per generar negoci (captaci\u00f3 i conversi\u00f3 web) o per optimitzar la gesti\u00f3 de les seves vendes o contactes (leads).<\/p>\n

        **\u00a0At\u00e8s que actualitza constantment el seu motor de cerca, els seus criteris d\u2019audit web i requisits de posicionament, recordeu que els criteris descrits es poden veure modificats r\u00e0pidament.<\/strong><\/p>\n<\/div><\/section><\/div>

        Els seus partners de posicionament t\u00e8cnic web<\/h2>\n
        \n

        Com millorar el posicionament SEO t\u00e8cnic mitjan\u00e7ant la millora del rendiment web i l\u2019experi\u00e8ncia d\u2019usuari segons Google?<\/p>\n<\/blockquote>\n

        Optimitzi el posicionament org\u00e0nic SEO t\u00e8cnic de la seva p\u00e0gina web seguint els indciadors principals de Web Vitals: LCP, FID, CLS. Optimitzem el rendiment web per a millorar l\u2019experi\u00e8ncia d\u2019usuari actualitzant els criteris de Google.<\/p>\n

        Feu una consulta amb el formulari adjunt, recollint les seves necessitats, els seus objectius, els seus problemes, \u2026 Serem els seus col\u00b7laboradors en posicionament web, a la gesti\u00f3 del seu actiu digital i la generaci\u00f3 de negoci online.<\/p>\n<\/div><\/section>
        \n