Evita enormes cargas útiles de red

Published on Updated on

Translated to: English, Português, 한국어, 中文, Pусский

Las grandes cargas útiles de red están altamente correlacionadas con tiempos de carga prolongados. También cuestan dinero a los usuarios; por ejemplo, los usuarios posiblemente tengan que 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 tus usuarios en tu sitio y sus billeteras.

Para ver cuánto cuesta el acceso a tu sitio en todo el mundo, consulta What Does My Site Cost? (¿Cuánto cuesta mi sitio?) De WebPageTest. Puedes ajustar los resultados para considerar el poder adquisitivo.

Cómo falla la auditoría Lighthouse de carga útil de la red

Lighthouse muestra el tamaño total en kibibytes (KiB) de todos los recursos solicitados por tu página. Las solicitudes más grandes se presentan primero:

Una captura de pantalla de la auditoría Lighthouse Evita enormes cargas útiles de red

Según los datos de HTTP Archive, la carga útil media de la red está entre 1,700 y 1,900 KiB. Para ayudar a que aparezcan las cargas útiles más altas, Lighthouse marca las páginas cuyas solicitudes de red totales superan los 5.000 KiB.

See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

Cómo reducir el tamaño de la carga útil

Trata de mantener tu tamaño total de bytes por debajo de los 1,600 KiB. Este objetivo se basa en la cantidad de datos que teóricamente se pueden descargar en una conexión 3G sin dejar de alcanzar un Time to Interactive (TTI): Tiempo para interactuar de 10 segundos o menos.

A continuación, se muestran algunas formas de reducir el tamaño de la carga útil:

Orientación de recursos tecnológicos específicos

Angular

Aplica la división de código a nivel de ruta para minimizar el tamaño de tus paquetes de JavaScript. Además, considera almacenar en caché los archivos con los service workers de Angular.

Drupal

Considera la posibilidad de utilizar Estilos de imagen adaptables para reducir el tamaño de las imágenes cargadas en tu página. Si usa Vistas 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 determinada.

Joomla

Considera mostrar extractos en las categorías de sus artículos (por ejemplo, a través de un enlace de "leer más"), 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 cargar comentarios de forma diferida.

WordPress

Considera mostrar extractos en tus listas de publicaciones (por ejemplo, a través de la etiqueta "más"), reducir la cantidad de publicaciones que se muestran en una página determinada, dividir tus publicaciones largas en varias páginas o usar un complemento para cargar comentarios de forma diferida.

Recursos

Código fuente para la auditoría Evita enormes cargas útiles de red

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.