Заявете SEO одит Lazy Loading е техника за оптимизация, при която изображения, видеа, iframe елементи или други ресурси се зареждат едва когато са близо до видимата част на екрана. Целта е началното зареждане на страницата да бъде по-леко, защото браузърът не изтегля веднага ресурси, които потребителят може изобщо да не достигне.
Какво означава Lazy Loading?
При стандартно зареждане браузърът може да поиска много изображения и външни ресурси още в началото. При lazy loading част от тях се отлагат, докато станат релевантни за текущата позиция на потребителя. В HTML това често се прави чрез атрибута loading="lazy" за изображения и iframe елементи, а при по-сложни интерфейси може да се използва JavaScript с Intersection Observer.
Защо е важно за SEO?
Lazy loading може да намали началния обем на страницата, да подобри скоростта и да спести трафик при мобилни устройства. Това помага за по-добро потребителско преживяване и може да подкрепи техническите показатели за производителност. За SEO е важно отложеното съдържание да остане достъпно за търсачките и да не пречи на индексирането на важни изображения или текст.
Пример
Статия с двадесет изображения няма нужда да зарежда всички файлове още при отваряне. Първите видими изображения могат да се заредят нормално, а тези по-надолу в текста да използват lazy loading. Така началният екран се показва по-бързо и потребителят не чака ресурси, които са извън полезрението му.
Чести грешки
- Прилагане на lazy loading върху основното изображение в първия екран.
- Скриване на важно съдържание зад JavaScript, който търсачките трудно обработват.
- Липса на резервни размери за изображенията, което води до разместване на layout-а.
- Отлагане на ресурси, които са нужни за първоначалното разбиране на страницата.
Свързани понятия
Lazy loading е свързан с page speed, Largest Contentful Paint, Cumulative Layout Shift, image optimization, critical rendering path и Core Web Vitals.