12 de noviembre, Google actualizó silenciosamente
PageSpeed Insights , cambiando casi todo lo que
contiene . Este será un gran cambio para toda la industria de construcción de sitios. Parece que ahora habrá una ola de pánico y exageración en torno a este evento. El artículo analiza los cambios y lo que nos aportan.
¿Qué es PageSpeed Insights?
Solo unas pocas palabras para aquellos que no están al tanto. Durante 8 años, PageSpeed Insights ha sido la medida principal de la velocidad del sitio web; puede ingresar la dirección de la página y conocer su calificación en una escala del 0 al 100, junto con recomendaciones para mejorar.
Por supuesto, hay muchas otras buenas herramientas de control de velocidad. Pero como este es de Google, y declararon que la velocidad del sitio afecta la clasificación en el SERP, para la mayoría, esta calificación parece ser la más importante. Especialmente para clientes y jefes, y como resultado, casi todos están tratando de elevar el puntaje de PageSpeed de sus proyectos, y la métrica se ha convertido en casi la más importante en la industria.
¿Qué ha cambiado?
En resumen, eso es todo. La antigua PageSpeed fue dejada de lado, reemplazándola con calificaciones y análisis por
Lighthouse , una herramienta de auditoría de sitios de código abierto integrada en Google Chrome, entre otras cosas.
La diferencia fundamental del enfoque es que los
puntos ahora se otorgan no por seguir las reglas, sino por la velocidad . La carga de la página se estima de acuerdo con varias características de tiempo: después de cuánto tiempo después del inicio de la carga, algo ya es visible, cuándo ya es posible hacer clic, cuánto se ralentiza todo mientras se carga y cuándo se carga todo. Estas características se comparan con los indicadores de los mejores sitios y se convierten en puntos. A continuación analizaremos esto con más detalle, ahora el principio en sí mismo es importante.
Hay recomendaciones, como antes, pero ahora llevan una carga completamente diferente.
Las recomendaciones de ninguna manera están directamente relacionadas con los puntos , y no es absolutamente un hecho que su implementación mejorará la situación (pero puede empeorar fácilmente con una implementación irreflexiva).
El pánico es inevitable
Ahora es la noche del 13 y todo está relativamente tranquilo. Solo un par de recursos especializados publicaron notas breves sobre la actualización, solo un par de clientes escribieron cartas entusiasmadas sobre el extraño comportamiento de PageSpeed Insights. Parece ser la calma antes de la tormenta.
En este momento está claro que la herramienta es inestable: las calificaciones de la misma página fluctúan dentro de los 20 puntos, a veces hay quejas sobre la imposibilidad de obtener la página del sitio que se está evaluando. En su opinión, algunos sitios en general no están disponibles, aunque a lo sumo se sienten geniales.
Obviamente, pronto mucha gente se apresurará a ver las evaluaciones de sus proyectos, cubriendo el servicio con un efecto habr internacional. Todo funcionará a través de la plataforma de tocones, fallará y asustará con las calificaciones de salto.
Esto no es fácil, pero trata de relajarte y mantener la calma. Lo primero que debe recordar es que la actualización de PageSpeed Insights no afecta los principios de clasificación en los resultados de búsqueda. La segunda: la actualización tardará al menos dos semanas en ejecutarse, corregirse y comenzar a funcionar de manera estable.
No haga movimientos bruscos , puede que tenga que hacerlos retroceder más tarde.
Reflexiones y Predicciones
Hay muchos aspectos positivos en estos cambios. El dominio de los antiguos PageSpeed Insights con sus recomendaciones obligatorias ha causado muchos problemas. En primer lugar, cualquier recomendación puede ser casi inútil en su situación específica. En segundo lugar, se puede implementar en detrimento de cosas más importantes, como el tiempo de generación de páginas. Pero no había otra opción: tenía que hacer todo esto para obtener una hermosa marca.
Por ejemplo, ¿cuál es la recomendación sobre minificar el código de la página html? En promedio, esta operación demora aproximadamente 100 ms, y este retraso diez veces anula cualquier beneficio posible de reducir el tamaño de la página. La única opción cuando esto puede ser beneficioso es si emite páginas preminificadas ya preparadas desde el caché.
En cualquier proyecto de los últimos años, se invirtió mucho esfuerzo en la optimización de imágenes, la minificación y la agrupación de recursos, el lanzamiento retrasado de JavaScript, que no rompería nada. Muy a menudo, esto desvió el foco de atención de la esencia: la velocidad del sitio para los visitantes. Internet estaba lleno de ejemplos de sitios de frenado con excelentes clasificaciones, así como de sitios rápidos que obtuvieron calificaciones bajas.
Ahora este oropel se caerá un poco. En las primeras pruebas, las evaluaciones con una agrupación de recursos de minificación y sin prácticamente no difieren. Las cosas realmente importantes se vuelven significativas: qué tan rápido responde el servidor y cuánto material pesado hay en la página. Todos los silbatos: los widgets de redes sociales, los mapas interactivos, los chats y las ventanas emergentes de lujo sonarán inexorablemente de acuerdo con la evaluación, ya que no los envuelve.
Es probable que todo esto conduzca a sitios realmente rápidos y a una comprensión de cómo crearlos. Al menos realmente quiero creerlo.
Nuevas métricas
Y para los más persistentes: un análisis detallado de las nuevas métricas que afectan la evaluación. Hay 6 de ellos, y tienen diferentes pesos en la formación del puntaje final. Vamos a revisarlos en orden decreciente de importancia.
1. Tiempo de descarga para la interacción.
Esta es la característica más importante y la más difícil. La marca de tiempo cuando la página está completamente lista para la interacción del usuario. Este momento llega cuando:
- página mostrada
- controladores de eventos registrados para los elementos más visibles
- la respuesta a las acciones del usuario es inferior a 50 ms
De hecho, la página debe dibujarse, no reducir la velocidad y estar lista para responder a las acciones.
2. Descargar índice de velocidad
Muestra con qué rapidez se puede ver el contenido de la página. Para la evaluación, se utiliza el módulo
Speedline .
Este es el momento en que la página en el navegador deja de cambiar visualmente. Para determinar el uso de la comparación cuadro por cuadro de la vista de página.
3. Tiempo de descarga del primer contenido.
Un indicador que determina el intervalo de tiempo entre el inicio de la carga de la página y la aparición de la primera imagen o bloque de texto.
4. Hora final de CPU
Este parámetro muestra el momento en que la secuencia de la página principal se vuelve lo suficientemente libre como para manejar la entrada manual. Este momento llega cuando:
- la mayoría de los elementos en la página ya son interactivos
- la página responde a las acciones del usuario en un tiempo razonable
- la respuesta a las acciones del usuario es inferior a 50 ms
La traducción al ruso de esta métrica pierde un poco su esencia. En el original, suena
First CPU Idle , el primer procesador simple. Pero esto no es del todo cierto. Esto implica un momento en la carga de la página, cuando básicamente puede responder a acciones, aunque continúa cargándose.
5. Tiempo de descarga para contenido suficiente
Este parámetro muestra el tiempo después del cual el contenido principal de la página se vuelve visible. Este momento llega cuando:
- el mayor cambio en la vista de la página ha sucedido
- fuentes cargadas
6. Tiempo estimado de retraso de entrada
Esta es la característica menos significativa. Muestra el tiempo en milisegundos que tarda una página en responder a las acciones del usuario durante los 5 s más ocupados de carga de la página. Si este tiempo supera los 50 ms, puede parecer a los usuarios que su sitio se está ralentizando.
Cada métrica se compara con el rendimiento de todos los sitios calificados. Si lo tienes mejor que el 98% de los sitios, obtienes 100 puntos. Si es mejor que el 75% de los sitios, obtienes 50 puntos.
A primera vista, estas métricas son muy vitales y será casi imposible engañarlas con manipulaciones sucias que en realidad no aceleran el sitio.
Hasta ahora, el principio de evaluar la versión móvil del sitio sigue siendo un misterio. Más bien, el principio es el mismo, pero a menudo los puntajes son significativamente más bajos. No está claro en qué configuración virtual del dispositivo móvil se están ejecutando.