September 25, 2016

CSS en El Salvador: Estadísticas

Escribir CSS es fácil. Mantener CSS no tanto.

Hablar sobre arquitectura en CSS es cada vez más importante, sobre todo ahora que el desarrollo de sitios y aplicaciones web se vuelve cada vez más y más complejo. Temas como rendimiento y escalabilidad en CSS ya son parte importante del proceso de desarrollo web, por lo que surge la pregunta: ¿cómo se está escribiendo CSS en El Salvador?

En este primer artículo te presento algunas estadísticas sobre CSS que obtuve al analizar algunos de los sitios más visitados* de El Salvador utilizando CSS Stats:

Métrica elblog.com elsalvador.com lapagina.com.sv
Peso (Kb) 111 328 65
Reglas únicas 1,033 2,475 1,077
Selectores únicos 2,610 3,288 1,227
Colores únicos 19 95 46
Colores de fondos únicos 22 79 79
Tamaños de fuente únicos 28 74 30
Tamaño de regla maximo 24 27 15
Total de Media Queries 16 10 1
Total de archivos 2 66 6

328Kb de CSS

Según HTTTP Archive el peso promedio de CSS a nivel mundial ronda los 73Kb (sin comprimir). En El Salvador, el promedio de CSS en los sitios analizados ronda los 168Kb. elsalvador.com requiere 328Kb de CSS para poder ver su contenido.

16 Media Queries

A pesar que elblog.com tiene una estructura bastante simple (2 columnas), es interesante observar que son necesarias 16 declaraciones de Media Queries para poder visualizar su contenido en varios dispositivos.

66 archivos CSS

Más archivos de CSS externos significan más peticiones. Más peticiones significa una carga más lenta del contenido. Existen herramientas que permiten concatenar y minificar archivos de CSS para que solo sea necesario cargar un solo archivo, no 6. Mucho menos 66 archivos.

El objetivo son los usuarios (y nosotros)

Al final lo único que a un usuario le interesa es obtener el contenido rápido y accesible, pero tambien es importante tener en cuenta que el código que escribamos debe ser mantenido por alguien, por esa razón considero que es importante discutir este tipo de temas, no importando el tamaño o el volumen de tráfico que tengamos.

Lecturas recomendadas

* Datos hasta Septiembre 2016.