Окно загрузки не срабатывает надежно внутри функции готовности документа - jQuery v3.1.0

Question

Я создал простой предварительный загрузчик CSS, который должен исчезнуть с помощью jQuery, как только страница будет полностью загружена всеми изображениями и т. Д.:

$(document).ready(function() {
    // Preloader
    $(window).on('load', function() {
        $('#loader').delay(350).fadeOut('slow');
        $('#preloader-bg').delay(1000).fadeOut('slow');
    });
}); 

Проблема в том, что событие загрузки окна не вызывается надежно внутри функции готовности документа. После того, как страница была кэширована, она, кажется, работает, но не запускается при первой загрузке сайта.

Есть ли обходной путь?