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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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