Is there a way to load everything before HTML even starts displaying?
The challenge lies in loading external fonts, images, and other content.
I attempted to create a simple jQuery function like this:
CSS:
html { display:none; }
jQuery:
$(window).load(function() {
$('html').css('display', 'block');
});
Unfortunately, this approach did not effectively preload the content.
The primary reason for preloading is to ensure that font animations at page start are smooth and without any glitches caused by delays in loading CSS animations.