Убрать прелоадер когда загрузились указанные секции?

Привет, использую Preloader для сайта, он убирается когда выполняется следующая функция

$(window).on('load', function () {
  var preloader = $('.preloader');
  $(preloader).delay(300).fadeOut('slow');
  $('body').addClass('loaded');
});

Но как показывается практика такой вариант не подходит. Слишком много висит прелоадер ибо ждет пока загрузится весь весь сайт( а он достаточно большой). А если вместо 'load' использовать DOMContentLoaded - сайт слишком быстро показывается. Можно ли функцию 'load' использовать к примеру лишь для двух секции. Когда загрузилось бы хэдар+ секция home , показывать сайт.?