Mi Guía Definitiva: Cómo logré un 95 en PageSpeed Móvil con Divi y LiteSpeed

¿Es Divi lento?

Si has pasado algo de tiempo en foros de WordPress o grupos de Facebook, seguro que has leído esa afirmación docenas de veces. Es, quizás, el mito más grande que rodea a este increíble constructor visual. Tal vez tú mismo estés frustrado porque tu sitio web Divi no logra despegar en Google PageSpeed Insights, especialmente en la temida puntuación “Móvil”.

Estoy aquí para decirte que, en gran medida, es un mito.

Divi no es lento; una mala configuración sí lo es. Con la arquitectura correcta, Divi puede ser una bala. ¿Cómo estoy tan seguro?

Porque mi propio sitio web, nestorhoracio.com, está construido 100% con Divi y su Theme Builder, y estos son los resultados:

Un 95 en Rendimiento Móvil y un 100 en Ordenador no son un accidente. Son el resultado de una configuración metódica y el uso de las herramientas correctas. Ademas como veras GTmetrix (el performan report de WordPress), lo puntua en A

En esta guía definitiva, no te daré teorías vagas. Voy a compartir el stack exacto y los ajustes precisos que usé para lograr estos puntajes. El secreto no está en instalar 20 plugins de optimización; está en la “santísima trinidad” del rendimiento moderno:

1. Un servidor de hosting de calidad (LiteSpeed Server).
2. El plugin de caché correcto (LiteSpeed Cache).
3. Una configuración precisa que respete cómo funciona Divi (y no rompa el sitio en el proceso).

Si estás cansado de pelear con tu sitio Divi, sigue leyendo. Te mostraré exactamente cómo lo hice.

¿Por Qué Obsesionarse con la Velocidad?

Antes de sumergirnos en la configuración, detengámonos un segundo: ¿por qué es tan vital un sitio web rápido? La respuesta es simple: afecta a todo.

• Google te Premia: Desde 2021, la velocidad de carga (específicamente las métricas Core Web Vitals) es un factor directo de posicionamiento SEO. Un sitio lento no rankeará bien, por mucho contenido bueno que tengas.
• Tus Visitantes se Quedan: Estudios demuestran que si una página tarda más de 3 segundos en cargar en móvil, más de la mitad de los visitantes la abandonan. ¡Pierdes clientes antes de que siquiera vean tu oferta!
• Las Conversiones Aumentan: Un sitio rápido se siente profesional, confiable. Mejora la experiencia del usuario y, por lo tanto, la probabilidad de que te contacten o compren tus productos.

La Fórmula Ganadora:

Lograr esa velocidad no depende de un solo truco, sino de una combinación sólida:

1. Un Buen Motor (El Servidor): Necesitas una base rápida. Aquí es donde LiteSpeed Server brilla.
2. Un Buen Mecánico (La Caché): Necesitas un sistema inteligente que "prepare" tu sitio para servirlo rápido. El plugin LiteSpeed Cache es el mejor copiloto para su servidor homónimo.
3. Un Buen Chasis (El Tema): Necesitas un tema bien construido que no genere "peso muerto". Divi, a pesar de los mitos, es perfectamente capaz si se configura bien.

Ahora, veamos cómo encajan estas piezas.

Paso 1: Todo Empieza en el Servidor (LiteSpeed Server)

Puedes tener el mejor plugin de caché del mundo, pero si el “motor” de tu sitio web (el servidor de hosting) es lento, nunca alcanzarás velocidades de élite. La elección del hosting es, literalmente, el cimiento de tu rendimiento.

En mi caso, y lo que recomiendo encarecidamente para sitios WordPress (especialmente con Divi), es optar por un proveedor que utilice servidores web LiteSpeed.

¿Qué es LiteSpeed Server?

Es un tipo de software de servidor web de alto rendimiento diseñado específicamente para ser más rápido que las opciones tradicionales (como Apache, que usan muchos hostings económicos). Es como comparar un motor de última generación con uno más antiguo: simplemente procesa las solicitudes de tu sitio de manera mucho más eficiente.

La Ventaja Clave:

La verdadera magia ocurre cuando combinas un servidor LiteSpeed con su plugin hermano, LiteSpeed Cache (que veremos en el siguiente paso). Trabajan en perfecta armonía, logrando niveles de optimización que otros plugins genéricos simplemente no pueden igualar porque no tienen esa comunicación directa con el hardware.

