norfipc.com
Apuntes   Mapa del sitio   Últimas publicaciones

Comprobar rendimiento y velocidad de una página web según Google



Herramientas para conocer las métricas que determinan optimización de un sitio web: PageSpeed, Lighthouse y Web Vitals. Extensiones y Bookmarklets.
Extensión de Web Vitals en el navegador Chrome, para saber el rendimiento de una web
Google ha liberado a lo largo del tiempo las herramientas con las cuales podemos verificar la optimización de nuestro sitio web en internet.
Todos las conocemos, en este artículo solo las resumo y comparto las extensiones y Bookmarklets para el navegador web.



Métricas que determinan optimización de un sitio web

PageSpeed Insights

La primera de las herramientas liberada por Google, que con el tiempo ha sufrido de muchos cambios.
Analizar y optimizar una página con PageSpeed Insights

Lighthouse

Herramienta del software libre, que con el tiempo también ha ido evolucionando para ajustarse a los estándares web.
Integrada en la Herramienta de Desarrolladores del navegador Google Chrome (Control + Shift + J). En la pestaña: Audits.

Web Vitals

La más reciente de las herramientas y tal vez la más simple y sencilla de utilizar.
https://web.dev/vitals/
Web Vitals permite la medición de las experiencias de carga, interactividad y estabilidad visual, recogidas en lo que llaman Core Web Vitals.
Las métricas que componen evolucionarán con el tiempo.
El conjunto actual para 2020 se centra en tres aspectos de la experiencia del usuario -carga, interactividad y estabilidad visual- e incluye las siguientes métricas (y sus respectivos umbrales):



Métricas que muestra Web Vitals

Métricas que muestra la extensión Web Vitals

Largest Contentful Paint (LCP)

Mide el rendimiento de la carga. Para proporcionar una buena experiencia al usuario, la LCP debe producirse en un plazo de 2,5 segundos a partir de la primera carga de la página.

First Input Delay (FID)

Mide la interactividad. Para proporcionar una buena experiencia al usuario, las páginas deben tener un FID de menos de 100 milisegundos.

Cumulative Layout Shift (CLS)

Mide la estabilidad visual.
Para proporcionar una buena experiencia al usuario, las páginas deben mantener un CLS de menos de 0,1.



Extensión para conocer las métricas de Web Vitals

Extensión Web Vitals (alpha)

Ejemplos de métricas de Web Vitals

Captura de las métricas correspondientes a esta página, que devuelve la extensión de Web Vitals (sin publicidad).
Métricas de esta página de la extensión Web Vitals

Páginas relacionadas

✔ Bookmarklets para comprobar y validar páginas de un blog o sitio web
✔ Probar la velocidad de mi blog o sitio web con Google
✔ Tiempo de respuesta del servidor y velocidad de las páginas
✔ Analizar y optimizar una página con PageSpeed Insights
✔ Optimizar las imágenes y reducir su tamaño para la web
✔ Aplazar la carga de fotos e imágenes (lazy load) con Insersection



Comparte



Inicio | Mapa del sitio | Buscar | Sobre mí

NorfiPC, Copyright © 2022 NorfiPC

SUBIR