Пост загрузка картинок - как к этому отнесутся ПС?

S1
На сайте с 15.11.2017
Offline
20
263

Возникла необходимость загрузить на сайт 300 картинок общим весом 50 мб. Google Speed ругается.

Потом я нашёл информацию о том, как сделать так, чтобы картинки загружались на сайт, после того как загрузиться сам каркас сайта. Вот код:

<!-- Не забываем подключить jQuery -->

<script type="text/javascript" src="jquery.js"></script>

<!-- БЛОК с картинками,
вместо "src" пишем "class", поэтому картинка не загружается -->
<div id="images-blok">
<div><img class="1.jpg" /></div>
<div><img class="2.jpg" /></div>
<div><img class="3.jpg" /></div>
</div>

<script type="text/javascript">
// Функция которая
//заменяет class на src во всех img в блоке с айдишником images-blok
$(function() {
var changeAttr = function(){
$("#images-blok div img[class]").each(function(){
$(this).attr("src",$(this).attr("class")).removeAttr("class");
})
}

// Вызов функции замены значений через 5 секунд, после загрузки страницы
setTimeout(function(){
changeAttr()},
5000);
})
</script>

В результате чего картинки появляются мгновенно через 5 секунд. И Google Speed не ругается. Картинки также смотрятся красиво как до, так и после. И их можно сохранить на рабочий стол.

Как к этим изменениям отнесутся ПС?

R
На сайте с 04.12.2016
Offline
51
#1

Также делал что то подобное на своем сайте.

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

Т.е. если на экране все 300 изображений не видны сразу, не стоит их и грузить.

Загрузите только те, которые видны. Остальные подгружайте ajax по мере необходимости.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий