Muchos usuarios de tu página visitan tu página usando una conexión de red móvil lenta. Hacer que tu página se cargue rápidamente en una red móvil ayuda a garantizar una experiencia positiva para tus usuarios de dispositivos móviles.
Cómo falla la auditoría de velocidad de carga de la página de Lighthouse
Lighthouse marca las páginas que no se cargan lo suficientemente rápido en los dispositivos móviles:
Hay dos métricas principales que afectan la manera en que los usuarios perciben el tiempo de carga:
- Primera pintura significativa (FMP), que mide cuándo el contenido principal de la página aparece visualmente completo.
- Tiempo de carga (TTI): Mide cuándo la página es completamente interactiva.
Por ejemplo, si una página aparece visualmente completa después de 1 segundo, pero el usuario no puede interactuar con ella durante 10 segundos, es probable que los usuarios perciban que el tiempo de carga de la página es de 10 segundos.
Lighthouse calcula cuál sería el TTI en una conexión de red 4G lenta. Si el tiempo de carga es superior a 10 segundos, la auditoría falla.
Cómo mejorar tu nivel de rendimiento general
A menos que tengas un motivo específico para enfocarte en una métrica en particular, por lo general, es mejor enfocarse en mejorar tu puntuación de rendimiento general.
Usa la sección Oportunidades del informe de Lighthouse para determinar qué mejoras tendrán el mayor valor para tu página. Cuanto más significativa sea la oportunidad, mayor será el efecto que tendrá en tu puntuación de rendimiento. Por ejemplo, la captura de pantalla de Lighthouse que aparece a continuación muestra que eliminar los recursos de bloqueo de renderización producirá la mayor mejora:
Consulta la página de destino de las auditorías de rendimiento para obtener información sobre cómo abordar las oportunidades identificadas en tu informe de Lighthouse.
Recursos
- El código fuente de la auditoría La carga de la página no es lo suficientemente rápida en las redes móviles
- Lista de tareas para apps web progresivas de Baseline
- Ruta de acceso de renderización crítica
- Comienza a analizar el rendimiento del tiempo de ejecución
- Registra el rendimiento de carga
- Optimiza la eficiencia del contenido
- Rendimiento de la renderización