Q:

Parar o preload somente quando a página carregar por completa

Tenho uma função em JavaScript que realiza o preload, porém o preload está em segundos fixos. Gostaria de quando carregar todos os dados da tela, o preload ocultasse.
Segue o script atual abaixo:
<script>
        $(window).on('load',function(){
            $('.preload-content').fadeOut(2000);
        })
</script>

Como posso fazer para realizar o processo da forma correta ?

A:

Tente um desses métodos:
Utilizando jQuery .hide()
$(window).on('load',function(){
    $('.preload-content').hide();
})

fonte
Alterando o style.display do elemento
window.onload = function() {
    document.getElementsByClassName('.preload-content').forEach((elemento) => elemento.style.display = 'none')
}

Porém acredito que você deva usar o body no lugar de window no primeiro exemplo.

