Cómo minimizar el HTML en WordPress

Minimizar HTML WordPress

En esta guía te explicaré cómo minificar el HTML en WordPress, una técnica con la que reduciremos considerablemente el peso de la web, lo que la hará más rápida.

Esto además mejora avisos de PageSpeed como el de "Reduce el tiempo de respuesta del servidor", puesto que al ser más ligera la primera petición o TTFB, que es la del HTML, se sirve antes.

Y el de "Evita tareas largas del hilo principal", dado que las peticiones HTML son más ligeras.

Es muy importante minificar el HTML, puesto que esta es la estructura o el esqueleto de la web.

Con la minificación lo que hacemos es eliminar lo que solo sirve a nivel de desarrollopero no sirve a la hora del diseño de la web.

Como por ejemplo espacios en blanco, saltos de linea, comentarios y otros contenidos en el código HTML.

O sea que coge un código como este:

<div>

<!-- Hola, soy un comentario que sólo ocupo espacio y ralentizo tu web -->

<h1>Esto es una cabecera</h1>

<p>Esto es un párrafo de ejemplo</p>

<p>Esto es un párrafo de ejemplo</p>

<p>Esto es un párrafo de ejemplo</p>

</div>

Y lo transforma en:

<div><h1>Esto es una cabecera</h1><p>Esto es un párrafo de ejemplo</p><p>Esto es un párrafo de ejemplo</p><p>Esto es un párrafo de ejemplo</p></div>

Esto hará que la web pese menos y sea más rápida.

Pero además, te ahorrará ancho de banda de tu hosting y CDN.

Vamos a ello.

P.D. Puedes aprender a optimizar WordPress gratis como WPOptimizers y recibir cada semana consejos de optimización probados para tener una web WordPress rápida, que mejorará su SEO y conversiones y acceso a herramientas, contenido exclusivo y soporte gratuito.

Cómo minificar el HTML en WordPress con plugin

Hay muchas formas de minimizar el HTML en WordPress y muchos plugins lo hacen, como por ejemplo W3 Total caché, pero es un plugin demasiado pesado.

Además, a la mayoría de plugins de caché les faltan muchas funciones importantes y no me gusta tener tantos plugins de optimización.

También se podría minimizar el HTML mediante algunos servicios de CDN, como por ejemplo Cloudflare, desde Speed - Optimización - Minificador automático, pero no me gusta depender de un servicio externo, además de que la minificación debería ser nativa.

Lo mejor que puedes hacer para ello es usar el plugin WP Rocket.

Debo darte una buena noticia y es que si usas WP Rocket, tu HTML ya está minificado nada más instalarlo, así que no debes hacer nada.

Es más, no hay ningún ajuste a configurar, instalar y listo.

Cómo minificar el HTML insertado

Otra cosa es el código HTML insertado que se cargue después y que por algún motivo no se minimice.

Por ejemplo, código HTML añadido en widgets, cargado mediante plugins, etc.

En este caso deberemos agregar el código ya minificado, mediante alguna herramienta como HTML Minifier.

Pones el código en la herramienta, le das a Minify y el código resultante lo pegas en el widget o plugin.

HTML Minifier

Vacía la caché

Después de cada tarea deberás de vaciar la caché.

Normalmente toca borrar la caché del hosting y plugin, pero te recomiendo leer mi guía de cómo borrar la caché en WordPress.

Conclusión

Como has podido ver, minificar el HTML en WordPress es una tarea sencilla, pero que puede requerir de más tareas que instalar un simple plugin.

Espero que esta guía te sea de utilidad y si tienes alguna duda, te espero en los comentarios.

Únete gratis a WPOptimizers y aprende a optimizar WordPress

Recibe cada semana consejos de optimización probados para tener una web WordPress rápida, que mejorará su SEO y conversiones y acceso a herramientas, contenido exclusivo y soporte gratuito.

    Únete gratis a WPOptimizers para comentar y aprender a optimizar WordPress.

    ¡Lo quiero!

    Si ya lo eres inicia sesión