Examine This Report on solucion a errores de page speed

Optimizar el Page Speed no solo impacta en el rendimiento del sitio, sino que ofrece una serie de beneficios significativos:

Avoid substantial structure shifts: hace referencia al cambio de diseño que se da una vez el navegador ha descargado todos los estilos y JavaScripts y puede renderizar el diseño ultimate. En la medida de lo posible, mostraremos este diseño remaining sin cambios de interfaz radicales desde el principio.

Eliminar los recursos que bloquean el procesamiento: estos incluyen secuencias de comandos, hojas de estilo e importaciones de HTML que la página web de destino está programada para obtener y ejecutar antes de que termine de cargar la página completa. 

Lighthouse filtra los objetos de escucha de diferentes hosts porque es probable que no tengas Command sobre estas secuencias de comandos.

Las CDN distribuyen tu contenido en varios servidores en todo el mundo, lo que permite que los usuarios accedan a tu página desde el servidor más cercano, mejorando así el tiempo de carga.

Habilitar la compresión de texto: si una página World-wide-web carga un script basado en texto o CSS con un tamaño de archivo grande, debe servirse con compresión para minimizar la carga de la pink. 

Cuando te desplazas por una página y la demora se make en que no se siente anclada a tu dedo, esto se denomina bloqueo de desplazamiento. Muchas veces, cuando te encuentras con un bloqueo de desplazamiento, la causa es un objeto de escucha de eventos táctiles. Los objetos de escucha de eventos táctiles suelen ser útiles para realizar un seguimiento de las interacciones del usuario y crear experiencias de desplazamiento personalizadas, como cancelar check here por completo el desplazamiento cuando se interactúa con un mapa de Google incorporado.

Aunque puede haber casos en los que no vaya ligado, lo ordinary es que un mayor número de elementos en DOM se vea reflejado en la cantidad de elementos noticeable en la página, por ejemplo una categoría donde se muestran 60 productos sin paginación de ningún tipo, tendrá previsiblemente un DOM de tamaño excesivo.

A groso modo y dando una explicación de andar por casa, los listeners u oyentes son aquellos scripts que se dedican a analizar estas demoras. Desde hace varias versiones de navegadores, se puede desactivar dichos oyentes para mejorar el rendimiento de demora, declarando dichos listeners como pasivos.

Al principio de Chrome 51, los objetos de escucha de eventos pasivos son un estándar World-wide-web emergente que proporciona un gran impulsor en el rendimiento del desplazamiento, especialmente en dispositivos móviles. Mira el siguiente online video para obtener una demostración en paralelo de las mejoras en acción:

Sin embargo, haciendo pruebas no he notado diferencias significativas en el rating de mis sitios en foundation a la velocidad de carga (hicimos pruebas durante todo el año)

Esta regla se activa cuando PageSpeed Insights detecta que el tiempo de respuesta del servidor es outstanding a two hundred ms. Información basic

Optimice el orden de carga de los archivos CSS y JavaScript cargados para garantizar primero los recursos críticos.

Actualmente, los navegadores no pueden saber si un objeto de escucha de eventos táctiles cancelará el desplazamiento, por lo que siempre esperan a que el objeto de escucha finalice antes de desplazarse por la página. Los objetos de escucha de eventos pasivos resuelven este problema permitiéndote establecer una marca en el parámetro selections de addEventListener para indicar que el objeto de escucha nunca cancelará el desplazamiento. Esa información permite que los navegadores se desplacen por la página de inmediato, en lugar de hacerlo después de que haya finalizado el objeto de escucha.