Lo más destacado del complemento Divi: Divi Rocket

La velocidad de carga del sitio web es crucial para mantener un excelente SEO y reducir la tasa de rebote de un sitio web. Hay muchos complementos de almacenamiento en caché disponibles que pueden mejorar el rendimiento, pero la mayoría de los complementos de almacenamiento en caché son genéricos. Trabajan con las configuraciones principales para la mayoría de los temas en lugar de enfocarse en necesidades o características específicas de un tema. Ahora, hay un complemento de almacenamiento en caché que fue diseñado específicamente para Divi.

Divi Rocket es un complemento de terceros que fue diseñado para ser "compatible con Divi". Está familiarizado con el funcionamiento de Divi y con las secciones y módulos de Divi. Sabe qué almacenar en caché y qué verificar en una página Divi cuando se regenera la caché. En este artículo, echaremos un vistazo a Divi Rocket, veremos lo que puede hacer y veremos qué tan fácil es de usar.

Instalación y Activación

Antes de poder usar Divi Rocket, debe ingresar su clave de licencia. Vaya a Divi > Divi Rocket en el menú del tablero. Una vez que active el complemento, las pestañas del menú se desbloquearán donde puede hacer selecciones y realizar tareas.

El diseño del menú es similar al diseño del menú Divi. Parece elegante, pero también es fácil de entender y seguir (a diferencia de algunos complementos de almacenamiento en caché que tienen demasiadas configuraciones que son difíciles de seguir y configurar). También agrega un menú a la barra de administración donde puede borrar el caché de la publicación actual (al ver el sitio desde la interfaz), todo el caché y ver la configuración.

Tareas

La pestaña Tareas incluye 12 tareas que optimizan o eliminan archivos. Las tareas incluyen:

1. Optimizar tablas
2. Eliminar publicaciones de revisión de publicaciones
3. Eliminar borradores automáticos de publicaciones
4. Eliminar publicaciones en la papelera
5. Eliminar spam o comentarios enviados a la papelera
6. Eliminar comentarios no aprobados
7. Eliminar pingbacks y trackbacks
8. Eliminar metadatos de publicaciones huérfanas
9. Eliminar metadatos de comentarios huérfanos
10. Eliminar datos de relaciones huérfanas
11. Eliminar metadatos de usuarios huérfanos
12. Eliminar metadatos de términos huérfanos

Cada tarea muestra la cantidad de elementos que se eliminarán. Seleccione la tarea o tareas que desea completar y haga clic en Procesar tareas seleccionadas. Optimizar tablas es especialmente interesante. Es una optimización de base de datos diseñada específicamente para Divi. Una vez que ejecuta las tareas, muestra si cada una fue un éxito o si no se realizaron optimizaciones.

Almacenamiento en caché del navegador

Habilitar el almacenamiento en caché del navegador le indicará al navegador que almacene en caché los recursos estáticos, incluidos los archivos jpg, jpeg, png, gif, svg, pdf, css, js, flv, ic y swf para servidores Apache. Puede controlar la cantidad de días para la caducidad de la caché y agregar URL para ignorar.

Almacenamiento en caché del servidor

El almacenamiento en caché del servidor habilita el almacenamiento en caché en el lado del servidor. También puede deshabilitar el almacenamiento en caché del lado del servidor para cualquier rol de usuario.

El almacenamiento en caché del lado del servidor funciona de manera diferente al almacenamiento en caché del servidor estándar. La mayoría de los complementos de caché almacenan una versión en caché de toda la página y luego la envían a un navegador. Cada vez que se realiza un cambio, toda la página se vuelve a generar en la caché.

Divi Rocket fue diseñado específicamente para módulos Divi. Sabe que un módulo en una página puede cambiar mientras que el resto de la página permanece igual. Es consciente de que los módulos de blog y los módulos de la tienda pueden cambiar con frecuencia, mientras que los módulos publicitarios y de personas cambian con menos frecuencia. Esto significa que puede regenerar solo una parte de la página en lugar de la página completa cada vez que se realiza un cambio.

Carga lenta

Lazy Loading carga las secciones Divi a medida que el usuario se desplaza hacia ellas. Esto significa que solo una parte del sitio web debe cargarse antes de que el usuario pueda comenzar a navegar por el sitio. También significa que no es necesario cargar las partes del sitio que el usuario nunca visita.

Requiere almacenamiento en caché del lado del servidor y aún está en la fase de prueba. Una vez que lo habilita, puede establecer la cantidad de secciones Divi que se cargarán inicialmente cuando se cargue el sitio y la cantidad de secciones que se cargarán cada vez que se envíe una solicitud de carga.

La carga diferida muestra un fondo blanco con un precargador hasta que se carga la siguiente sección. El tiempo de carga de la siguiente sección en mi servidor de prueba fue extremadamente rápido.

Compresión

La compresión agrega una opción de compresión GZip. Esta característica tuvo el mayor impacto en mis velocidades de prueba.

Especificaciones del Sistema

Especificaciones del sistema muestra la misma información que encontrará en el menú Divi > Centro de soporte , pero proporciona más información sobre la configuración e incluye enlaces a más información. Las descripciones incluyen información sobre los tipos de problemas que verá si su servidor no cumple con los requisitos, lo que es aún más útil en la resolución de problemas.

Diverso

Varios agrega cuatro nuevas configuraciones a WordPress:

Límite de revisiones de publicaciones : le permite especificar el número de revisiones que WordPress mantendrá para cada publicación. Esto ayuda a ahorrar espacio de almacenamiento en el servidor y evita que su sitio web tenga que realizar un seguimiento de demasiadas revisiones que nunca utilizará.

