Encuéntrelo en el mercado Divi
¡ Divi Rocket está disponible en Divi Marketplace! Eso significa que ha pasado nuestra revisión y se ha encontrado que cumple con nuestros estándares de calidad. Puede visitar WP Zone en el mercado para ver todos sus productos disponibles. Los productos comprados en Divi Marketplace vienen con uso ilimitado del sitio web y una garantía de devolución de dinero de 30 días (al igual que Divi).
Compra en el mercado Divi
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 excelentes complementos de almacenamiento en caché de WordPress disponibles que pueden aumentar el rendimiento, pero la mayoría de los complementos de almacenamiento en caché son genéricos. Trabajan con la configuración principal 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 «consciente de 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 al regenerar el caché. En este artículo, echaremos un vistazo a Divi Rocket, veremos lo que puede hacer y lo fácil que es usarlo.
Instalación y Activación
Antes de poder usar Divi Rocket, debe ingresar su clave de licencia. Ve 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. Se ve 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), el caché completo y ver la configuración.
Tareas
La pestaña Tareas incluye 12 tareas que optimizan o eliminan archivos. Las tareas incluyen:
- Optimizar tablas
- Eliminar publicaciones de revisión de publicaciones
- Eliminar publicaciones de borrador automático
- Eliminar publicaciones en la papelera
- Eliminar spam o comentarios en la papelera
- Eliminar comentarios no aprobados
- Eliminar pingbacks y trackbacks
- Eliminar metadatos de publicaciones huérfanas
- Eliminar metadatos de comentarios huérfanos
- Eliminar datos de relación huérfanos
- Eliminar metadatos de usuario huérfanos
- Eliminar metadatos de términos huérfanos
Cada tarea muestra el número de elementos que se eliminarán. Seleccione la tarea o tareas que desea completar y haga clic en Procesar tareas seleccionadas. Optimize Tables 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é recursos estáticos, incluidos 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 del caché y agregar URL para ignorar.
Almacenamiento en caché del servidor
El almacenamiento en caché del servidor permite 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 la página completa y luego la envían a un navegador. Cada vez que se realiza un cambio, la página completa se regenera en el 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 tienda pueden cambiar con frecuencia, mientras que los módulos de publicidad y persona 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 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 las partes del sitio que el usuario nunca visita no tienen que cargarse.
Requiere almacenamiento en caché del lado del servidor y aún está en fase de prueba. Una vez que lo habilite, 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
Las especificaciones del sistema muestran 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 para solucionar problemas.
Misceláneas
Varios agrega cuatro nuevas configuraciones a WordPress:
Límite de revisiones de publicaciones : le permite especificar la cantidad 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 abrirlos o cerrarlos. Controla ambos con una configuración.
Crédito de pie de página : agrega Divi Rocket al crédito de pie de página con un enlace y el icono 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 por defecto. Si agrega su ID de afiliado, se incluirá en el enlace.
ID de afiliado de WP Zone : si tiene una cuenta de afiliado de WP Zone, agregar la ID aquí la agrega al enlace en los créditos del pie de página.
Antes y después de
He aquí un vistazo a mis puntajes de GTMetrix antes y después para mi sitio de prueba no optimizado. Esto solo prueba parte de las funciones de Divi Rocket, por lo que no es realmente una prueba completa. Muestra cómo mejoró mis velocidades de carga.
Mi sitio de prueba
Estos son los puntajes de mis pruebas 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 realiza 39 solicitudes. Estoy usando la página de destino del paquete de diseño de la revista Divi .
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 vencimiento, comprimir componentes, usar CDN y realizar menos solicitudes HTTP.
Solo con la memoria caché del navegador habilitada
Tanto la puntuación de PageSpeed como la de YSlow mejoraron ligeramente. El tiempo de carga completa se redujo. El tamaño de la página y las solicitudes se mantuvieron igual.
Aproveche el almacenamiento en caché del navegador movido de 49 a 96.
La puntuación de YSlow para agregar encabezados de vencimiento pasó de 0 a 78.
Agregar caché del servidor
Con el almacenamiento en caché del lado del servidor, el tiempo de carga completa y la cantidad 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 con menos solicitudes de HTML.
Agregando GZip
Habilitar la compresión GZip vio la mayor mejora. PageSpeed fue al 92% mientras que YSlow fue 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 página de 2,12 MB a 862 KB
- Solicitudes del 39 al 38
Estos puntajes son sin otros cambios en el sitio.
Precio y Documentación
Puede comprar Divi Rocket desde 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. Recorre 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, por lo que es 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 para 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 minimizará y combinará CSS y JavaScript. También incluirá un CDN, que almacenará en caché los archivos principales 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 de 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