Divi carga más rápido ¿Por qué? Muy sencillo, antes las CSS de las páginas cargaban de forma dinámica al cargar la página y ahora cargan en ficheros estáticos y no en cada carga de la página. Además, esta maravilla de Divi permite que activemos o desactivemos en las opciones del tema esta funcionalidad.
Por defecto viene activado que las CSS cargan de forma estática en ficheros aparte y no el la página, pero a golpe de click en un segundo podrías cambiarlo. Que yo sepa ningún tema de WordPress permite cambiar las css de estáticas a dinámicas a golpe de click.
Como vemos Divi siempre va por delante.
Aquí puedes ver lo que debes saber sobre el tema Divi antes de crear tu web y otros artículos que creo que te encantarán como este donde verás las maravillas de Divi: Cómo hacer una web con 20 minutos con Divi o como ha mejorado su velocidad de carga: Divi ahora es un 60% más rápido.
Índice del artículo
Y ahora que ya conoces el resumen, te lo explicaré con más detalle:
Divi se ha actualizado para admitir la generación estática de archivos CSS para el Divi Builder. Esto significa que los estilos de diseño personalizado ya no generarán CSS en línea a petición y en su lugar servirán archivos estáticos que pueden ser almacenados en caché por el navegador, consumiendo menos recursos del servidor y acelerando los tiempos de carga para sus visitantes.
Esta actualización representa un gran paso adelante para el rendimiento Divi, y es la primera de muchas mejoras de rendimiento que vendrán. Así que si estás encantado, como yo, con esta actualización, espera, porque hay muchas mejoras más, y puedes estar seguro de que el rendimiento seguirá siendo una prioridad para Divi en el futuro.
El impulso de rendimiento
Los archivos CSS estáticos aceleran tu sitio web al reducir el tamaño del documento de su página, permitiendo que los archivos CSS se almacenen en caché y mejoren la entrega de esos estilos CSS.
En el pasado, todos los estilos de diseño personalizado creados en Divi generaban CSS en línea que se cargaban cada vez que un visitante cargaba la página.
En la nueva versión de Divi 3.0, los estilos de diseño ya no se cargan en la página, sino que se compilan y minifican en archivos CSS estáticos que se pueden servir de forma más eficiente y almacenados en caché en el navegador de su visitante. Esto significa menos poder de procesamiento para cargar la página en el lado del servidor y menos ancho de banda necesario para cargar la página en el lado del cliente. Cada vez que edita el diseño de una página, los archivos CSS estáticos se vuelven a crear automáticamente. Los CSS personalizados producidos con el Personalizador de temas, los CSS personalizados añadidos a las opciones de tema Divi y los estilos de diseño personalizado aplicados a las páginas de Divi Builder se combinan en un solo archivo de peso ligero.
Fácil de administrar
El CSS estático se puede administrar, borrar y deshabilitar fácilmente dentro de las opciones del tema Divi y dentro de la configuración de la página Divi Builder.
Administrar y eliminar archivos CSS estáticos
Para aquellos que no quieren utilizar archivos CSS estáticos, hay opciones sencillas para desactivar CSS de estadísticas en todo el sitio, así como opciones para desactivar el CSS estático en páginas individuales. También puedes borrar todos tus archivos CSS estáticos con un solo clic dentro de las opciones de tema Divi. Si tienes problemas de compatibilidad o problemas de prioridad CSS con tu tema secundario o tema hijo, puedes desactivar temporalmente el CSS estático mientras se realizan los ajustes.
Una gozada, vamos!
Soporte de plug-in de caché incorporado
Durante la construcción de nuestro sistema de generación de archivos, han tenido especial cuidado en asegurarse de que no existan conflictos con todos los complementos de caché más populares, así como con todos los entornos de alojamiento más populares y sus mecanismos internos de almacenamiento en caché. Si ya está utilizando un complemento que compila, minimiza y almacena en caché los estilos CSS, puedes seguir usándolo.
Al principio, pese al cuidado que tuvieron hubo algún problema pero en pocos días estaba solucionado.
Mi recomendación cuándo actualices, ya sea Divi, WordPress o plugins es que siempre esperes un poco, 15 días por ejemplo, por si tienen algún problema, que les de tiempo a solucionarlo y que a tí no te afecte.
Descuentos para tu Licencia de Elegant Themes
Con el Curso WordPress con Divi tienes incluido el tema Divi de forma indefinida. Pero si además quieres tu propia Licencia de desarrollador para tener acceso a todos los Temas, plugins, actualizaciones y soporte de Elegant Themes, puedes aprovechar estos descuentos.
Plan Developer: 20% descuento
Aprovecha ahora el 20% de descuento en el Plan Developer y además de Divi tendrás todos los temas, plugins, actualizaciones y soporte de Elegant Themes. Pago anual.
Plan LifeTime: 10% descuento
Este es el que tengo yo. Empecé pagando el Developer y después de 2 años pagando vi que lo mejor era pagar una vez y tenerlo todo de por vida. No puedo estar más contento! Si lo quieres pulsa aquí.
Aprende mucho más sobre Divi y diseña una web que enamore a tus clientes
¿Estás harto de estar buscando información gratuita y desordenada en internet sin conseguir tus objetivos? Si eres de los que piensa que a diseñar una web no se aprende con vídeos gratuitos de una hora y quieres una formación seria y amena y con soporte para dudas que te ayude a diseñar una web de la que presumir para poder generar ingresos y llevar la vida que sueñas, has llegado al lugar adecuado.
Yo pasé por donde tú estás ahora y ya he diseñado más de 200 webs con Divi para clientes que están encantados y bien posicionados en Google. Todo lo que he aprendido durante años lo he resumido en dos cursos. Uno inicial donde vemos Divi a fondo y hacemos una web paso a paso y desde cero y otro para los que ya conocen Divi y quieren ir un paso más allá con plugins y secretos maravillosos.
Curso de Divi a fondo
Aprende a diseñar una web que enamore a tus clientes sin necesidad de tocar una sola línea de código. Acabarás con tu web terminada y no estarás solo porque tendrás mi ayuda al otro lado del email. Incluye el tema Divi sin pagos adicionales.
Curso de Divi Avanzado
Ve un paso más allá con el Curso de Divi Avanzado y aprende a realizar efectos y plugins increíbles que enamoren a tus clientes y te generen más ingresos. Y podrás descargar todo lo que vemos en el curso y usarlo en tu proyecto.
Quería saber si hay forma de solucionar un problema con la “Generación de Archivo CSS Estático”. Cuando lo activo, se ve bien el diseño de mi web solo la primera vez que la cargas. Cuando refrescas, ya no se ven los fondos. SIn embargo, al desactivar la opcion “Generación de Archivo CSS Estático” funciona correctamente.
¿Podeis ayudarme?