New Step by Step Map For solucion a errores de page speed

New Step by Step Map For solucion a errores de page speed

Blog Article

Lighthouse marca los objetos de escucha de eventos que pueden retrasar el desplazamiento de la página:

El FCP mide el tiempo que le tomó al navegador mostrar el primer texto o cargar la primera imagen, que también puede ser la imagen de fondo o un SVG. Este valor debería mostrar aproximadamente cuándo el usuario podría interactuar con el sitio World-wide-web por primera vez. 

Imágenes grandes o no optimizadas: Cambie el tamaño y comprima las imágenes manteniendo la calidad. Utilice formatos de imagen e implemente la carga diferida para mejorar la velocidad de la página.

Verifique periódicamente si hay enlaces rotos: utilice herramientas como Google Research Console, Screaming Frog o verificadores de enlaces en línea para identificar enlaces rotos en su sitio Website. Una vez identificados, corrija o actualice estos enlaces para que apunten a contenido relevante.

Usar redes de entrega de contenido (CDN): Distribuya contenido estático entre varios servidores mediante CDN. Esto minimize la latencia al entregar contenido desde los servidores más cercanos a los usuarios.

¿Y qué puedes hacer al respecto? Pues resulta que tienes en tus manos la herramienta perfecta para cambiar esto: Google PageSpeed Insights.

Este apretón de manos es vital porque es la forma en que tu aplicación y la base de datos inician su conversación.

Para dejar las cosas claras, no hay un objetivo absoluto que debas alcanzar que te permita tener la velocidad perfecta del sitio. Estas cifras que proporciona PageSpeed Insights son simplemente referenciales de dónde creen que deberías estar para ser considerado bueno o excelente. 

Habilita la compresión de texto: la utilización de sistemas de compresión como Gzip, deflate o Brotli ayuda mucho a website reducir el peso de la información en tránsito desde el servidor a tu navegador. A menos peso mayor velocidad Internet.

Un ejemplo notable es el caso de Walmart, que experimentó un aumento del 2% en las conversiones por cada millonésimo de segundo que lograron reducir en la carga de su página.

La experiencia de navegación del usuario está determinada entre otras por la velocidad de carga (peso de la Internet) y la usabilidad del contenido mostrado. Por eso los resultados para cada tipo de dispositivo pueden variar mucho.

Me ha surgido la duda si estas optimizaciones ya las has implementado en tu web? Es que con nueva actualización de LightHouse parece bastante más complicado obtener buena valoración, verdad?

Cualquier momento que sea de shade verde se considera excelente y no es necesario realizar cambios. Incluso si el colour es naranja, lo más possible es que esté en un buen lugar y es posible que desees modificar algunas cosas en tu sitio Website para mejorar los tiempos de carga. 

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 options 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.