Porque y para que - Optimizacion avanzada de CSS ♛ Top Hosting

Visto 45422 veces

Si te gusta optimizar tus sitios al maximo habras notado que al validarlo en Webmaster Page Speed o GTmetrix suele aparecer una alerta para unificar archivos CSS y minificarlos. Si utilizas varios archivos CSS al momento de cargar el sitio se realizara una peticion http por cada archivo aumentando el tiempo de carga de la pagina y si el contenido esta minificado significa que no hay espacios en blanco, ni comentarios quedando el codigo ilegible pero mucho mas liviano disminuyendo el tiempo de carga del sitio. A continuacion encontraras un metodo algo complejo que te ayudara a tener un codigo legible, entregar un unico archivo CSS, minificado e incluso con contenido dinamico.

A codigo dinamico me refiero con agregar fragmentos de codigo CSS que sean modificados mediante srcipts regularmente. Esto serviria por ejemplo para incluir estilos de SPRITES generados dinamicamente. Osea si generas un SPRITE de las imagenes de las ultimas 10 publicaciones, cada sprite tendria un estilo tambien generado mediante php. Estos estilos puedes incluirlos en el mismo CSS.

La forma de implementar es sencilla pero deberemos editar el archivo .htaccess, los archivos CSS y si incluiras contenido dinamico deberas crear el codigo que genera css, tambien explicado aqui.

Visitar articulo completo sobre Optimizacion avanzada de CSS