Вход Регистрация
* -=(C)DRU987=- (Dev)

Кэширование изображения браузером

  1. <script>
  2. var heroArray = [
  3. '/uploads/hero_about.jpg',
  4. '/uploads/hero_history.jpg',
  5. '/uploads/hero_contact.jpg',
  6. '/uploads/hero_services.jpg'
  7. ]
  8. </script>
  9.  
  10.  
  11. Когда посетитель заходит на сайт, после загрузки главной страницы, начинают загружаться изображения в кэш. Для того, чтобы кэширование не мешало отображению текущего контента, необходимо функционал JavaScript добавить в событие window load:
  12.  
  13. function preCacheHeros(){
  14. $.each(heroArray, function(){
  15. var img = new Image();
  16. img.src = this;
  17. });
  18. };
  19.  
  20. $(window).load(function(){
  21. preCacheHeros();
  22. });
» Описание: На графически тяжелых сайтах можно в фоновом режиме, незаметно для пользователя, загружать изображения в кэш браузера. Например, есть многостраничный сайт, на одной из внутренних страниц которого есть много графического контента. В этом случае будет целесообразно подгружать изображения в кэш еще до того, как пользователь перешел на нужную страницу. адреса картинок в массиве:
» Время добавления: 15 Дек 2019 в 20:59
» Посмотров: 524
» textarea
» Рейтинг: [+1 | -2]
Комментарии [2]
Онлайн: 3
Реклама