1

Привет. Для того, чтобы пользователь видел красивый прелоадер загрузки сайта, я использую следующий код:

 var xhr = new XMLHttpRequest();
 //path -- это переменная с адресом файла на сервере. Список path так же получаю с сервера.
 //задаю переменную path в xhr, для доступа из событий onload, error, ...
 xhr.path = path.toString();
 xhr.open("GET", 'https://web.lotus-app.ru/' + path, true);
 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
 xhr.responseType = "blob";
 //задаю onload, progress, abort, errror, timeout
 xhr.send();

Все файлы (js, svg, css, tff, html) с сайта грузятся, но когда они понадобятся браузеру, они грузятся заново, т.е. вот эта вся предзагрузка ничего не дает. Как правильно это делать?

Дополнение

Обнаружил, что файлы, которые нужны браузеру, имеют type: stylesheet, png, svg+xml, script, document; а те, что гружу я: xhr...

type

3
  • посмотрите на Service Worker. они пока еще не везде поддерживаются, но делают то, что вам нужно. 1 авг 2017 в 10:44
  • @MikhailVaysman "Не везде" -- это насколько?_) p.s. А, все, вижу... 1 авг 2017 в 10:45
  • перейдите по ссылке и посмотрите 1 авг 2017 в 10:49

1 ответ 1

3

У вас в консоли браузера отключено кэширование - в таком случае всегда запросы будут идти на сервер.

1
  • Блин, во я затупил. Спасибо, бро!) 1 авг 2017 в 10:52

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.