Permitir pingbacks y trackbacks : configúrelos para que se abran o se cierren. Controla ambos con un ajuste.

Crédito de pie de página : agrega Divi Rocket al crédito de pie de página con un enlace y el ícono de Divi Rocket. Tienes varias opciones para mostrarlo. Muéstrelo en la barra inferior debajo del pie de página (esto solo se muestra si está usando el pie de página predeterminado), muéstrelo centrado en una nueva barra debajo de la barra inferior o desactívelo. Está habilitado de forma predeterminada. Si agrega su ID de afiliado, se incluirá en el enlace.

ID de afiliado de Divi Space : si tiene una cuenta de afiliado de Divi Space, agregar la ID aquí lo agrega al enlace en los créditos del pie de página.

Antes y después de

Aquí hay un vistazo a mis puntuaciones de antes y después de GTMetrix para mi sitio de prueba no optimizado. Esto solo prueba parte de las características de Divi Rocket, por lo que en realidad no es una prueba completa. Muestra cómo mejoró mis velocidades de carga.

Mi sitio de prueba

Aquí están mis puntajes de prueba antes de ejecutar cualquiera de las mejoras o compresiones. Mi puntuación de PageSpeed ​​es del 45%, YSlow es del 63%, el tiempo de carga completa es de 3,5 segundos, el tamaño de la página es de 2,12 MB y hace 39 solicitudes. Estoy usando la página de destino del paquete de diseño de Divi Magazine.

PageSpeed ​​muestra que mis necesidades más críticas son habilitar la compresión y aprovechar el almacenamiento en caché del navegador.

YSlow muestra que las áreas más críticas incluyen agregar encabezados de caducidad, comprimir componentes, usar CDN y realizar menos solicitudes HTTP.

Solo con la caché del navegador habilitada

Tanto las puntuaciones de PageSpeed ​​como de YSlow mejoraron ligeramente. El tiempo de carga completa se redujo. El tamaño de la página y las solicitudes se mantuvieron iguales.

Aprovechar el almacenamiento en caché del navegador pasó de 49 a 96.

La puntuación YSlow para los encabezados add expires pasó de 0 a 78.

Agregar caché del servidor

Con el almacenamiento en caché del lado del servidor, el tiempo de carga completa y el número de solicitudes mejoraron ligeramente. Por supuesto, esto solo cuenta una parte de la historia. Se ven más mejoras en los recursos del servidor debido a la forma en que funciona el almacenamiento en caché del lado del servidor para actualizar solo los módulos que han cambiado.

La puntuación de PageSpeed ​​se redujo para diferir el análisis de JavaScript.

La puntuación de YSlow mejoró ligeramente para menos solicitudes HTML.

Agregar GZip

Habilitar la compresión GZip vio la mayor mejora. PageSpeed ​​subió al 92% mientras que YSlow subió al 84%. El tiempo de carga completa se redujo a 1,7 segundos y el tamaño total de la página se redujo a 862 KB. Las solicitudes siguieron siendo las mismas.

Para PageSpeed, habilitar la compresión pasó de 0 a 100.

Para YSlow, los componentes de compresión pasaron de 0 a 100.

Resultados

Así es como Divi Rocket pudo mejorar mis puntuaciones de GTMetrix:

• PageSpeed ​​de 45 a 92
• YSlow de 63 a 84
• Tiempo de carga completa de 3,5 segundos a 1,7 segundos
• Tamaño total de la página de 2,12 MB a 862 KB
• Consultas de la 39 a la 38

Estos puntajes son sin otros cambios en el sitio.

Precio y documentación

Puede comprar Divi Rocket en el sitio web del desarrollador. Hay varias opciones de compra para Divi Rocket:

• Sitio único - $ 49 por año
• 3 sitios - $ 89 por año
• Sitios ilimitados: $ 179 por año

También está incluido en sus membresías anuales y de por vida.

La documentación se proporciona en el sitio web del desarrollador. Describe las funciones del complemento y muestra cómo usarlo. No lo necesitaba para este artículo, pero me alegra ver que está disponible.

Pensamientos finales

Divi Rocket es un complemento interesante. Es fácil de usar y me gusta el diseño limpio del menú. Parece un producto Divi en lugar de un producto genérico de WordPress. Me gusta que esté diseñado específicamente para Divi y aproveche las secciones y módulos de una manera que otros complementos de caché no pueden. No hay muchas configuraciones con las que lidiar, pero aún proporciona las configuraciones que la mayoría de los sitios web necesitarán. Explica lo que hace cada función, lo que la hace ideal tanto para desarrolladores experimentados como para principiantes.

Mis pruebas solo cuentan una parte de la historia. Por ejemplo, el ahorro de carga en el servidor para la optimización de la base de datos y la forma en que verifica los módulos individuales en busca de actualizaciones ahorraría recursos del servidor. Esto no aparece en las puntuaciones de velocidad de carga.

Me gustaría verlo funcionar con Extra. La página del desarrollador muestra que hay más funciones en camino. Pronto minificará y combinará CSS y JavaScript. También incluirá un CDN, que almacenará en caché los archivos centrales de Divi para mejorar el rendimiento incluso más que los CDN estándar.

Divi Rocket ya mejoró la velocidad de mi sitio de prueba completamente no optimizado al mismo nivel que otros complementos de caché. Una vez que se agregan la minificación y un CDN, debería ser una opción mucho mejor para cualquier sitio web Divi.

Queremos escuchar de ti. ¿Has probado Divi Rocket? Háganos saber lo que piensa al respecto en los comentarios.

Imagen destacada a través de Victoruler / shutterstock.com