Comprimir el CSS y los scripts y mostrar contenido en GZIP

Tiempo estimado de lectura: 7 minutos

 

Comprimir el CSS y los scripts y mostrar contenido en GZIP

Hoy vamos a ver cómo podemos comprimir el css, los scripts, y en última instancia, obligar a nuestro WordPress a servir el contenido en modo GZIP.

Continuando con el tema de mejorar la velocidad de carga de nuestra web sin utilizar plugins, una de las primeras cosas que debemos hacer es comprimir los archivos css y los que tengan algún tipo de script (los .js). Esto es fundamental para ganar un poco más de velocidad de carga para nuestra página web.

Comprimir el CSS y los scripts mediante un plugin

Si quieres utilizar un plugin para realizar estas opciones, puede usar uno de los mejores que existen en el mercado, se trata de Autoptimize.

Su funcionamiento es muy sencillo, una vez instalado y activado el plugin, vamos a Ajustes, Autoptimize. Aquí bastaría con que tuvieras marcadas las casillas de ¿Optimizar el código HTML?, ¿Optimizar el código JavaScript? Y ¿Optimizar el código CSS?.

En principio no necesitarías nada más, así que no toques nada 😉

Te recuerdo que este artículo sirve para que no tengas que utilizar plugins para hacer ciertas acciones, y que puedas llevarlas a cabo mediante código. No quiero hacer un artículo para aprender a utilizar Autoptimize.

Comprimir el CSS y los scripts: activar las opciones necesarias en Autoptimize
Comprimir el CSS y los scripts: activar las opciones necesarias en Autoptimize

Comprimir el CSS y los scripts mediante código

Una vez que ya tenemos claro que comprimir ciertas cosas en nuestro WordPress, hace que este cargue más rápidamente, vamos a ver el código que podemos utilizar para comprimir el CSS y los scripts (también forzaremos a que comprima la web en GZIP y nos sirva dicho contenido comprimido).

El código que vamos a utilizar es el siguiente:

define( 'COMPRESS_CSS', true );
define( 'COMPRESS_SCRIPTS', true );
define( 'CONCATENATE_SCRIPTS', true );
define( 'ENFORCE_GZIP', true );

Como puedes ver, el código es muy sencillo, además de comprimir el código CSS y los scripts, también activa una opción que concatena los scripts. Esta opción hace que los scripts se carguen mediante una única solicitud o llamada.

Hay que tener cuidado con la concatenación de scripts, porque a veces da problemas. Si no estás seguro de esto, te recomiendo que no utilices esa línea, con lo que el código que deberías utilizar es este:

define( 'COMPRESS_CSS', true );
define( 'COMPRESS_SCRIPTS', true );
define( 'ENFORCE_GZIP', true );

Ya has visto lo sencillo que es mejorar la carga de tu WordPress con tres simples líneas de código.


¿Qué te ha parecido el artículo?. Házmelo saber en los comentarios que tienes más abajo. Estoy deseando leerte.

Por último, si crees que este artículo puede ser interesante para algún amigo tuyo, te agradecería enormemente que lo compartieras con él y con todo el mundo a través de las Redes Sociales.

Puntúa este artículo:
[Total: 0 - Promedio: 0]

Puede que también te interese...

Deja un comentario

Información básica sobre protección de datos
Responsable: Jose González Bueno.
Finalidad: Moderación y publicación de comentarios.
Destinatarios: No se comunican datos a terceros, salvo por imperativo legal.
Derechos: Tienes derecho a acceder, rectificar, exportar y suprimir tus datos.

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

He leído y acepto la política de privacidad de este sitio. *