Cada vez es más importante que las páginas web carguen rápido. Si no es así, son muchos los visitantes que las abandonan antes de examinar su contenido. Son varias las causas que inciden en este retraso.
Las prestaciones del servidor de alojamiento, los archivos CSS y JS, el peso de las imágenes, entre otros, son los motivos que provocan la lentitud. Por ello es conveniente tratar por todos los medios de optimizar todos estos aspectos.
Si disponemos de un sitio gestionado con WordPress, algo que es obligatorio es la instalación de un plugin de cache. En el CMS existen algunos complementos de este tipo, destacando en la lista W3 Total Cache, WP Super Cache y WP Fastest Cache, con versiones gratuitas de los mismos.
Hoy, el plugin de cache que ocupa el primer lugar del grupo es WP Rocket. Para conocerlo recomiendo leer ¿Cuál es el mejor plugin de caché para WordPress?, un artículo en el que hablo de las características que encierra dicho plugin.
Retrasar la ejecución de JavaScript
Uno de los grandes problemas que presentan muchas páginas a la hora de cargarse es la acción de varios archivos JavScript externos, como pueden ser los que se ocupan de enviar datos para la recopilación de visitas, como los que corresponden a Google Analytics. Y no son los únicos, lo mismo ocurre con Google Adsense, Facebook, Twitter, y otros.
En la versión 3.7 de WP Rocket se añadió a las opciones ya existentes una nueva, la que se ocupa de Retrasar la ejecución de JavaScript. Como se nos indica en la zona de activación: Mejora el rendimiento retrasando la carga de los archivos JavaScript hasta la interacción con el usuario (por ejemplo, desplazamiento, clic).
La activación de esta opción trae consigo un retraso en la carga de los archivos JavaScript externos, similar al que se produce con LazyLoad, es decir, con el retraso de la carga de imágenes y vídeos, que solo se muestran cuando los usuarios se desplazan hacia la parte inferior de la página abierta.
La nueva opción de WP Rocket está incluida en el apartado Optimizar archivos (Optimizar CSS&JS). Solo hay que activarla para que se ponga en acción. Se pueden hacer pruebas para comprobar si todo funciona perfectamente. En el caso de que se produzca algún fallo se recomienda añadir en la lista de exclusiones los que aparecen en la parte inferior de la zona.
A tener en cuenta
En Batiburrillo.net cargamos, entre otros JavaScript externos, los que corresponden a Google Analytics y a los anuncios de Google Adsense. Ello producía hasta ahora un cierta lentitud en la carga de las páginas.
Desde que hemos activado Retrasar la ejecución de Javascript en WP Rocket la velocidad de carga se ha incrementado notablemente, tal como mostramos en la imagen superior, correspondiente a GTmetrix.
Lo mismo ha ocurrido con PageSpeed y con Pingdom. En el primero obtenemos, por ejemplo, en el apartado de Ordenador una puntuación de 100, la misma que en dispositivos móviles, en la página principal. En el segundo, los resultados obtenidos son los siguientes:
Conclusión
Está claro que, si disponemos de un sitio web que implementa en el código varios scripts JS externos, es obligatorio instalar WP Rocket y activar la opción indicada. Veremos que los resultados son altamente satisfactorios.
