Cómo limitar el tamaño del archivo CSS

Hay varias estrategias diferentes que puede utilizar para reducir el tamaño de un Cascading Style Sheets ( CSS) . La mayoría tienen que ver con la eliminación de redundancias y la maximización de la eficiencia de todo . Archivos CSS pueden conseguir grandes, especialmente para un sitio web con un diseño complejo , y el tamaño del archivo CSS puede convertirse en un factor importante en la velocidad a la que se carga una página web . Mediante el empleo de algunas técnicas de sentido común , sin embargo, usted puede reducir al mínimo el tamaño del archivo CSS para las cargas de página web tan pronto como sea 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 para las visitas siguientes a la web , en lugar de descargar una y otra vez como lo sería si se tratara de una parte del archivo HTML.
2

Uso 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 se pueden enumerar de forma individual , o pueden combinarse en algo así como "background : # fff no repetición 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 , puedes combinarlos como este ", h1, h2 { diversas configuraciones de estilo } , " por lo que no tiene que escribir todos los ajustes de estilo de doble < . br> 4

Utilice los códigos de color hexadecimal acortados en lugar de los códigos de todo color hexadecimales. Por ejemplo, tanto el código de color hexadecimal # FFFFFF y el código # FFF denotan blanco.
5

eliminar los saltos de línea innecesarios del archivo CSS. Es una práctica común para enumerar varios line propiedades de un elemento por línea, pero esto no es necesario. Si el tamaño del archivo es una preocupación, las diversas propiedades de los elementos se pueden enumerar en una larga fila, separada sólo el punto y coma de costumbre. Esto puede hacer que el archivo CSS más difícil para las personas que lean , pero los navegadores web tienen ningún problema con este estilo más truncada.
6

eliminar 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 el resto de personajes sólo hacen que el archivo CSS más grande de lo que debe ser.