Este video forma parte del curso premium: Crea un sitio web de reservas, tours, viajes con wordpress, divi y woocommerce
En este tutorial te enseño a optimizar, mejorar y acelerar la velocidad de carga de un sitio web super completo desarrollado con divi.
El sitio que optimizamos es el proyecto web que realizamos en el curso “Crea un sitio web de reservas, tours, viajes con wordpress, divi y woocommerce» (ver la demo). Este sitio cuenta con demasiada funcionalidad, algunas librerías y muchos plugins instalados (incluido woocommerce). Es decir, es un proyecto 100% real, funcional y no solamente es una página estática y básica en la cual es más fácil llegar a buenos resultados de optimización.
Así que en este tutorial verás un caso práctico y completamente real.
Los plugins que utilizamos para mejorar la velocidad de carga son:
> Autoptimize
> LiteSpeed Cache
> También instalamos un CDN de cloudflare completamente gratis.
Sitios web para medir la velocidad de tu sitio:
> GTmetrix
> Pingdom
> PageSpeed Insights
Generadores de CSS Crítico:
> Sitelocity
> Pegasaas
> Otro más
Otros enlaces:
> Enlace a cloudflare
> Saber más sobre cache publica, privada y ESI
hola soy tu alumno con sulta donde esta el material del codigo.
Hola qué tal Marcos, el código está en el curso OV Travel amigo.
Hola Oscar, ¡Eres un gran profesor! He aprendido mucho contigo, y actualmente estoy inscrita en la academia OV Divi. Tengo una pregunta ¿Es posible optimizar al 100% la versión mobile?
Hola Juliana, muchas gracias por tu apoyo. Combinando este tutorial con la nueva versión de Divi 4.10.x claro que es posible mejorar aún más los resultados en móvil 🙂
Gracias y Felicitaciones! por este excelente aporte a la comunidad hispana de desarrolladores con Divi Theme.
He probado, leído, e investigado sobre este tema de optimización de tiempos de carga de Divi, incluso con los mismos plugins, y ningún artículo, video tutorial, ni información he encontrado mejor explicada que la tuya! Impresionante material!
OV Divi es sinónimo de excelencia! Desde sus Cursos, Video/Tutoriales gratuitos, su Blog y su Comunidad para sacar el máximo potencial a este maravilloso theme, que gracias a tí, Oscar Viedma, creo que comienzo a conocer su gran alcance luego de 11 años que soy miembro activo de ET.
Desde Argentina, un cordial afecto y un gran agradecimiento!
Hola Adriana, ¡wow! Me dió mucho gusto leer tu comentario, gracias también a cada uno de ustedes ya que sin ustedes esto no fuera posible 🙂
Seguiré creando más y más contenido grautito para toda la comunidad de habla hispana, divi tiene mucho potencial y lo mejor está por venir.
Un abrazo hasta Argentina Adriana 🙂
Hola Oscar!
Volví a ver este video para potenciar aún mejor de lo que venía haciéndolo.
Una consulta básica:
Usando Autoptimize y en mi caso puedo usar WP Super Cache: rankea bien.
Aunque te pregunto: En la configuración de Divi, ¿Cómo dejás vos (habilitados o desabilitados) los siguientes items?
– Habilitar imágenes receptivas
– Reducir y combinar archivos Javascript
– Minimizar y combinar archivos CSS
– Generación de Archivo CSS Estático
Los tengo habilitados, ¿Duplico funcionalidades que ya hace Autoptimize de ese modo?
Como siempre, millones de gracias por tanto!!!
Hola Adry qué tal, me parece muy bien 🙂
La verdad que las configuraciones de divi las dejo por defecto, si mucho, desactivo la generación de archivo CSS Estático porque autoptimize lo hace, pero las otras nunca las muevo 🙂
Eternas gracias! Me lo imaginaba q estaba duplicando funciones con el css estático. Y el resto vaya a saber cómo estaba por defecto 🙄… esa mala costumbre que tenemos los que no tenemos miedo a que «explote» nada («son sólo códigos») y metemos mano donde no debemos 😅.
Infinitas gracias!!! Master 😀
Aun es recomendable optimizar la velocidad de carga en 2025?
Hola Elias, sí, totalmente. Siempre es bueno tener un plugin cache al menos instalado para mejorar los tiempos de carga de un sitio web 🙂