Optimización de la eficiencia del contenido

Nuestras aplicaciones web siguen creciendo en alcance, ambición y funcionalidad, lo que es positivo. Sin embargo, el avance incesante hacia una Web más enriquecida está impulsando otra tendencia: la cantidad de datos que descarga cada aplicación sigue aumentando a un ritmo constante. Para ofrecer un gran rendimiento, debemos optimizar la entrega de cada byte.

¿Cómo se ve una aplicación web moderna? HTTP Archive puede ayudarnos a responder esta pregunta. El proyecto hace un seguimiento de cómo se construye la Web mediante el rastreo periódico de los sitios más populares (más de 300,000 de la lista de Alexa Top 1M) y el registro y la agregación de estadísticas sobre la cantidad de recursos, los tipos de contenido y otros metadatos para cada destino individual.

Tendencias de HTTP Archive

Percentil 50 Percentil 75 Percentil 90
HTML 13 KB 26 KB 54 KB
Imágenes 528 KB 1,213 KB 2,384 KB
JavaScript 207 KB 385 KB 587 KB
CSS 24 KB 53 KB 108 KB
Otro 282 KB 308 KB 353 KB
Total 1,054 KB 1,985 KB 3,486 KB

Los datos anteriores capturan la tendencia de crecimiento de la cantidad de bytes descargados para destinos populares en la Web entre enero de 2013 y enero de 2014. Por supuesto, no todos los sitios crecen al mismo ritmo ni requieren la misma cantidad de datos, por lo que destacamos los diferentes cuantiles dentro de la distribución: 50 (mediana), 75 y 90.

Un sitio promedio a principios de 2014 se compone de 75 solicitudes que suman 1,054 KB de bytes transferidos totales, y la cantidad total de bytes (y solicitudes) creció a un ritmo constante durante el año anterior. Esto no debería ser una sorpresa, pero tiene implicaciones importantes en el rendimiento: sí, las velocidades de Internet son cada vez más rápidas, pero lo son a diferentes ritmos en diferentes países, y muchos usuarios aún están sujetos a límites de datos y planes medidos costosos, especialmente en dispositivos móviles.

A diferencia de sus contrapartes de escritorio, las aplicaciones web no requieren un proceso de instalación independiente: ingresa la URL y ya estamos en funcionamiento, esa es una característica clave de la Web. Sin embargo, para que esto suceda, a menudo tenemos que recuperar decenas, y a veces cientos, de recursos diversos, todos los cuales pueden sumar megabytes de datos y deben unirse en cientos de milisegundos para facilitar la experiencia web instantánea que buscamos.

Lograr una experiencia web instantánea teniendo en cuenta estos requisitos no es una tarea sencilla, por lo que es fundamental optimizar la eficiencia del contenido: eliminar las descargas innecesarias, optimizar la codificación de transferencia de cada recurso a través de varias técnicas de compresión y aprovechar el almacenamiento en caché siempre que sea posible para eliminar las descargas redundantes.