Cómo optimizar Divi al máximo en WordPress

Optimizar Divi

En esta guía te voy a explicar cómo optimizar Divi al máximo.

Divi es un buen tema y builder, pero a día de hoy no lo recomiendo en mi comparativa de los temas más rápidos para WordPress, al ser todavía bastante pesado.

Vamos a ello.

P.D. Aumenta tus visitas y conversiones con una web WordPress rápida. Únete a WPOptimizers y aprende gratis.

¡Lo quiero!

Evita usar Divi

El primer consejo que te doy y aunque te suene raro, es evita usar Divi.

Sé que cada día mejoran mucho, pero a día de hoy hay mejores temas y mucho más ligeros.

Si ves imposible un cambio de tema por falta de tiempo o recursos, sigue leyendo.

Elige un hosting adecuado

Siempre debemos tener un hosting adecuado, que tenga las tecnologías necesarias para tener una web rápida.

Desde discos SSD, HTTP2, compresión GZIP o Brotli y últimas versiones de PHP y MySQL o MariaDB, porque esto ya te garantiza un buen comienzo.

Puedes aprender más en mi guía sobre el mejor hosting para WordPress.

Desactiva los ajustes que no uses de Divi

El consejo de desactivar ajustes que no uses de Divi, es aplicable a cualquier tema o plugin.

A más funciones activas, más consumo de recursos o incluso más peticiones CSS o JavaScript.

Por ejemplo, si usas un plugin de SEO, no actives sus opciones de SEO, si usas un plugin de anuncios, no actives su opción, para ello, etc.

No uses tema + builder

Recomiendo no usar el tema Divi + builder, porque el tema ya incluye el builder.

Además, en las últimas pruebas que hice, usar los 2 de manera simultánea aumentaba el consumo de recursos de WordPress enormemente.

Divi y AMP

Si tienes dudas sobre usar Divi con AMP, te aclaro que antes podía ser recomendable, porque AMP era un servicio exclusivo para algunos servicios de Google como Google Discover, fragmentos destacados, etc.

Pero Google eliminó hace poco esta limitación y ahora cualquier web puede acceder a estos servicios.

Usar Google AMP es doble trabajo de gestión y mantenimiento, un cambio radical de experiencia de usuario y a veces hasta una web más lenta que la original bien optimizada, como explico en mi guía de web rápida VS Google AMP.

Cachea Divi

Cachear Divi será el primer paso para que la web cargue más rápido.

Hay muchos plugins de caché, pero yo uso y recomiendo WP Rocket, porque además de caché, optimiza scripts, base de datos y otros factores.

Echa un vistazo a mi guía de activar caché en WordPress.

Optimiza las fuentes de Divi

Para optimizar las fuentes de Divi, recomiendo tener claro qué fuentes usar y dónde, como por ejemplo logo, texto, cabeceras, etc.

Y que sea el tema el que se encargue de las fuentes, para no usar fuentes personalizadas en plugins y builders, porque esto aumenta el número de peticiones a fuentes.

Recomiendo usar un máximo de 5 fuentes, tal y como explico en mi guía de optimizar fuentes en WordPress.

Optimiza los scripts CSS y JS de Divi

Para optimizar los scripts de Divi, hay que realizar varias tareas como la minificación, combinación, generar el CSS crítico y la carga diferida de JavaScript.

Divi minimiza y combina de serie sus scripts desde sus ajustes generales, aunque personalmente prefiero hacerlo con plugins, para poder gestionar mejor la caché, pero igualmente hay que usar un plugin para hacer lo mismo con el resto.

Minimizar combinar scripts Divi

Como también hay que generar el CSS crítico y aplazar JavaScript, recomiendo usar WP Rocket para ello.

Lo que si puedes activar en Divi son 2 opciones de optimización:

  • Generación de archivo CSS estático: En vez de cargar el CSS en la web, lo hace en un archivo CSS, que este se puede almacenar en la caché del navegador, servir desde un CDN, etc. Esto reduce el peso del HTML.
  • Enviar estilos inline: Esta opción también añadirá los estilos añadidos inline o en el HTML.
CSS estático Divi

Optimiza las imágenes de Divi

Para optimizar las imágenes de Divi, hay que realizar las mismas tareas que siempre recomiendo.

Como subirlas en el tamaño exacto, usar miniaturas, reducir el peso, usar imágenes WebP, aplicar Lazy Load y cargarlas desde un CDN, como explico en mi guía de optimizar imágenes en WordPress.

No te olvides de añadir un favicon, porque de lo contrario WordPress hará una petición lenta.

Y obviamente que sea desde el personalizador de WordPress, porque si usas plugins, son más recursos consumidos.

Optimizar los vídeos de Divi

Para optimizar los vídeos de Divi y tal y como recomiendo en mi guía de optimizar vídeos en WordPress, hay varias tareas.

Desde no usar vídeos de Youtube, sino alojarlos en la web y servirlos desde un CDN, usar el mejor formato que es mp4 y limitar a 1 vídeo por página.

Optimiza el DOM de Divi

Para optimizar el DOM de Divi y teniendo en cuenta que este tema y builder suelen cargar un gran DOM, que obviamente no podemos cambiar, basta con tener buenas prácticas.

Por ejemplo, no recargar el pie o barra lateral de WordPress, poner en la web componentes que realmente se usen y analizando su uso con plugins de mapa de calor.

¡Optimiza tu Divi!

Como has podido ver, optimizar Divi es similar a optimizar cualquier otro tema o builder, aunque tiene sus particularidades.

Espero que esta guía te sea de utilidad y si tienes alguna duda, te espero en los comentarios.

Únete gratis a WPOptimizers y aprende a optimizar WordPress

Acceso exclusivo a la comunidad de Telegram y Discord.
Consejos semanales probados, para tener una web WordPress rápida.

Información básica sobre Protección de Datos. Responsable: Raúl González Sedeño (yo mismo). Finalidad: Tratar la información que me pases para poder prestarte el servicio solicitado y ayudarte a tener una web rápida con mis consejos. Legitimación: Que me das permiso, vaya. Destinatarios: Tus datos se guardan en Active Campaign que es mi servicio de email marketing y que está acogido al acuerdo de seguridad EU-US Privacy. Resumiendo, que están protegidos. Derechos: Y obviamente puedes acceder, rectificar y suprimir tus datos, así como otros derechos cuando quieras. Información adicional: Puedes consultar la información adicional y detallada sobre protección de datos personales en mi página web.