Close

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

Возникла необходимость загрузить на сайт 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 не ругается. Картинки также смотрятся красиво как до, так и после. И их можно сохранить на рабочий стол.

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

Источник

Добавить комментарий