Slider Revolution es un plugin muy popular en lo que se refiere a la creación de pases de diapositivas de imagen y vídeo en webs WordPress, de hecho viene incluido en la mayoría de temas premium que puedes encontrar en Themeforest.
Aunque arrastra una fama histórica de ser un enorme consumidor de recursos, y de ralentizar los tiempos de carga de las webs en las que está activo, la realidad es que los últimos años ha mejorado mucho en lo que se refiere al rendimiento, y actualmente tiene ajustes propios que permiten optimizar la carga de los slides, y que no afecte a otras páginas de tu sitio.
WP Rocket, por su parte, es un fantástico plugin de caché y optimización que permite mejorar los tiempos de carga de prácticamente cualquier web mediante la gestión de recursos del sitio y, de este modo, obtener importantes mejoras en la velocidad de carga y experiencia de usuario, medible mediante la métricas web principales de Google.
WP Rocket y Slider Revolution ¿pueden convivir?
Ahora bien, ¿podemos usar conjuntamente WP Rocket y Slider Revolution?, ¿se romperá algo?, ¿funcionan los sliders si activo las optimizaciones de WP Rocket?, ¿son compatibles las optimizaciones internas de Slider Revolution con las que puedo aplicar con WP Rocket?
La respuesta corta es que, sí, puedes usar conjuntamente WP Rocket y Slider Revolution y conseguir ofrecer al mismo tiempo unos carruseles de imágenes impactantes, sin que estos ralenticen excesivamente la velocidad de carga de tus páginas.
Las optimizaciones de Slider Revolution
Para empezar, Slider Revolution entrega sus recursos de manera minimizada, por lo que no afectan a los tiempos de carga, aunque se procesen de manera temprana. Además, desde los ajustes de Slider Revolution puedes (y debes) especificar en qué páginas cargar sus recursos y en cuáles no, puedes activar la caché propia del plugin, incluso alojar localmente las fuentes del plugin y, para terminar, pero no por ello menos importante, en el editor de diapositivas puedes optimizar los recursos utilizados en cada una de manera automática.
Todo esto y más lo expliqué en el tutorial de cómo optimizar Slider Revolution sin plugins adicionales, pero ¿qué pasa cuando además tienes instalado WP Rocket para optimizar el conjunto de tu web?
Las optimizaciones de WP Rocket
Entre los muchos ajustes que ofrece WP Rocket para optimizar tu web hay algunos de ellos que pueden impedir que se carguen correctamente los carruseles de imágenes o vídeo de Slider Revolution.
Slider Revolution requiere de ciertos archivos JavaScript que, en caso de que algún ajuste de WP Rocket aplace su carga, puede provocar que simplemente no se vea el slider, o que cargue mal.
Como Slider Revolution hemos visto que puede configurarse para que solo cargue sus recursos JavaScript donde realmente sea necesario, para una convivencia aceptable entre ambos plugins debemos indicar a WP Rocket qué archivos JavaScript no puede aplazarse su carga mediante sus optimizaciones.
De este modo seguiremos optimizando toda la web pero, aplicando excepciones necesarias para que funcione Slider Revolution.
Cómo configurar WP Rocket para Slider Revolution
Visto todo lo anterior, hay una serie de ajustes que debemos hacer en la configuración de WP Rocket para que pueda convivir con Slider Revolution…
Excluir archivos JavaScript de la carga diferida
En la sección de ajustes de optimización de archivos de WP Rocket debes ir al apartado denominado «Cargar archivos JavaScript de manera diferida»
En el ajuste verás una caja en la que incluir aquellos archivos JavaScript que quieras excluir de la optimización, y debes añadir lo siguiente:
/jquery-?[0-9.]*(.min|.slim|.slim.min)?.js /wp-includes/js/jquery/jquery-migrate.min.js
Tras lo cual quedará así la caja:
Guarda cambios tras añadir estas excepciones.
Retrasar la ejecución de JavaScript
A continuación debemos también excluir varios archivos de Slider Revolution en la siguiente sección de esta misma pantalla de ajustes de WP Rocket, en la denominada «Retrasar la ejecución de JavaScript».
En esta ocasión, en la caja de exclusión de archivos JavaScript debemos añadir lo siguiente:
/jquery-?[0-9.]*(.min|.slim|.slim.min)?.js /wp-includes/js/jquery/jquery-migrate.min.js /plugins/revslider/public/assets/js/ setREVStartSize rev_slider_ revslider_
La caja quedará así:
De nuevo, guarda los cambios.
¡Ya está!
Con estos 2 cambios, si configuras correctamente Slider Revolution, conseguirás que WP Rocket mejore la velocidad de carga de toda tu web, al mismo tiempo que no interfiere en el funcionamiento de Slider Revolution.
El artículo Cómo optimizar Slider Revolution con WP Rocket sin romper la web lo publicó Fernando Tellado previamente en Ayuda WordPress. Lo que ves aquí es una copia de dicho contenido :/
0 Commentaires