Avisos
Vaciar todo
Soporte Divi en español - WPFácil
3
Respuestas
2
Usuarios
0
Reactions
5
Visitas
Topic starter
Hola,
Tengo un problema con mi web creada con Divi (WordPress) alojada en Webempresa.
Cada vez que cambio entre páginas o secciones aparece un flash blanco durante un segundo antes de que cargue la siguiente página.
El problema empezó recientemente, después de realizar algunos ajustes de
diseño en Divi y CSS.
He probado a:
-
Limpiar la caché de Divi, navegador y servidor.
-
Desactivar las animaciones y transiciones de página.
-
Revisar el CSS personalizado y el optimizador.
Aun así, el flash blanco sigue apareciendo.
¿Podrían indicarme qué configuración o archivo podría estar provocando esto o cómo eliminarlo sin tener que restaurar la web?
Gracias de antemano,
Tarik
Contenido solo visible a usuarios registrados
Respondido : 15/10/2025 8:56 am
Hola Tarik
Prueba lo siguiente:
.- Accede a Divi -> Opciones del tema -> Integración.
.- En la celda Agregar código al <head> añade lo siguiente:
<script type="text/javascript">
var elm=document.getElementsByTagName("html")[0];
elm.style.display="none";
document.addEventListener("DOMContentLoaded",function(event) {elm.style.display="block"; });
</script>
.- Vacía/purga la cache y lo revisas
Un saludo
Respondido : 15/10/2025 9:42 am
Topic starter
Estimado Pepe,
Antes que nada, quiero agradecerte por tu rápida y amable respuesta. Sinceramente, si lo hubiera sabido ayer, te habría escrito antes, porque me pasé varias horas intentando distintas opciones sin conseguir resolverlo.
Gracias a tu indicación, el problema ha mejorado bastante: ya no aparece el flash completamente blanco entre páginas, sino que ahora el fondo es blanco total. Es decir, el efecto sigue existiendo, pero resulta mucho más estético que antes, ya que no se ve ese destello blanco con las letras en negro
tan molesto.
Aun así, me gustaría dejarte las capturas de imagen completas de la sección del <head> y del <body> para que puedas revisar si hay algo en el código actual que impida que la transición se realice sin ningún flash visible. Entiendo que, sin acceso directo al panel, puede ser difícil identificarlo, por eso te envío toda la información posible.
Muchas gracias nuevamente por tu tiempo y por la rapidez con la que atendiste mi consulta.
Atte,
Tarik Medina
Te adjunto por si no se ve bien en la imagen:
Agregar código al <head> de su blog
<style>
html, body, #page-container {
background-color: #000 !important;
}
#et-pb-preloader,
.et_pb_preloader,
.et_pb_page_transition,
.et_pb_page_transition.et_pb_page_transition_fade {
display: none !important;
opacity: 1 !important;
visibility: visible !important;
}
</style>
<script type="text/javascript">
var elm=document.getElementsByTagName("html")[0];
elm.style.display="none";
document.addEventListener("DOMContentLoaded",function(event) {elm.style.display="block"; });
</script>
Agregar código al <body> (bueno para los códigos de seguimiento, tales como Google Analytics)
<script> window.chtlConfig = { chatbotId: "8344838986" } </script>
<script async data-id="8344838986" id="chtl-script" type="text/javascript" src="https://chatling.ai/js/embed.js"></script>
Respondido : 15/10/2025 11:09 am
