{"id":3444,"date":"2021-09-09T09:08:39","date_gmt":"2021-09-09T07:08:39","guid":{"rendered":"https:\/\/pixupweb.com\/?p=3444"},"modified":"2025-06-27T17:23:48","modified_gmt":"2025-06-27T15:23:48","slug":"actualizacion-de-google-lighthouse-segun-criterios-core-web-vitals-e-introduce-el-proyecto-fraggle-rock","status":"publish","type":"post","link":"https:\/\/pixupweb.com\/es\/2021\/09\/09\/actualizacion-de-google-lighthouse-segun-criterios-core-web-vitals-e-introduce-el-proyecto-fraggle-rock\/","title":{"rendered":"Actualizaci\u00f3n de Google Lighthouse seg\u00fan criterios Core Web vitals y el Proyecto Fraggle Rock en septiembre 2021"},"content":{"rendered":"<\/p>\n
\n
<\/div><\/div><\/div>\n

Actualizaci\u00f3n de Google Lighthouse seg\u00fan criterios Core Web vitals y el Proyecto Fraggle Rock en septiembre 2021<\/h1>\n

Google lanzar\u00e1 una nueva actualizaci\u00f3n de su herramienta open source Ligthouse con al nueva versi\u00f3n 8.3.o en la versi\u00f3n de Chrome 94<\/strong>, que se lanzar\u00e1 el 21 de septiembre de 2021<\/strong>. Este cambio incide directamente en Page Speed Insights aportando m\u00e1s relevancia a las directrices marcadas por Core Web Vitals (ver art\u00edculo previo)<\/a>, y as\u00ed mismo, introduce el proyecto Project Fraggle Rock.<\/p>\n

\u00bfQu\u00e9 es Google Lighthouse?<\/h2>\n

Google Chrome b\u00e1sicamente es un navegador que realiza un ranking seg\u00fan el contenido y caracter\u00edsticas tecnol\u00f3gicas de los sitios web. Para ello gener\u00f3 un algoritmo que ajusta en funci\u00f3n de los cambios tecnol\u00f3gicos en el entorno online y criterios de b\u00fasqueda de contenido para favorecer unos resultados satisfactorios para usuarios, una experiencia satisfactoria de usuario.<\/p>\n

Para facilitar el trabajo de los gestores y administradores de las web en las tareas de posicionamiento, Google facilita la herramienta de audit Lighthouse<\/strong> de prestaciones web a nivel de rendimiento, accesibilidad, usabilidad, interpretabilidad y orientaci\u00f3n t\u00e9cnica a posicionamiento<\/strong>. Lighthouse se localiza en las herramientas de Chrome Dev Tools<\/strong>, que forma parte de todos los navegadores basados \u200b\u200ben Google Chrome<\/strong>.<\/p>\n

\u00bfCu\u00e1les son las novedades de Ligthouse 8.3.0?<\/h2>\n

A nivel general, Google Lighthouse 8.3.0 no presenta grandes cambios por lo que refiere a la medici\u00f3n de Core Web Vitals, pero si nos enfoca a nuevas propuestas de futuro:<\/p>\n

\u00bfQu\u00e9 es el nuevo Proyecto Lighthouse Fraggle Rock?<\/h3>\n

Hasta el momento, Google Lighthouse analizaba las caracter\u00edsticas t\u00e9cnicas de la p\u00e1gina web, como por ejemplo mide el tiempo que tarda una p\u00e1gina web en volverse interactiva.<\/p>\n

Con Google Lighthouse 8.3.0 se apunta a ir un m\u00e1s all\u00e1 analizando el comportamiento de los usuarios, a analizar los flujos de usuarios, teniendo en cuenta de eventos en al web, como por ejemplo acciones que realice el usuario como realizar un click en un bot\u00f3n o enlace, y tener en cuenta lo que sucede a continuaci\u00f3n. Toma sentido si se tiene en cuenta que con las directrices de Core Web Vitals se valora la experiencia de usuario. De esta forma se aplica un visi\u00f3n m\u00e1s din\u00e1mica y no tan est\u00e1tica.<\/p>\n

\n

En definitiva: Fraggle Rock en el entorno de Lighthouse es un proyecto que permitir\u00e1 a desarrolladores y gestores de WEB obtener informes m\u00e1s all\u00e1 de la carga de una p\u00e1gina. Se obtendr\u00e1 informaci\u00f3n sobre el rendimiento y las mejores pr\u00e1cticas en los flujos de los usuarios. Tendr\u00e1 especial importancia en eventos y flujos complejos y relevantes, a menudo vinculados a conversiones web o gesti\u00f3n de funciones para usuarios, como pueden ser registro, adici\u00f3n al carrito, tiempo para twittear, etc.<\/p>\n<\/blockquote>\n

Con las nuevas directrices del proyecto Fraggle Rock, no solo se medir\u00e1 el tiempo que tarda una p\u00e1gina web en volverse interactiva, si no que tambi\u00e9n tendr\u00e1 en cuenta los flujos del usuario y medir\u00e1 lo que sucede despu\u00e9s de que se cargue la p\u00e1gina.<\/p>\n

El nombre de proyecto Fraggle Rock, se remtie a un espect\u00e1culo infantil de la d\u00e9cada de 1980 que presentaba el faro de Fraggle Rock.<\/p>\n

\u00bfC\u00f3mo se aplicar\u00e1 el nuevo Ligthouse 8.3.0?<\/h3>\n

Se abren nuevas posibilidades para realizar an\u00e1lisis con este nuevo enfoque din\u00e1mico sobre flujos. La p\u00e1gina oficial de Github apunta:<\/p>\n

    \n
  1. Ejecutar auditor\u00edas de estilo instant\u00e1neo en una p\u00e1gina despu\u00e9s de la interacci\u00f3n, es decir, hice clic en una opci\u00f3n del men\u00fa y ahora vuelvo a ejecutar la categor\u00eda de accesibilidad<\/em><\/li>\n
  2. Ejecute auditor\u00edas de estilo de intervalo de tiempo en una p\u00e1gina durante cualquier interacci\u00f3n arbitraria<\/em><\/li>\n
  3. Ejecute Lighthouse en una navegaci\u00f3n de p\u00e1gina tradicional desde una p\u00e1gina existente<\/em><\/li>\n
  4. Ejecute Lighthouse en la navegaci\u00f3n de una aplicaci\u00f3n de una sola p\u00e1gina<\/em><\/li>\n<\/ol>\n

    Actualmente el equipo de desarrollo de Google Lighthouse se encuentra en la fase 1 de las 8 previstas:<\/p>\n

      \n
    1. Investigaci\u00f3n y dise\u00f1o de Ligthouse seg\u00fan directrices del proyecto Fraggle Rock – FASE 0:<\/li>\n<\/ol>\n
        \n
      • Crear un inventario de todas las auditor\u00edas catalogando sus requisitos impl\u00edcitos (por ejemplo, instant\u00e1nea frente a intervalo de tiempo frente a carga).<\/em><\/li>\n
      • Crear documento de dise\u00f1o y plan de proyecto Completo.
        \n<\/em><\/li>\n<\/ul>\n

        Correcciones en Google Lighthouse 8.3.0<\/h2>\n

        1. Google Lighthouse 8.3.0 aplicar\u00e1 correcciones de errores y mejoras en parte debidas a sugerencias de la comunidad de desarrolladores.<\/h4>\n

        Un ejemplo de correcci\u00f3n es abordar el \u00abc\u00e1lculo del tama\u00f1o de los recursos de las im\u00e1genes en cach\u00e9<\/em>\u00ab, en la que un desarrollador coment\u00f3:<\/p>\n

        \u00abLa raz\u00f3n original por la que quer\u00edamos deshabilitar la cach\u00e9 fue porque al calcular el tama\u00f1o del recurso, el recolector tiene en cuenta el Tama\u00f1o de transferencia, que es 0 para las im\u00e1genes almacenadas en cach\u00e9. Por lo tanto, este recopilador ignora las im\u00e1genes que provienen de la cach\u00e9. Esto parece ser un comportamiento no deseado, ya que no deber\u00eda importar si una imagen est\u00e1 almacenada en cach\u00e9 o no para optimizarla.<\/em><\/p>\n

        La desactivaci\u00f3n de la cach\u00e9 solucion\u00f3 el problema, pero agreg\u00f3 un promedio de 10 segundos a nuestros tests de Lighthouse. Me pregunto si el c\u00f3digo mencionado anteriormente en realidad no est\u00e1 descartando involuntariamente im\u00e1genes almacenadas en cach\u00e9.\u00bb<\/em><\/p>\n

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

        La secci\u00f3n SEO de Lighthouse se reformula y redise\u00f1a para enfocarla a las directrices Core Web Vitals (CWV).<\/p>\n

        La nueva formulaci\u00f3n elimina la referencia expl\u00edcita a mejorar la clasificaci\u00f3n de los resultados de b\u00fasqueda y reemplaza esa referencia con las palabras \u00absearch engine optimization advice\u00bb<\/em> (consejo o aviso de optimizaci\u00f3n de motores de b\u00fasqueda), que es m\u00e1s neutra en referencia a la promesa de mejora de resultados de posicionamiento en la parte superior de las p\u00e1ginas de resultados de los motores de b\u00fasqueda.<\/p>\n

        Resumen de las nuevas aportaciones y mejoras de Google Lighthouse 8.3.0<\/h2>\n

        Es importante destacar que Lighthouse 8.3.0 aportar\u00e1 una reformulaci\u00f3n de la secci\u00f3n de SEO para definir con mayor precisi\u00f3n el SEO como optimizaci\u00f3n para los motores de b\u00fasqueda y eliminar cualquier asociaci\u00f3n con una mejor clasificaci\u00f3n.<\/p>\n

        M\u00e1s all\u00e1, hay que tomar nota del lanzamiento con Lighthouse 8.3.0 del proyecto Fraggle Rock, aportando un nuevo enfoque a flujos de usuarios enlazado a las directrices Core Web Vital, que pr\u00f3ximamente se desarrollar\u00e1.<\/p>\n<\/div><\/section><\/div><\/div><\/div><\/main><\/div><\/div>

        \n

        \u00bfC\u00f3mo mejorar el posicionamiento t\u00e9cnico de la web, optimiz\u00e1ndolo seg\u00fan requisitos de Google?<\/h2>\n

        Si despu\u00e9s de haber le\u00eddo cree preciso dar los primeros pasos para optimizar su web, podemos ofrecerle diferentes soluciones, en distintas tecnolog\u00edas y seg\u00fan la inversi\u00f3n que precise. Es importante gestionar su web con un elemento m\u00e1s de su patrimonio empresarial. Puede ser su principal activo digital, para generar negocio (captaci\u00f3n y conversi\u00f3n web) o para optimizar la gesti\u00f3n de sus ventas o contactos (leads).<\/p>\n

        ** <\/strong>Dado que actualiza constantemente su motor de b\u00fasqueda, sus criterios de audit web y requisitos de posicionamiento, recuerde que los criterios descritos pueden verse modificados r\u00e1pidamente.<\/b><\/p>\n<\/div><\/section><\/div>

        Sus partners en posicionamiento t\u00e9cnico web<\/h2>\n
        \n

        C\u00f3mo mejorar su posicionamiento SEO t\u00e9cnico mediante la mejora del rendimiento web y la experiencia de usuario seg\u00fan Google?<\/p>\n<\/blockquote>\n

        Optimice el posicionamiento org\u00e1nico SEO t\u00e9cnico de su p\u00e1gina web siguiendo los indciadors principales de Web Vitales: LCP, FID, CLS. Optimizamos el rendimiento web para mejorar la experiencia de usuario actualizando los criterios de Google.<\/p>\n

        Realice una consulta con el formulario adjunto, recogiendo sus necesidades, sus objetivos, su problemas,… Seremos sus colaboradores en posicionamiento web, en la gesti\u00f3n de su activo digital y la generaci\u00f3n de negocio online.<\/p>\n<\/div><\/section>
        \n