{"id":29057,"date":"2021-08-14T13:25:39","date_gmt":"2021-08-14T13:25:39","guid":{"rendered":"https:\/\/www.conectasoftware.com\/glossary\/web-vitals\/"},"modified":"2023-07-05T23:08:55","modified_gmt":"2023-07-05T23:08:55","slug":"web-vitals","status":"publish","type":"glossary","link":"https:\/\/www.conectasoftware.com\/magazine\/glosario\/web-vitals\/","title":{"rendered":"Web Vitals<\/span>"},"content":{"rendered":"

Web Vitals, \u00bfqu\u00e9 es?<\/b><\/h2>\n

Web Vitals es una de las nuevas herramientas que ofrece la compa\u00f1\u00eda Google a los desarrolladores de sitios webs con la que se pretende verificar si ciertos elementos comunes de un sitio web, funcionan correctamente. Dichos elementos est\u00e1n \u00edntimamente relacionados con la experiencia de usuario durante la navegaci\u00f3n.\u00a0<\/span><\/p>\n

\u00bfC\u00f3mo monitorizar Web Vitals?<\/b><\/h2>\n

Para monitorizar las Web Vitals de Google, que son m\u00e9tricas clave relacionadas con el rendimiento y la experiencia de usuario de un sitio web, puedes seguir estos pasos:<\/p>\n

1. Configura Google Analytics: Aseg\u00farate de tener una cuenta de Google Analytics y que tu sitio web est\u00e9 configurado correctamente con el c\u00f3digo de seguimiento. Si a\u00fan no tienes una cuenta, puedes crear una de forma gratuita en la p\u00e1gina de Google Analytics.<\/p>\n

2. Verifica la propiedad del sitio web en Google Search Console: Google Search Console es una herramienta que te permite monitorear y mejorar la visibilidad de tu sitio web en los resultados de b\u00fasqueda de Google. Verifica la propiedad de tu sitio web en Search Console siguiendo las instrucciones proporcionadas por Google.<\/p>\n

3. Accede a la secci\u00f3n de mejoras de experiencia del usuario en Google Search Console: Una vez que hayas verificado la propiedad del sitio web en Search Console, accede a la plataforma y navega hasta la secci\u00f3n \u00abMejoras\u00bb o \u00abMejoras de experiencia del usuario\u00bb en el panel de control.<\/p>\n

4. Revisa el informe de Web Vitals: Dentro de la secci\u00f3n de mejoras de experiencia del usuario, encontrar\u00e1s un informe dedicado a las Web Vitals. Aqu\u00ed podr\u00e1s ver datos y m\u00e9tricas relacionadas con el rendimiento y la experiencia de usuario de tu sitio web.<\/p>\n

5. Analiza los datos y toma medidas: Examina las m\u00e9tricas espec\u00edficas de las Web Vitals, como Largest Contentful Paint (LCP), First Input Delay (FID) y Cumulative Layout Shift (CLS). Estas m\u00e9tricas te indicar\u00e1n c\u00f3mo est\u00e1 funcionando tu sitio web en t\u00e9rminos de velocidad de carga, capacidad de respuesta y estabilidad visual. Si encuentras \u00e1reas de mejora, identifica las causas subyacentes y toma medidas para optimizar tu sitio web y mejorar las Web Vitals.<\/p>\n

Adem\u00e1s de utilizar Google Search Console, tambi\u00e9n puedes utilizar herramientas de terceros, como Lighthouse de Google, PageSpeed Insights o Web.dev, para obtener m\u00e1s informaci\u00f3n y recomendaciones espec\u00edficas para mejorar las Web Vitals de tu sitio web.<\/p>\n

\u00bfQu\u00e9 elementos mide Web Vitals?<\/b><\/h2>\n

Dicha extensi\u00f3n realiza un an\u00e1lisis de tres tipos de elementos de un sitio web.<\/span><\/p>\n

    \n
  • \n
      \n
    • LCP (Largest Contentful Paint)<\/b>. Esta m\u00e9trica realiza un an\u00e1lisis de c\u00f3mo es el rendimiento del sitio web de manera que, su indicador hace referencia al momento en el que ha sido cargado el contenido principal.\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
        \n
      • \n
          \n
        • FID (First Input Delay)<\/b>. Esta m\u00e9trica realiza un an\u00e1lisis de la interactividad del sitio web. Su medici\u00f3n se basa en una relaci\u00f3n entre el momento en el que el usuario lleva a cabo su primera interacci\u00f3n, y el momento en el que el sitio web comienza a responder a dicha interacci\u00f3n.\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
            \n
          • \n
              \n
            • CLS (Cumulative Layout Shift)<\/b>. Esta m\u00e9trica realiza un an\u00e1lisis de la estabilidad visual del sitio web, es decir, lleva a cabo una medici\u00f3n de los cambios de los elementos del sitio web.\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n

              Para la m\u00e9trica LCP, el tiempo \u00f3ptimo debe ser de 2.5 segundos despu\u00e9s del comienzo de la carga del sitio web. Para FID, el tiempo \u00f3ptimo debe ser menos de 100 milisegundos. Para CLS, el tiempo \u00f3ptimo debe ser menor a 0.1.<\/span><\/p>\n

              Recuerda que el monitoreo regular de las Web Vitals y la optimizaci\u00f3n de tu sitio web en funci\u00f3n de estas m\u00e9tricas contribuir\u00e1n a mejorar la experiencia del usuario y el rendimiento general de tu sitio web en los resultados de b\u00fasqueda de Google.<\/p>\n","protected":false},"excerpt":{"rendered":"

              Web Vitals, \u00bfqu\u00e9 es? Web Vitals es una de las nuevas herramientas que ofrece la compa\u00f1\u00eda Google a los desarrolladores de sitios webs con la que se pretende verificar si ciertos elementos comunes de un sitio web, funcionan correctamente. Dichos elementos est\u00e1n \u00edntimamente relacionados con la experiencia de usuario durante la navegaci\u00f3n.\u00a0 \u00bfC\u00f3mo monitorizar Web […]<\/p>\n","protected":false},"author":1,"featured_media":18256,"menu_order":0,"template":"","meta":{"content-type":"","footnotes":""},"glossary-categories":[94],"glossary-tags":[],"glossary-languages":[],"class_list":{"0":"post-29057","1":"glossary","2":"type-glossary","3":"status-publish","4":"has-post-thumbnail","6":"glossary-categories-seo"},"_links":{"self":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary\/29057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary\/29057\/revisions"}],"predecessor-version":[{"id":37781,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary\/29057\/revisions\/37781"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media\/18256"}],"wp:attachment":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media?parent=29057"}],"wp:term":[{"taxonomy":"glossary-categories","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-categories?post=29057"},{"taxonomy":"glossary-tags","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-tags?post=29057"},{"taxonomy":"glossary-languages","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-languages?post=29057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}