Question

Наткнулся вчера на вот эту статью https://abclinux.org/kak-uskorit-rabotu-sayta-pagespeed-insights-dlya-ucoz-i-uweb Там написано как ускорить сайт с помощью отложенной загрузки изображений через скрипт Lozad, вот такой: 

<script type="text/javascript">
$(".nameclass img").each(function() {
$('img[src$=".jpg"], img[src$=".jpeg"], img[src$=".gif"], img[src$=".png"]').addClass('lozad'); 
});
</script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>

Я поставил этот скрипт у себя в Новости в шаблон Страницы материала, как указано, замнеил выделенное красным на свой класс . Получилось  вот так:

 <script type="text/javascript">
$(".e-mes img").each(function() {
$('img[src$=".jpg"], img[src$=".jpeg"], img[src$=".gif"], img[src$=".png"]').addClass('lozad'); 
});
</script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>

Поставил перед  </body>. В общем сделал все по правилам.

Однако скорость загрузки страниц вообще не изменилась ни на йоту, я проверял. Что до, что после одинаково.

Что я не так делаю? Может не тот класс поставил?

Answer 1

Для вас она никак чувствоваться и не должна скорость, это именно чтобы угодить сканеру гугла и не более.

Comments

Ну я проверял через инструмент https://developers.google.com/speed/pagespeed/insights/?hl=ru  Одну и ту же страницу проверял ДО скрипта и После установки. Разницы никакой не было, получается что инструмент гугла  ее не видел.

---

Paranormal,

Проверили, все у вас работает согласно данной настройке по отложению загрузки: http://joxi.ru/ZrJzVa1TnEyPxr вы вероятно что-то другое смотрите или ожидаете.

---

Yuri_Geruk,

Я смотрел на показатели скорости. К примеру в мобильной версии у меня сейчас средние показатели около 15-17, это очень мало для Гугла. Я надеялся, что после скрипта отложенной загрузки изображений будет хоть какое-то улучшение в показателях, но нет, так и показывает 15-17.

---

Paranormal,

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

• Лично я отказался от использования пда, шаблон на сайте адаптивен, для мобильной версии просто с шаблона порезал ненужное на уровне условия подобно: 

<?if($USER_AGENT_PDA$)?>только для мобилок<?endif?>

и еще

<?ifnot($USER_AGENT_PDA$)?>скрыть для мобилок<?endif?>