Почему изображения не загружаются при включенном jquery_lazyload и instant.page? - PullRequest
Новая
       21

Почему изображения не загружаются при включенном jquery_lazyload и instant.page?

0 голосов
/ 02 апреля 2019

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

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

Сайт не кэшируется.

В моем файле .htaccess я добавил: 

<FilesMatch "\.(gif|ico|jpg|jpeg|png|GIF|ICO|JPG|JPEG|PNG|css|js|woff|CSS|JS|WOFF|ttf|TTF)$">
    <IfModule mod_headers.c>
         Header unset Set-Cookie
         Header set Cache-Control "max-age=31536000, public"
    </IfModule>
</FilesMatch>

И в нижнем колонтитуле у меня есть две библиотеки: 

<script src="https://cdn.rawgit.com/tuupola/jquery_lazyload/0a5e0785a90eb41a6411d67a2f2e56d55bbecbd3/lazyload.js">
</script>

<!-- https://instant.page/ !-->
<script src="//instant.page/1.2.2" type="module" integrity="sha384-2xV8M5griQmzyiY3CDqh1dn4z3llDVqZDqzjzcY+jCBCk/a5fXJmuZ/40JJAPeoU"></script>

Я использую Twitter Bootstrap v. 4.1

Ссылка на изображения выглядит как: /files/xinq_0.jpg.pagespeed.ic.qt1EHM2V8Z.jpg

где изображение находится по адресу: /files/xinq_0.jpg

...