Cómo optimizar Divi al máximo para que cargue en menos de 1 segundo: el caso de éxito de Crédito ágil

Optimizar Divi WordPress

¿Crees que Divi podrá cargar en menos de 1 segundo? Pues yo lo he conseguido con la web de Crédito ágil.

Hace tiempo Daniel Gómez contactó conmigo por una serie de problemas en su web Crédito ágil.

Él ayuda a las personas con información útil para entender y contratar diferentes productos financieros.

La plantilla que tenía era mala a nivel de velocidad dado que tardaba en cargar varios segundos.

Pero además, esta tenía otros problemas relacionados con el SEO.

Tal y como te cuento en mi página de sobre mí, yo hacía cosas de estas antes de dedicarme de lleno a la optimización.

Así que decidimos cambiarla por Divi que es la que estaba usando como maquetador visual para ahorrar trabajo.

Hoy te cuento cómo realizamos la optimización y qué problemas nos dio la plantilla.

Cómo optimizar Divi al máximo para que cargue en menos de 1 segundo: el caso de éxito de Crédito ágil #WordPress #WPOHaz click para twittear

Antes de nada migramos de hosting

Antes de nada decidimos hacer una migración de hosting.

Ojo, no fue por problemas de ningún tipo, dado que los dos alojamientos me encantan.

Pero por motivos de espacio y de paso ahorrar algún dinero, decidimos cambiarla.

Movimos la web de Webempresa a Siteground.

Ahora tenía espacio de sobra para la web, correos y demás.

Por cierto, ahora Webempresa ha aumentado la capacidad de sus hostings.

Cambiamos la plantilla por Divi

La verdad es que no me acuerdo que plantilla tenía, pero era bastante mala.

Primero por algunos problemas de SEO y gestión, y también por el tema de velocidad.

Así que decidimos cambiarla por Divi.

Tengo que confesar que era la primera web que me encontraba con Divi para realizar la optimización.

Divi

Cachea que cachea

Como es normal, instalamos un plugin de caché y en mi caso siempre pongo WP Rocket.

Se configuró la caché, activamos minificación y combinación de archivos y la optimización de la base de datos.

Con esto bajamos mucho los tiempos de carga.

Pero no todo iba a ser tan bonito…

La primera en toda la boca: alto consumo de CPU

Analizando la web con P3 Performance Profiler me dí cuenta de que había algunos plugins que tenían un alto consumo de recursos.

Entre ellos Jetpack y alguno que otro más.

De paso eliminamos uno que hacía la redirecciones de SSL y se hizo el cambio de forma nativa en las urls de WordPress.

Pero había algo que no llegaba a entender y era que Divi estaba haciendo un consumo de recursos altísimo.

Después de mirar y mirar y preguntar a gente que trabaja co Divi.

Llegué a la conclusión de que la plantilla ya trae el maquetador, así que se supone que no se necesitaba el plugin.

Efectivamente, fue quitarlo y bajó el consumo de recursos y todo funcionaba perfecto.

Así que ya sabes, o pones la plantilla o el maquetador, pero los dos juntos no.

Limpiando la barra lateral y el pie de página

Tanto en la barra lateral como en el pie de página había demasiada información.

Que si enlaces a artículos, comparativas de productos financieros, redes sociales, formularios y otros.

Después de analizarla vimos que no se estaba aprovechando y eliminamos mucho contenido.

De este modo bajamos el número de peticiones de scripts.

Te recomiendo que solo tengas el contenido estrictamente necesario y analiza que realmente está siendo útil.

Vamos a optimizar la parte multimedia

Le dimos una vuelta a las miniaturas de WordPress y después de ver que todo estaba bien, optimicé las imágenes.

Normalmente uso Imagify que es una herramienta de pago, pero merece la pena.

Una vez que la herramienta terminó, ahorramos espacio y la web cargaba más ligera.

Después vi que había algunos vídeos insertados en la misma web.

Esto no es recomendable porque aparte de que ralentiza la web, se consumo mucho espacio y ancho de banda.

Así que recomendé a Daniel que los subiera a Youtube y problema solucionado.

Instalamos Google AMP

Dado que la web tiene un blog, decidimos instalar Google AMP.

Lo bueno de esto es que si recibe muchas visitas desde Google y dispositivos móviles.

Posiblemente se pondría por delante de la competencia que no la usara.

Obviamente esto no es solo AMP.

También se requiere tener buenos contenidos y el SEO bien configurado.

Lo instalamos y las páginas AMP cargaban más rápido que las normales.

Google AMP

Unos ajustes varios

Además de lo anterior, también fuímos desactivando algunas opciones de WordPress.

Pero sobre todo algunas de Divi que no servían para nada.

Por ejemplo quitamos el favicon que WordPress ya se inserta desde AparienciaPersonalizar.

Solo te ahorras una petición, pero poco a poco se va ganando.

Además de ello se optimizó Font Awesome para que cargase más rápido.

Y un problema serio que detecté en Divi es que hacía muchas llamadas a la misma fuente.

Se ve que está mal programado y hace una llamada a cada tipo de variación de la fuente ya sea negrita, cursiva, cada grosor, etc.

Hablé con Daniel y como la fuente original le gustó, la dejamos y nos ahorramos unas cuantas peticiones.

El resultado de la optimización

Después de la optimización conseguimos que Crédito ágil tardase en cargar menos de 1 segundo.

Como puedes ver, la web pesa menos de 1 Mega que es el peso para web que recomiendo.

Y además solo hace 46 peticiones, que está por debajo de las 100 que suelo indicar.

Tiempos de carga creditoagil.com

Y ojo: teniendo prácticamente lo mismo que tenía.

Solo quitamos cosas inservibles.

Esta fue la opinión que me dijo Daniel en la que me cuenta que ha ayudado a aumentar sus visitas.

Y no me extraña porque por cada 1 segundo de más, se puede perder hasta un 20% de tráfico.

“Después de muchos años trabajando con WordPress y luchando en solitario para mejorar cada día mi posición en buscadores, conocí a Raúl.
Su predisposición a trabajar duro por hacer que mi web fuera mucho más rápida de lo que nunca antes había sido, dió sus frutos.
Lo que yo pensé que no podría mejorarse, él consiguió mejorarlo y gracias a ello mi web está en las primeras posiciones de mi sector.”

Y como todos mis clientes, Daniel está ahora en una lista privada de correo en la que les mando consejos para mantener esa optimización al día.

Con ellos siempre intento seguir en contacto.

¿Qué te ha parecido?

Espero que el caso de éxito de Créditoágil te haya gustado y te sirva para mejorar la tuya si está hecha con Divi.

Personalmente prefiero otros maquetadores como Elementor que es el que uso yo.

Pero yo pensaba que Divi no iba a dar estos tiempos de carga y estoy muy satisfecho.

¿Tienes alguna duda o quieres decirme algo?

¡Te espero en los comentarios!

¡Valora mi contenido!
[1 votos. Media: 5]

3 comentarios en “Cómo optimizar Divi al máximo para que cargue en menos de 1 segundo: el caso de éxito de Crédito ágil”

  1. ¡Hola Raúl! No sabía que se podía usar el maquetador Divi Builder solamente activando la plantilla y no junto al plugin. Excelente información. Gracias 😉

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Responsable: Raúl González Sedeño (yo mismo). Finalidad: Responder al comentario que dejes. Destinatarios: Tus datos se guardan en Siteground. Hosting seguro que cumple con la normativa Europea de protección de datos. 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 https://ragose.com/privacidad/.