Cómo minificar el CSS, JS, HTML de tu sitio web

julio 6, 2017 como-minificar-el-css-js-html-de-tu-sitio-web-roiting.jpg

CSS, JavaScript y HTML son tres lenguajes diferentes para desarrollar páginas web. Cada uno de estos lenguajes tiene distintas aplicaciones y hacen que sea posible tener sitios web, indispensables para los negocios de hoy en día.

Estos sitios web pueden estar formados por pocos o muchos archivos. Si están formados por muchos archivos probablemente la web se vuelva más lenta, disminuyendo su velocidad de carga y generándole una mala experiencia al usuario.

Desde Roiting, nuestra agencia de marketing digital, te contamos en este artículo qué puedes hacer para evitarlo: minificar.

¿Qué es minificar y cómo hacerlo?

Minificar el CSS, Javascript o HTML se usa para que un servidor consuma menos recursos al cargar la web en cada una de las visitas que recibe. Minificando los archivos podrás conseguir un significativo ahorro en el peso total de carga de cada página de tu sitio web, lo que no solo supondrá una mejor experiencia para el usuario, sino también una mejora en su posicionamiento.

Para saber la velocidad de una web y comprobar los cambios realizados al minificar recomendamos utilizar la herramienta de Google: PageSpeed.

A modo general, minificar consiste en eliminar todos los espacios en blanco que contenga un archivo, una tarea muy pesada si se realiza de forma manual. Mejor utilizar ciertos programas online para realizarlo de forma más rápida.

Te presentamos un ejemplo donde el código CSS:

.body {

font-weight: 700;

font-size: 22px;

padding-top: 25px;

margin-bottom: 25px;

color: #117d05;

}

Se transforma en:

body{font-weight:700;font-size:22px;padding-top:25px;margin-bottom:25px;color:#117d05}

Programas para minificar

CSS

Para ello podemos utilizar programas como CSS Minifier o CSS Compressor.

JavaScript

Recomendamos utilizar el programa JS Compress.

HTML

Con los archivos HTML hay que tener más cuidado ya que nuestro sitio web podría dejar de funcionar si no se hace de forma adecuada, todo dependerá de si nuestro archivo HTML es dinámico o estático. Si se opta por minificar, se puede utilizar el programa HTML Minifier.

Plugins para minificar nuestro sitio web de WordPress

Si utilizas WordPress en tu  sitio y vas a minificar tus archivos puedes utilizar alguno de estos 5 plugins que te presentamos:

1. WP Super Cache

Wp Super Cache es de los mejores plugins para el tratamiento de la velocidad de carga. Se basa en el almacenamiento en la cache del navegador para reducir esta velocidad y así mostrar la web a los usuarios de manera mucho más rápida.

2. Autoptimize

Autoptimize es un plugin completamente gratuito que está en constante desarrollo. Las funcionalidades básicas del plugin incluyen la posibilidad de optimizar el código HTML, Javascript y CSS. Además, Autoptimize permite cachear todo este código optimizado para que no sea necesario optimizarlo cada vez que un visitante cargue el sitio web.

3. WP Fastest Cache

WP Fastest Cache es uno de los mejores plugins gratuitos para aquellos que están empezando con un blog en WordPress y que no quiere ‘complicarse’ con otros plugins más complejos u otros de pago. Este plugin permite realizar cache de página en disco, además tiene incluidas funcionalidades para minificar y combinar el código HTML, CSS y Javascript

4. W3 Total Cache

W3 Total Cache es un un plugin complejo en su configuración y muy potente de optimización. Es usado por la mayoría de desarrolladores y empresas porque mejora el rendimiento del servidor, reduce el tiempo de descarga y ofrece la integración de un CDN, entre otras cosas.

5. WP Rocket

Es un plugin de pago pero con unos resultados impresionantes. Como bien indican en su web, “cuando se pone en marcha el cohete, se dispara la optimización”. Dispone de almacenamiento en caché, reduce el peso de HTML, Java Script y CSS, haciendo que las imágenes solo se carguen cuando se tienen que mostrar al usuario, entre otras cosas. ¡Merece la pena!

¡Toda esta información te será muy útil para desarrollar páginas web optimizadas!

Roiting: Expertos en incrementar tu rentabilidad.

Deja un comentario

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

He leído, entiendo y acepto las condiciones aquí expuestas y el siguiente Aviso Legal.

A los efectos previstos en el Reglamento (UE) 2016/679 del Parlamento Europeo y del Consejo de 27 de abril de 2016 relativo a la protección de las personas físicas (RGPD), y la Ley Orgánica 15/1999, de 13 de diciembre, sobre Protección de Datos de Carácter Personal, se le informa que los datos personales proporcionados se incorporarán (o actualizarán) a los ficheros titularidad de ROITING MARKETING ONLINE S.L.U.
La finalidad del tratamiento de los datos será la de gestionar los datos de los clientes/usuarios que accedan al formulario de contacto de la página Web de la entidad.
Los datos personales solicitados en este documento son de carácter obligatorio, por lo que su no cumplimentación supone la imposibilidad de su inclusión en los ficheros antes descritos y de cumplir con la finalidad definida en el párrafo anterior. Ud. tiene derecho al acceso, rectificación, cancelación, oposición, limitación y portabilidad en los términos previstos en la Ley, que podrá ejercitar mediante correo electrónico a info@roiting.com