Mi experiencia personal: Al migrar sitios a hostings con LiteSpeed Server, he visto mejoras instantáneas en los tiempos de carga, incluso antes de instalar el plugin de caché. Simplemente, la base es más sólida. Si estás buscando hosting o pensando en cambiar, asegúrate de que ofrezcan LiteSpeed.

Paso 2: Configuración Óptima de LiteSpeed Cache (El "Cómo")

Aquí es donde ocurre la magia… y también donde muchos cometen errores. El plugin LiteSpeed Cache es increíblemente potente, pero tiene tantas opciones que es fácil perderse o activar algo que, en lugar de ayudar, rompa el diseño o la funcionalidad (¡créeme, me ha pasado!).

Después de muchas pruebas (y errores), llegué a la configuración que me dio ese 95 en móvil sin sacrificar la estabilidad de mi sitio Divi. Estos son los ajustes exactos que necesitas activar (y, crucialmente, los que debes dejar desactivados).

(Nota: Asumiré que ya has instalado y activado el plugin LiteSpeed Cache. Si no, ¡hazlo ahora!)

Navega a LiteSpeed Cache > Ajustes > Optimización de página en tu panel de WordPress.

1. Pestaña [1] Ajustes de CSS:

• Minificar CSS:ON
  • ¿Por qué? Elimina espacios y comentarios innecesarios del código CSS, haciendo los archivos más pequeños y rápidos de descargar. Es una optimización segura.
• Combinar CSS:OFF
  • ¿Por qué? Este es el ajuste CLAVE para Divi. Aunque combinar archivos suena bien, con Divi suele romper el orden en que se aplican los estilos, haciendo que tu diseño se vea mal. Es mucho más seguro (y casi igual de rápido) dejarlo apagado y confiar en la minificación y en HTTP/2 (que maneja múltiples archivos eficientemente).
• Resto de opciones: Déjalas en sus valores por defecto (OFF).

2. Pestaña [2] Ajustes de JS (JavaScript):

• Minificar JS:ON
  • ¿Por qué? Igual que con el CSS, reduce el tamaño de los archivos JavaScript eliminando lo innecesario. Optimización segura.
• Combinar JS:OFF
  • ¿Por qué? Segundo ajuste CLAVE. Combinar JS es aún más peligroso que combinar CSS, especialmente si usas scripts personalizados (como los que usamos para el modo oscuro o el resaltado del menú). Puede romper la funcionalidad del sitio fácilmente. Déjalo apagado.
• Aplazar la carga de JS:Diferido (Deferred)
  • ¿Por qué? Esto le dice al navegador que cargue el contenido HTML y CSS primero, y deje los archivos JavaScript (que suelen ser más pesados y bloqueantes) para el final. Mejora enormemente la percepción de velocidad inicial.
• Resto de opciones: Déjalas en sus valores por defecto (OFF).

3. Pestaña [4] Ajustes de Medios:

• Carga diferida de imágenes (Lazy Load):ON
  • ¿Por qué? Una de las optimizaciones más impactantes. Las imágenes solo se cargan cuando el usuario está a punto de verlas al hacer scroll. Acelera drásticamente el tiempo de carga inicial de la página.

4. Optimización de Imágenes (WebP):

• Ve a LiteSpeed Cache > Optimización de Imágenes > [2] Ajustes de optimización de imágenes.
• Formato de imagen de próxima generación: Selecciona WebP.
• WebP/AVIF para srcset adicional: Ponlo en ON.
  • ¿Por qué? WebP es un formato de imagen moderno mucho más ligero que JPG o PNG. LiteSpeed creará automáticamente copias WebP de tus imágenes y las servirá a los navegadores compatibles, reduciendo significativamente el "peso" de tu página. (Recuerda que quizás necesites crear una cuenta gratuita en QUIC.cloud para optimizar todas tus imágenes).

5. Optimización de Base de Datos (Mantenimiento):

• Ve a LiteSpeed Cache > Optimización de BD.
• Limpieza: Usa la pestaña [1] Gestionar para limpiar revisiones antiguas, borradores automáticos y transitorios periódicamente.
• Prevención: En la pestaña [2] Ajustes de optimización de BD, limita el Número máximo de revisiones a un valor bajo (ej. 5) para evitar que la base de datos crezca innecesariamente.

