A fehér szín honnét jön amikor betöltődik az weboldal?

[link]

Ha berakok egy háttérképet vagy egy videót a kezdőoldalra akkor sokszor van, hogy először ezt a fehér képet tölti be ezért olvashatatlan a weboldal van ,hogy 1-2 másodpercig is ahogy most is látjátok, majd csak aztán tölti be a videót vagy a háttérképet.

Hogyan lehetne ezt megoldani?

Használod egy loadert is

<script>

$(window).on("load",function(){

$(".loader-wrapper").fadeOut("slow");

});

</script>

/*Square Loader*/

.loader-wrapper {

width: 100%;

height: 100%;

position: absolute;

top: 0;

left: 0;

background-color: #000;

display: flex;

justify-content: center;

align-items: center;

z-index: +99999;

}

.loader {

display: inline-block;

width: 30px;

height: 30px;

position: relative;

border: 4px solid #fff;

animation: loader 2s infinite ease;

z-index: +2;

}

.loader-inner {

vertical-align: top;

display: inline-block;

width: 100%;

background-color: #fff;

animation: loader-inner 2s infinite ease-in;

z-index: +2;

}

De ezzel is néha felvillan ez a fehér kép és aztán tölti be a főoldalt. Pedig be kéne töltődnie teljesen a weboldalnak majd utána eltűnnie a loadernek.