Cómo limitar el tamaño del archivo CSS

Hay varias estrategias diferentes que puede utilizar para reducir el tamaño de un archivo de hojas de estilo en cascada (CSS). La mayoría se ocupan principalmente de la eliminación de redundancias y la maximización de la eficiencia. archivos CSS pueden obtener grandes, especialmente para un sitio web con un diseño complejo, y el tamaño del archivo CSS pueden convertirse en un factor importante en la velocidad a la que un sitio web de cargas. Mediante el empleo de algunas técnicas de sentido común, sin embargo, se puede minimizar el tamaño del archivo CSS por lo que las cargas del sitio web lo más rápido posible.

Instrucciones

1 Crear un archivo CSS externo en lugar de utilizar código CSS en línea en el archivo HTML. Esto es lo que el archivo CSS se almacenan en caché por el navegador Web en posteriores visitas a la página web, en lugar de descargar una y otra vez como lo sería si fuera parte del archivo HTML.

2 Utilizar los diversos códigos CSS en forma abreviada en lugar de enumerar las propiedades individuales de un elemento. Por ejemplo, los diversos elementos de un fondo, como "background-color: #fff;", "background-repeat: no-repeat;" y "background-position: 0 0;" todos pueden ser la designación individual, o que se pueden combinar en algo así como "background: #fff no se repita 0 0;" que es mucho menos código y reduce el tamaño del archivo.

3 elementos del grupo juntos que tienen los mismos ajustes de estilo. Por ejemplo, si sus elementos h1 y h2 sus elementos tienen los mismos ajustes de estilo, se pueden combinar como esta, "H1, H2 {distintas configuraciones de estilo};" por lo que no tiene que escribir todos los parámetros de estilo dos veces.

4 Utiliza los códigos de colores hexagonales acortadas en lugar de los códigos a todo color hexagonales. Por ejemplo, tanto el color hex código #FFFFFF y la #FFF código denotan blanco.

5 Eliminar cualquier tipo de saltos de línea innecesarios del archivo CSS. Es una práctica común a la lista de un elemento diversas propiedades de la línea por línea, pero esto no es necesario. Si el tamaño del archivo es una preocupación, las distintas propiedades de los elementos se pueden enumerar en una línea larga, separados sólo el punto y coma habitual. Esto puede hacer que el archivo CSS más difícil para los seres humanos leer, pero los navegadores web no tendrá ningún problema con este estilo más truncada.

6 Eliminar los caracteres superfluos de sus comentarios. Muchos programadores utilizan caracteres adicionales en torno a un comentario que hacer un comentario destacan más por lo que es fácil de encontrar. Esto no es necesario, sin embargo, y los caracteres adicionales solamente hacer el archivo más grande de lo que debe ser la CSS.