Informe anual sobre el estado de la Web de HTTP Archive

El Archivo HTTP examinó más de 7 millones de sitios web y compiló su informe anual que detalla cómo se construyeron los sitios. Y hay una enorme riqueza de información sobre cómo cambió la web en 2020. De hecho, este informe se parece más a un libro enorme y es completamente fabuloso. Los datos provienen de consultas al Archivo HTTP y se dividen en varias secciones, como Rendimiento, Seguridad y los mismos lenguajes, incluida la forma en que la gente escribió HTML o CSS.

Esto es lo que dice el informe sobre el CSS que escanearon:

Si bien JavaScript supera con creces a CSS en su participación en el peso de la página, CSS ciertamente ha crecido en tamaño a lo largo de los años: la página de escritorio carga promedio 62 KB de código CSS y 1 de cada 10 páginas carga más 240 KB de código CSS. Las páginas móviles utilizan un poco menos de código CSS en todos los percentiles, pero sólo entre 4 y 7 KB. Si bien esto es definitivamente mayor que en años anteriores, no se acerca a la enorme media de JavaScript de 444 KB y al 10% superior a 1,2 MB.

¡Jade querido! Y aquí hay información impactante a continuación:

[…] sólo alrededor del 7% de las páginas concentran todo su código CSS en una hoja de estilo remoto, como a menudo nos enseñan a hacer. De hecho, la página mediana contiene 3 styleelementos y 6 (!) hojas de estilo remoto, y el 10% de ellas contiene más de 14 styleelementos y más de 20 archivos CSS remotos. Si bien esto no es óptimo en computadoras de escritorio, realmente mata el rendimiento en dispositivos móviles, donde la latencia de ida y vuelta es más importante que la velocidad de descarga bruta.

En cierto modo quiero citar toda la sección sobre CSS específicamente porque hay muchos datos interesantes que muestran cómo nosotros, como comunidad, tenemos mucho trabajo por hacer para mejorar el rendimiento y difundir la buena palabra sobre la optimización de CSS.