FOUC is an instance where a web page appears briefly with the browser’s default styles prior to loading an external CSS stylesheet, due to the web browser engine rendering the page before all information is retrieved. The page corrects itself as soon as the style rules are loaded and applied; however, the shift may be distracting.
Put this in the function.php of your child theme:
/* unstyled content */
add_action('wp_head', 'fouc_protect_against');
function fouc_protect_against () {
?>
<style type="text/css"> .hidden {display:none;}
</style>
<script type="text/javascript"> jQuery('html').addClass('hidden');
jQuery(document).ready(function($) {
$('html').removeClass('hidden');
});
</script>
<?php
}Code language: JavaScript (javascript)
https://www.facebook.com/groups/DiviThemeUsers/permalink/3139828019480106/