En este tutorial seguiremos mejorando nuestra nota de Google PageSpeed Insights. Si el otro día ya vimos cómo minificar el CSS de nuestras hojas de estilo, esta vez toca minificar JavaScript de nuestros archivos.
Antes de nada, tendremos que comprobar qué archivos Google PageSpeed Insights nos recomienda minificar:
Si nos sale la recomendación de «Minificar JavaScript», tendremos que ver qué archivos hay que corregir. Nos aparecerá si clickamos en «Mostrar cómo corregirlo»:
Tendremos que saber qué archivos específicos hay que comprimir. En la mayoría de veces, habrá dos tipos de archivos:
- JavaScript del tema: estarán situados en «wp-content/themes/mi-tema».
- JavaScript de los plugins: algunos plugins también tienen sus archivos de JavaScript. Se encuentran en «wp-content/plugins/mi-plugin».
En cualquier de los dos casos, nos dirigiremos en nuestro servidor FTP y abriremos todos los archivos que nos indique Google PageSpeed
Minificar JavaScript sin plugins
El procedimiento es el mismo que aplicamos cuando minificamos el CSS en otro tutorial.
Para ello, iremos a nuestro servidor FTP (mediante Coda o FileZilla) y abriremos los archivos que hay que comprimir.
Una vez tenemos el código JavaScript, lo copiaremos y lo comprimiremos con la aplicación web JSCompress.
Cuando lo tengamos listo, pulsaremos el botón «Compress JavaScript» y nos devolverá el mismo código pero comprimido.
¿Qué hay que hacer con este código comprimido? Fácil, lo reemplazaremos por el código que tenemos actualmente de nuestro archivo. Guardaremos y subiremos los cambios a nuestro FTP.
Cómo podemos apreciar, el código ya no tiene espacios y está comprimido para que le guste a Google.
Verificar la compresión JavaScript en Google PageSpeed
Una vez hemos comprimido todos nuestros archivos JavaScript que nos indicaba PageSpeed, volveremos a la herramienta de Google para verificar que ya están comprimidos.
Si lo hemos hecho correctamente, no saldrá más la advertencia de Minificar JavaScript. Por lo contrario, si le damos a «Mostrar detalles» en «Optimizaciones que ya se aplican» deberá salir la verificación de que el JavaScript ya está minificado.
¡Y esto es todo! Unos puntos más que añadirle a nuestra puntuación de Google PageSpeed.
Si queréis ver más tutoriales de cómo corregir todas las recomendaciones de Google PageSpeed, no dudéis en pedirlo contactando conmigo.