Passer au contenu principal
Elementor

Traiter les clignotements / FOUC




Los problemas de carga pueden causar un FOUC (destello de Contenu sin estilo). Varias razones específicas pueden explicar esto.

Tout d'abord, Cela peut être dû à la façon dont Elementor intègre ses modèles.

¿Por qué la feuille de style de la plantilla está incrustada en el pie de página y no en el ?

Lorsqu'une page se charge, nous ne pouvons pas reconnaître quels modèles ont été intégrés à la page. C'est pourquoi nous les chargeons dans le pied de page.

Dans certains cas, cela peut provoquer un petit flash (scintillement ou FOUC) lors du chargement de la page.

Comment résoudre FOUC?

Vous pouvez résoudre ce problème en utilisant l'une des méthodes suivantes:

1. Defina el método de impresión CSS para que esté en línea en lugar de usar archivos externos. Cela peut être fait en accédant au Elementor> Paramètres> Avancé> Méthode d'impression CSS> Incorporation interne

2. La deuxième option est charger les fichiers CSS avec une action dans le functions.php votre fichier de thème enfant. Par exemple:

add_action ('wp_enqueue_scripts', function () {if (! class_exists ('ElementorCoreFilesCSSPost')) {return;} $template_id = 123456; $css_file = new ElementorCoreFilesCSSPost ($template2-Tquefemplate2) cftemplate2template2 ($template2-Tquefemplate2) ; $template2-id); $template2-cfue;

Au lieu de $template_id = 123456, entrez votre ID de modèle et il se chargera toujours dans l'en-tête du site. Vous pouvez utiliser cette méthode pour seulement des pages spécifiques.

3. Certains plugins d'optimisation peuvent également résoudre ce problème.

Les solutions ci-dessus sont pertinentes si vous avez intégré un widget ou un modèle global Elementor dans votre en-tête ou pied de page via vos options de thème.

Nota: Tenga en cuenta que se puede experimentar un FOUC (destello de contenido sin estilo) cuando se usa la función «estirar sección» porque esta opción funciona con un código JS y pueden ocurrir parpadeos al cargar scripts.

Remarque: des reflets de contenu non stylisés peuvent également se produire si vous utilisez des images volumineuses / lourdes.

Conseil: Dans certains cas, comme lorsqu'une grande section d'image est à l'origine du FOUC, une solution rapide peut être utilisée. Ajoutez simplement une animation d'entrée, comme Fade In, à la SECTION spécifique qui rencontre le problème. Dans de nombreux cas, cela résoudra facilement le problème.