Проверка готовности · направление «Ускорить» · вес 4
Для изображений за пределами экрана используется отложенная загрузка
На главной странице, содержащей не менее шести изображений, хотя бы одно использует loading="lazy".
- Выявлено на
- 61%
- Топ-1 тысяча сайтов
- 63%
- Группа топ-1 миллион
- 60%
- Не измерено
- 68,816
из 117,240 сайтов с измерениями
Измерено: 200
Измерено: 65,763
доступ заблокирован, запрошена проверка пользователя или проверка неприменима
Почему это важно
Изображения ниже первого экрана загружаются только тогда, когда посетитель прокручивает страницу близко к ним, освобождая пропускную способность для того, что видно в первую очередь.
Как исправить
Добавьте loading="lazy" к изображениям ниже первого экрана. Не используйте отложенную загрузку для главного изображения первого экрана, поскольку это задерживает загрузку самого крупного видимого элемента.
Как мы проверяем
На главной странице, содержащей не менее шести изображений, хотя бы одно использует loading="lazy".
Обнаружено: Используется встроенная отложенная загрузка.
Не обнаружено: Нативная отложенная загрузка изображений не найдена.
Ограничение: оценка основана на HTML главной страницы, переданном автоматизированному клиенту; скрипты, запускаемые позже, не выполнялись.
Инструкции для конкретных стеков
- WordPress: Начиная с 5.5, WordPress по умолчанию добавляет к изображениям loading="lazy"; проверьте, не удалила ли этот атрибут ваша тема или плагин.
По диапазонам популярности
| Диапазон Chrome UX Report | Обнаружено | Измерено |
|---|---|---|
| Топ-1 тыс. | 63% | 200 |
| Топ-5 тыс. | 65% | 976 |
| Топ-10 тыс. | 62% | 1,275 |
| Топ-50 тыс. | 61% | 9,767 |
| Топ-100 тыс. | 62% | 9,593 |
| Топ-500 тыс. | 62% | 29,666 |
| Топ-1 млн | 60% | 65,763 |
Категории, в которых это встречается чаще всего
Категории, в которых это встречается реже всего
По стеку
- Webflow97%
- Next.js on Vercel95%
- Next.js on Netlify93%
- Astro on Amazon CloudFront93%
- Astro on Cloudflare93%
- Astro92%
- Shopify91%
- Next.js91%
- Next.js on Cloudflare90%
- Next.js on Google edge90%
- Next.js on Amazon CloudFront90%
- Next.js on Fastly89%
- Next.js on Akamai89%
- Squarespace88%
- Next.js on Azure Front Door/CDN88%
- Drupal on Fastly87%
- HubSpot CMS87%
- WordPress on Vercel86%
- Gatsby on Amazon CloudFront85%
- Gatsby83%
- Drupal on Akamai82%
- Drupal on Cloudflare82%
- Wix82%
- Drupal on Amazon CloudFront80%
- Magento / Adobe Commerce on Cloudflare80%
- Nuxt on Google edge77%
- Magento / Adobe Commerce77%
- Angular on Cloudflare77%
- Drupal77%
- PrestaShop on Cloudflare76%
- Nuxt on Cloudflare75%
- Angular on Amazon CloudFront75%
- Nuxt on Amazon CloudFront75%
- WordPress on Fastly74%
- Angular74%
- Nuxt71%
- WordPress on Google edge70%
- WordPress69%
- WordPress on Cloudflare69%
- PrestaShop68%
- Adobe Experience Manager on Akamai68%
- WordPress on Amazon CloudFront66%
- BigCommerce66%
- Adobe Experience Manager on Amazon CloudFront65%
- Adobe Experience Manager on Cloudflare64%
- WordPress on Sucuri63%
- WordPress on Imperva62%
- Sitecore on Azure Front Door/CDN61%
- Adobe Experience Manager61%
- GoDaddy Website Builder52%
- Sitecore on Cloudflare52%
- Sitecore49%
- Joomla41%
- Blogger40%
- Bitrix35%
- Tilda13%
По провайдеру
- Vercel94%
- Netlify83%
- Bunny CDN73%
- Cloudflare72%
- Fastly72%
- Amazon CloudFront68%
- Akamai68%
- Azure Front Door/CDN65%
- Google edge63%
- Imperva57%
- Sucuri54%
- Alibaba Cloud CDN42%
Популярные сайты, где мы это обнаружили
Источники и руководства
- web.dev: отложенная загрузка изображений на уровне браузера
- WordPress 5.5: отложенная загрузка изображений
Руководство: Отложенная загрузка без «сломанных» страницПроверьте свой сайт