предзагрузчик нагрузки с функцией тайм-аута - PullRequest
Новая
       14

предзагрузчик нагрузки с функцией тайм-аута

0 голосов
/ 23 марта 2020

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

Текущий код 

  $(window).on('load', function () {
    $('.preloader').fadeOut(300);
  });

Эта ситуация хорошо работает, когда у меня быстрое время загрузки с хорошим соединением. Но когда соединение замедляется, время загрузки увеличивается из-за ползунка изображения в конце.

Я пытаюсь достичь:

  • Ситуация A: страница загружается быстро, когда связь хорошая.
  • Ситуация B: Тайм-аут в 4 секунды для предварительного загрузчика, если страница загружена не полностью в качестве меры безопасности

Я не буду sh для фиксированного таймера n секунд за каждую загрузку страницы.

  • Если страница загружается быстро: без предварительного загрузчика.
  • Если страница загружается за 3 секунды: 3-секундный предварительный загрузчик
  • Если страница загружается за 8 секунд : preloader в течение 4 секунд, а затем отображает все, что отображается.

PS: Я очень новичок в js, но я понимаю общую концепцию сценариев.

Пожалуйста, помогите, Спасибо.

1 Ответ

0 голосов
/ 23 марта 2020

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

Если предварительный загрузчик выигрывает гонку, он отображается.

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

Но одним из решений может быть показ ненавязчивого предварительного загрузчика при любых обстоятельствах, и если страница загружается быстро, то пользователь может никогда не увидишь.

...