Las cargas útiles de red de gran tamaño están altamente correlacionadas con tiempos de carga prolongados. También les cuestan dinero a los usuarios. Por ejemplo, es posible que deban pagar por más datos móviles. Por lo tanto, reducir el tamaño total de las solicitudes de red de tu página es bueno para la experiencia de los usuarios en tu sitio y sus billeteras.
Cómo falla la auditoría de carga útil de red de Lighthouse
Lighthouse muestra el tamaño total en kibibytes (KiB) de todos los recursos que solicita tu página. Las solicitudes más grandes se presentan primero:
Según los datos de HTTP Archive, la carga útil de red promedio está entre 1,700 y 1,900 KiB. Para mostrar las cargas útiles más altas, Lighthouse marca las páginas cuyas solicitudes de red totales superan los 5,000 KiB.
Cómo reducir el tamaño de la carga útil
Intenta mantener el tamaño total en bytes por debajo de 1,600 KiB. Este objetivo se basa en la cantidad de datos que se pueden descargar, en teoría, en una conexión 3G mientras se obtiene un Tiempo de carga de 10 segundos o menos.
Estas son algunas formas de reducir el tamaño de la carga útil:
- Aplaza las solicitudes hasta que sean necesarias. Consulta el patrón de PRPL para obtener un enfoque posible.
- Optimiza las solicitudes para que sean lo más pequeñas posible. Entre las técnicas posibles, se incluyen las siguientes:
- Almacenar solicitudes en caché para que la página no vuelva a descargar los recursos en visitas repetidas Consulta la página de destino de confiabilidad de red para obtener información sobre cómo funciona el almacenamiento en caché y cómo implementarlo.
Orientación específica de la pila
Angular
Aplica la división de código a nivel de la ruta para minimizar el tamaño de los paquetes de JavaScript. Además, considera almacenar previamente los recursos en caché con el service worker de Angular.
Drupal
Se recomienda usar estilos de imágenes responsivas para reducir el tamaño de las imágenes que se cargan en la página. Si usas Views para mostrar varios elementos de contenido en una página, considera implementar la paginación para limitar la cantidad de elementos de contenido que se muestran en una página en particular.
Joomla
Considera mostrar extractos en tus categorías de artículos (una solución popular es un vínculo de "Más información"), reducir la cantidad de artículos que se muestran en una página determinada, dividir tus publicaciones largas en varias páginas o usar un complemento para la carga diferida de comentarios.
WordPress
Considera mostrar extractos en tus listas de entradas (puedes usar la etiqueta "más"), reducir la cantidad de entradas que se muestran en una página determinada, dividir tus entradas más largas en varias páginas o usar un complemento para diferir la carga de los comentarios.
Recursos
Código fuente para la auditoría de Evitar cargas útiles de red de gran tamaño