Skip to main content
Elementor

Deal With Blinks / FOUC




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

First of all, This may be due to the way Elementor embeds its templates.

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

When a page loads, we cannot recognize which templates have been embedded on the page. That is why we load them in the footer.

In some cases, this can cause a small flash (flicker or FOUC) when the page loads.

How to solve FOUC?

You can resolve this problem by using one of the following methods:

1. Defina el método de impresión CSS para que esté en línea en lugar de usar archivos externos. This can be done by going to the Elementor> Settings> Advanced> CSS printing method> Internal embedding

2. The second option is load the CSS files with an action in the functions.php your child theme file. For example:

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

Instead of $template_id = 123456, enter your template ID, and it will always load in the site header. You can use this method to only specific pages.

3. Some optimization plugins can solve this too.

The above solutions are relevant if you embedded an Elementor global widget or template in your header or footer via your theme options.

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.

Note: Unstyled content flare can also occur if you use large / heavy images.

Tip: In some cases, such as when a large image section is causing the FOUC, a quick fix can be used. Just add an entrance animation, like Fade In, to the specific SECTION that is having the problem. In many cases, this will easily solve the problem.