Consejo de Desarrollador: Comprime tus CSS y JS

Hay un tema muy importante que debes de conocer, y es que tu sitio Web debe cargar lo más rápido posible. Hay muchas técnicas para optimizar tu sitio Web y herramientas para visualizar tu carga, una de mis favoritas es la de Google:

http://developers.google.com/speed/pagespeed/insights/

Bien, el consejo de este día es el siguiente: Comprime todo tu código de hoja de Estilo CSS, y código Javascript, y mantelo separados. A continuación los enlaces:

Para comprimir CSS: Elimina comentarios, espacios en blanco, deja todo en una sóla linea

http://cssminifier.com/

Para comprimir JS: Elimina comentarios, espacios en blanco, deja todo en una sóla linea

http://javascript-minifier.com/

http://javascriptcompressor.com/

Debes de guarda tus códigos originales en la misma carpeta donde pondrás tus códigos comprimidos, para que cuando hagas cambio en tiempo de desarrollo, puedas trabajar con esos archivos, y ya cuando pases a Producción, comprimes todo tu código.

Para ello, trata de ponerle un nombre a tus archivos.

Ejemplo:

Código Original: stylos.css, reset.css, index.js

Código Comprimidio: stylos.min.css, reset.min.css, index.min.js

Luego de comprimir mis códigos…

Ten en cuenta lo siguiente, la estructura de tu código HTML debe ser así:

Porque hacemos esto?
Por la sencilla razón que lo primero que ve el usuario es el diseño, asi que las hojas de estilos debe de cargar primero, ya luego debe de cargar tus javascript, para que de esa manera sea más rápido el tiempo de carga de tu sitio Web.

Espero haberte ayudado, no olvides dejarnos tus comentarios, estaré para ayudarte en lo que pueda.

Daniel Mendoza Ponce
Ingeniero de Sistemas e Informático, con una amplia experiencia en el mundo del Marketing Online, así mismo, es creador de diversos portales Webs, y desarrollador de Sistemas.

2 thoughts on “Consejo de Desarrollador: Comprime tus CSS y JS

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *