Optimiza el código CSS de tu web en 2 clicks!

Hoy os traemos 3 aplicaciones online con las que conseguiréis optimizar el código CSS de vuestro blog en tan sólo 2 clicks! Tus visitantes notarán que tu web carga más rapido y además te ayudará a que tu web se posicione mejor en Google.

Antes del meollo, porqué es tan importante optimizar tu blog todo lo posible:

• Porque la web cargará más rápido y por tanto los usuarios que se iban porque tardaba en cargar 4s (por ejemplo), a lo mejor ahora no se van si carga en 2.5s. Sí, cada vez somos más impacientes navegando por internet y en USA hay estudios que afirman que el tiempo límite de carga de una web para que no se vaya el usuario es de 2s…
• Google anuncio, si no recuerdo mal, durante el año pasado, que la velocidad de carga en las webs es uno de los más de 200 factores que influyen en el posicionamiento orgánico (SEO): que no es que recortes 1s o tu web cargue en 0,6s y te pongas primero, no. Pero bueno es algo, que sobre todo en webs de carga lenta (+4s) quizás si que llegue a apreciarse por sí mismo.

y las 3 Herramientas que os proponemos son:

Clean CSS: En nuestra opinión, la mejor de las 3 aplicaciones que os presentamos. Tiene multitud de opciones y niveles de compresión, casi idénticas a las de CSS Tidy y es la que más compresión consigue, y no he observado fallos con los archivos que genera cuando lo he probado. De 10!

CSS Tidy: Esta es la herramienta original de la que partió Clean CSS, y la verdad es que funciona impecablemente bien. Tiene multitud de opciones y niveles de compresión: por ejemplo cuando aún se está creando el diseño, conviene no usar la opción High (for production), ya que comprime al máximo, pero luego editar el archivo es un infierno. Mientras no estés seguro de que a tu código CSS sólo le falta comprimirse, mejor las opciones Low/Medium que no te lo machacan tanto. Opciones para que te comprima el código pegándolo en una caja de texto, subiendo un archivo o indicando una URL que esté online, el resultado es el mismo.

Fullservices: Esta herramienta es de reciente creación y la han creado unos usuarios de Forobeta, que la publicitaron en un post. No tiene las mismas funcionalidades que las dos anteriores, pero seguro que la van mejorando poco a poco y es de agradecer el esfuerzo que se toma la gente en desarrollar aplicaciones open source ;)

La optimización de tu web no debería consistir únicamente en optimizar los archivos CSS, sino en todos aquellos elementos susceptibles de ser comprimidos (con gzip por ejemplo). Si echáis un ojo al post sobre optimizar la velocidad de carga de tu web y comprobáis vuestro blog, os dirá automáticamente qué elementos y de qué forma se pueden mejorar, comprimir o eliminar para minimizar el tiempo total de carga. En breve os informaremos de otras apps para optimizar el HTML y otros factores para que vuestra web o blog carguen aún más rápido y no saturéis vuestro servidor web gratuitamente