Get best of the week

Nuevo Google PageSpeed ​​Insights con tecnología de Lighthouse 6 (beta): verifique el rendimiento de su sitio

El 16 de marzo, Google Chrome lanzó una versión beta de Lighthouse 6. La versión final formará la base de las mediciones en el nuevo PageSpeed ​​Insights y la consola del desarrollador del navegador Chrome. Detalles y motor de prueba en el interior.

Hola Habr Soy Alexey de Loading.express.

En la última Cumbre de desarrolladores de Chrome , anunciaron que lanzarían PageSpeed ​​Insights para enero de 2020.

imagen

Tan pronto como llegó la notificación, implementamos la versión beta de Lighthouse 6 en nuestros servidores y estudiamos en detalle las innovaciones. Aquí están los principales:

  • tres nuevas métricas: TBT, LCP y CLS;
  • dispositivo actualizado para abrir el sitio;
  • Nuevas auditorías para JS
  • Nuevas auditorías en la sección de accesibilidad.
  • nuevo elemento de auditoría en la sección PWA.

Verifique el nuevo motor de Lighthouse aquí:
lh6.loading.express

Tres nuevas métricas en el nuevo informe de PageSpeed ​​(faro 6)


TBT : tiempo total de bloqueo. Este es el momento de bloquear la entrada en milisegundos cuando un visitante no puede hacer nada en el sitio. Se esta cargando. Esperamos. Incluso si intentas deslizar, desplazarte, hacer clic, obtendrás el efecto de congelación o movimiento con interrupciones.

rendimiento habr.com/ru/
Métricas de TBT para la página de inicio de Habr

Lo que se considera rápido o lento:

  • 0–300 ms - zona verde, rápido;
  • 300-600 ms - zona naranja, moderadamente;
  • más de 600 ms - zona roja, lentamente.

LCP : la pintura más grande de contenido. Es hora de representar el contenido más grande y más visible en la pantalla. El momento en que el visitante del sitio se dio cuenta de que el sitio se ha cargado y puede comenzar. Esta métrica fue desarrollada en Google después de la investigación. Lo discutimos junto con el Grupo de trabajo de rendimiento web W3C , que incluía representantes de Airbnb Inc, Facebook, Mozilla Foundation, Intel Corporation y otros.

Lo que es bueno y malo:

  • 0-2 segundos - zona verde, rápido;
  • 2-4 segundos - zona naranja, moderadamente;
  • más de 4 segundos - zona roja, lentamente.

CLS : cambio de diseño acumulativo. Esta métrica resume los puntajes de cada cambio de página que ocurre durante la carga de la página. Todos recuerdan el momento en que visita la página, comienzas a leer y de repente todos los contenidos se escapan en alguna parte. Esto cargó los anuncios desde arriba y empujó todo el contenido hacia abajo. Ahora Google considera estos cambios y cuanto más son, mayor será el puntaje.

Valores de 0 a 1. Hasta 0.5 es bueno, más cercano a 1 es malo.

El parámetro FID se eliminó del informe. Los informes de medición TBT y JS se hicieron cargo parcialmente.

Nuevo dispositivo para abrir el sitio Moto G4



La imitación del dispositivo en el que Google abrió su sitio era igual a la pantalla del Nexus 5 de 2013. Y muchos consultores de Performance quedaron perplejos hasta que se consideró un dispositivo modelo. Y así, en 2020, un nuevo dispositivo: Moto G4 (emulado) de 2016. Y esto significa que, en promedio, en todo el mundo, las personas han actualizado los dispositivos desde los que acceden a los sitios.

Nuevas auditorías en Lighthouse 6


JS: ahora, si se ejecuta demasiado JavaScript cuando se carga su sitio, GPSI lo informará por separado.

Accesibilidad: los nuevos elementos de auditoría se relacionan con la visualización de elementos del sitio para lectores de texto en formato de audio, para personas con discapacidad visual. Existe la opinión de que los asistentes de voz también utilizarán este marcado.

Auditoría de codificación de caracteres: la codificación debe declararse. Auditoría de icono

enmascarable de PWA : una auditoría que verificará si hay un icono de vector para una máscara. Si no, él recomendará hacer un formato vectorial.

Conclusiones sobre la nueva auditoría de la velocidad de los sitios de carga Lighthouse 6


PageSpeed ​​Insights tuvo esta actualización global por última vez en noviembre de 2018. Luego, muchos sitios cayeron en la zona roja, porque antes de la actualización PageSpeed ​​no midió la velocidad de carga de los sitios, pero mostró recomendaciones para optimizar varios parámetros que podrían afectar la velocidad de carga.

Los que se perdieron esa actualización aún pueden estar equivocados y asegurar a todos que GPSI no mide la velocidad de los sitios de carga.

Con el nuevo Lighthouse 6, la medición de la velocidad será más comprensible para los desarrolladores y propietarios de sitios web.

Sitios rápidos y altas conversiones.

More articles:


All Articles