Archivos CSS

[Tecna]

Buenas,

teniendo como meta conseguir que la página cargue lo más rapidamente posible, lo que se aconseja es cargar al principio sólo las partes necesarias para la primera visualización de la página y que ésta funcione correctamente. Aunque a veces la mejora obtenida con esta optimización no compensa, como por ejemplo en ficheros css con pocas reglas como ya se ha dicho antes. Caso distinto es el de los scripts, ya que la carga normal de los scripts paraliza la carga del resto de recursos de la página y bloquea la visualización de todo lo que esté por debajo. Por este motivo es importante cargar las hojas de estilo antes que los scripts.

Otra cosa importante a tener en cuenta es la eficiencia de los selectores, los selectores muy genéricos obligan al navegador a hacer muchas comprobaciones para aplicar el estilo con lo que se ralentiza la carga, y esto se acentúa si se modifican estilos con javascript. Además causaría un gran impacto en páginas con muchos elementos el tener que recorrer todo el DOM para buscar a que elementos aplicar cada estilo. Cuanto más específico sea el selector clave mejor. Por eso en cuanto a css es más importante este tema, creo, que dividir el código ya que la carga de ficheros CSS se hace en paralelo y no habría mucha diferencia, en cuanto a tiempo, de ser 2 a 1 fichero, ni el ahorro en kb sería mucho si el fichero css no tiene muchas reglas.