¡Importante! Después de guardar estos cambios, recuerda siempre hacer una “Purga Total” (LiteSpeed Cache > Herramientas > Purgar todo y también Divi > Opciones del Tema > Constructor > Avanzado > Limpiar) y probar tu sitio en una ventana de incógnito para asegurarte de que todo se vea y funcione correctamente.

Esta configuración es el corazón de la optimización. Es el equilibrio perfecto entre velocidad y compatibilidad con Divi.

Paso 3: Detalles Adicionales (Las Buenas Prácticas que Suman)

Si bien la configuración de LiteSpeed Cache es el motor principal para alcanzar ese 95+ en PageSpeed, hay algunas prácticas adicionales que implementé en nestorhoracio.com y que recomiendo siempre para mantener un sitio WordPress saludable y ágil:

1. Usar un Tema Hijo (Child Theme):
   • ¿Por qué? Como hemos visto en mi propio sitio, todas las personalizaciones importantes (código PHP en functions.php, estilos en style.css, scripts JS) las realizamos en un tema hijo. Esto asegura que, cuando actualices Divi, no pierdas ninguna de tus modificaciones. Además, mantiene el código organizado y facilita el mantenimiento. Es la forma profesional de trabajar con cualquier tema de WordPress.
2. Optimizar Imágenes Antes de Subirlas:
   • ¿Por qué? Aunque LiteSpeed Cache hace un trabajo fantástico creando versiones WebP, siempre es mejor subir imágenes que ya tengan un tamaño y peso razonables. Herramientas online gratuitas como TinyPNG o Squoosh pueden reducir drásticamente el peso de tus JPEGs y PNGs antes de que lleguen a tu biblioteca de medios. Esto ahorra espacio en tu hosting y acelera el proceso de optimización de LiteSpeed.
3. Minimalismo de Plugins:
   • ¿Por qué? Cada plugin que instalas añade código, potenciales conflictos y, a menudo, carga adicional (CSS, JS). Antes de instalar un nuevo plugin, pregúntate: "¿Es absolutamente esencial?". En mi sitio, utilizamos un stack muy reducido y cuidadosamente seleccionado: Divi, LiteSpeed Cache, Rank Math SEO, Solid Security y UpdraftPlus. Nada más que lo estrictamente necesario para un sitio profesional, rápido y seguro.

Estos “pequeños” detalles suman. Mantener tu sitio limpio, organizado y optimizado desde la base facilita enormemente el trabajo de las herramientas de caché y contribuye al rendimiento general.

Conclusión: Divi Rápido No Es un Mito, Es una Realidad (Si Sabes Cómo)

Como has visto en esta guía, alcanzar un puntaje de 95 en PageSpeed Móvil con un sitio construido en Divi no solo es posible, sino que es totalmente alcanzable con la configuración correcta. El secreto no está en trucos complejos ni en sacrificar diseño, sino en entender la sinergia entre un buen servidor (LiteSpeed Server), un plugin de caché inteligente (LiteSpeed Cache) y una configuración que respete las particularidades de Divi.

Hemos desmentido el mito. Divi, combinado con las herramientas adecuadas y los ajustes precisos (minificación sí, combinación no; WebP sí, scripts innecesarios no), puede ofrecer una experiencia de usuario increíblemente rápida.

¿Los beneficios?

• Mejor posicionamiento en Google (SEO).
• Menor tasa de rebote (visitantes que se quedan).
• Una imagen más profesional y confiable.
• Mayor probabilidad de conversión (clientes que te contactan).

Implementar estos pasos requiere atención al detalle, pero el resultado vale cada minuto invertido.

---

¿Prefieres que un Experto lo Haga por Ti?

Si todo esto te parece demasiado técnico o simplemente prefieres dedicar tu tiempo a lo que mejor sabes hacer (tu propio negocio), estoy aquí para ayudarte.

Como especialista en optimización de rendimiento para Divi y WordPress, puedo aplicar esta misma metodología (y más) a tu sitio web para asegurar que vuele en PageSpeed y ofrezca la mejor experiencia a tus visitantes.

¿Quieres dejar de preocuparte por la velocidad y enfocarte en crecer?

Hablemos de tu Velocidad