Потом я нашёл информацию о том, как сделать так, чтобы картинки загружались на сайт, после того как загрузиться сам каркас сайта. Вот код:
<!-- Не забываем подключить 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 не ругается. Картинки также смотрятся красиво как до, так и после. И их можно сохранить на рабочий стол.
Как к этим изменениям отнесутся ПС?