Проверка готовности · направление «Ускорить» · вес 5
В разделе head нет скриптов, блокирующих отрисовку
Каждый внешний скрипт в разделе head документа использует async, defer или type="module".
- Выявлено на
- 44%
- Топ-1 тысяча сайтов
- 55%
- Группа топ-1 миллион
- 43%
- Не измерено
- 41,582
из 144,474 сайтов с измерениями
Измерено: 285
Измерено: 79,072
доступ заблокирован, запрошена проверка пользователя или проверка неприменима
Почему это важно
Обычный элемент script с атрибутом src в разделе head не позволяет браузеру ничего отображать, пока файл не будет загружен и выполнен.
Как исправить
Добавьте defer к скриптам, которым нужен DOM, async — к независимым скриптам, например аналитике, или переместите их в конец раздела body.
Как мы проверяем
Каждый внешний скрипт в разделе head документа использует async, defer или type="module".
Обнаружено: Скрипты в разделе head загружаются без блокировки отрисовки.
Не обнаружено: Один или несколько скриптов в разделе head блокируют отрисовку.
Ограничение: оценка основана на HTML главной страницы, переданном автоматизированному клиенту; скрипты, запускаемые позже, не выполнялись.
Инструкции для конкретных стеков
- Next.js: Используйте компонент next/script с подходящей стратегией загрузки.
- WordPress: Начиная с WordPress 6.3, скрипты можно регистрировать со стратегией загрузки defer или async.
По диапазонам популярности
| Диапазон Chrome UX Report | Обнаружено | Измерено |
|---|---|---|
| Топ-1 тыс. | 55% | 285 |
| Топ-5 тыс. | 53% | 1,306 |
| Топ-10 тыс. | 50% | 1,650 |
| Топ-50 тыс. | 48% | 12,738 |
| Топ-100 тыс. | 46% | 12,021 |
| Топ-500 тыс. | 45% | 37,402 |
| Топ-1 млн | 43% | 79,072 |
Категории, в которых это встречается чаще всего
Категории, в которых это встречается реже всего
По стеку
- Astro on Cloudflare87%
- Nuxt on Google edge86%
- Astro82%
- Nuxt on Cloudflare79%
- Astro on Amazon CloudFront77%
- Angular on Cloudflare76%
- Angular on Amazon CloudFront76%
- Nuxt76%
- Angular76%
- Nuxt on Amazon CloudFront71%
- Gatsby67%
- Shopify63%
- Gatsby on Amazon CloudFront57%
- Blogger54%
- PrestaShop50%
- Bitrix48%
- PrestaShop on Cloudflare48%
- Next.js on Fastly46%
- GoDaddy Website Builder46%
- WordPress on Vercel44%
- Squarespace42%
- Sitecore on Azure Front Door/CDN41%
- Next.js on Azure Front Door/CDN40%
- Next.js on Amazon CloudFront39%
- Sitecore38%
- HubSpot CMS38%
- Drupal on Amazon CloudFront37%
- WordPress on Google edge37%
- Adobe Experience Manager on Amazon CloudFront37%
- Next.js on Akamai37%
- Magento / Adobe Commerce on Cloudflare37%
- Drupal35%
- Next.js on Google edge34%
- Magento / Adobe Commerce34%
- Next.js on Netlify33%
- Drupal on Cloudflare32%
- Next.js32%
- Adobe Experience Manager on Cloudflare30%
- WordPress on Amazon CloudFront29%
- Next.js on Cloudflare28%
- Adobe Experience Manager28%
- Adobe Experience Manager on Akamai28%
- WordPress on Cloudflare27%
- Drupal on Akamai27%
- WordPress on Fastly27%
- Drupal on Fastly26%
- WordPress24%
- Next.js on Vercel23%
- Sitecore on Cloudflare23%
- Webflow22%
- WordPress on Imperva18%
- WordPress on Sucuri14%
- Tilda8.8%
- BigCommerce8%
- Joomla5.1%
- Wix4.2%
По провайдеру
- Netlify63%
- Google edge52%
- Cloudflare49%
- Amazon CloudFront47%
- Bunny CDN45%
- Fastly44%
- Alibaba Cloud CDN40%
- Azure Front Door/CDN38%
- Akamai34%
- Vercel33%
- Sucuri28%
- Imperva26%
Популярные сайты, где мы это обнаружили
Источники и руководства
- Chrome Lighthouse: устранение ресурсов, блокирующих отрисовку
- MDN: атрибут defer элемента script
- Next.js: компонент Script
- WordPress 6.3: скрипты с async и defer
Руководство: Управляйте сторонними скриптами, прежде чем они возьмут под контроль вашу страницуПроверьте свой сайт