Question

В последние годы все поисковики делают большой акцент на скорости загрукзи страниц. А на моем сайте в статьях часто много картинок. Есть способ так называемой ленивой (отложенной) загрузки картинок. То есть сначала грузится вся страница, а потом картинки. Но там все увязано на сложных скриптах, которые я не понимаю куда вставлять на сайт юкоз и вообще как с ними работать.  Если ли какой-то иной выход? Может более простой скрипт или иные инструменты?

Answer 1

Скрипта нет, просто делайте для фото превью меньше и страницы не будут слишком нагружаться одними фото.

Comments

Этот способ не подходит. Сейчас то стараемся уменьшать картинки как можно, но сайт создан более 10 лет назад, когда об этом вообще не думали и таких статей на сайте тысячи.  Проблема на самом деле серьезная. При загрузке сайта сначала грузятся скрипты и картинки, а уж потом сайдбар с информерами и рекламой, что создает проблемы и для монетизации и для информеров.

---

Paranormal,

Прочтите материал https://webmasterie.ru/razrabotka/verstka/lenivaya-zagruzka там есть подсказки что делать. Конечно для этого нужно приложить усилия так как само по себе ничего не решится.

---

Именно этот материал я читал от корки до корки. Но так и не понял, куда вставлять указанные там скрипты. К прмиеру вот этот

 [].forEach.call(document.querySelectorAll('img[data-src]'),    function(img) {   img.setAttribute('src', img.getAttribute('data-src'));   img.onload = function() {     img.removeAttribute('data-src');   }; });

 

И как реализовать вот такое для всех картинок сайта тоже не понятно

 <img class="b-lazy" src="placeholder.gif" data-src="image.jpg" alt="test image">

 

---

Paranormal,

На автоматике точно никак, каждое фото нужно добавлять таким кодом как в примере и вставлять свои ссылки на фото.

---

Paranormal,

Посмотрите этот материал (от корки до корки): https://habr.com/ru/company/ruvds/blog/448914/