😱 Перевірка коректності роботи Lazy Load

Перевіряйте, чи відображається ваш контент, що “ліниво” довантажується, не тільки під час прокручування сторінки, а й під час зміни розміру вікна. Інакше пошукові системи можуть його не побачити.

Не впевнений, що це на 100% технічно правильне рішення, але я перевіряю в Google Chrome так:

  1. Відкриваю сторінку, нічого не гортаю.
  2. Тисну F12.
  3. Тисну по іконці з мобільником і планшетом у лівому верхньому кутку панелі розробника, що відкрилася.
  4. Над сайтом з’являться поля роздільної здатності екрана.
  5. Виставляю там 1920 x 9999.
  6. Дивлюся, чи все довантажилося.
  7. Якщо занадто дрібно, щоб щось побачити, тисну на три крапки в правому верхньому кутку і там тисну “Зробити скріншот”, щойно завантажиться, відкриваю і перевіряю, чи все підвантажено.

Якщо не все, то краще замінити використовувані скрипти ледачого завантаження на loading=”lazy”.

Додати коментар