Pagsusuri ng kahandaan · Hanay na Pabilisin · bigat 5
Walang mga script na humaharang sa pag-render sa head
Gumagamit ng async, defer o type="module" ang bawat external na script sa head ng dokumento.
- Nakita sa
- 44%
- Nangungunang 1K site
- 55%
- Pangkat ng nangungunang 1M
- 43%
- Hindi nasukat
- 41,582
sa 144,474 nasukat na site
285 nasukat
79,072 nasukat
hinarangan, hiningan ng karagdagang pagpapatunay o hindi naaangkop
Bakit ito mahalaga
Ang isang karaniwang script na may src sa head ay pumipigil sa browser na magpakita ng anuman hangga't hindi pa nada-download at naipapatakbo ang file na iyon.
Paano ito ayusin
Magdagdag ng defer sa mga script na nangangailangan ng DOM, ng async sa mga independiyenteng script gaya ng analytics, o ilipat ang mga ito sa dulo ng body.
Paano namin sinusuri
Gumagamit ng async, defer o type="module" ang bawat external na script sa head ng dokumento.
Naobserbahan: Naglo-load ang mga script sa head nang hindi humaharang sa pag-render.
Hindi naobserbahan: Isa o higit pang script sa head ang humaharang sa pag-render.
Limitasyon: Batay sa HTML ng homepage na inihatid sa isang awtomatikong client; hindi pinatakbo ang mga script na tumatakbo sa ibang pagkakataon.
Mga hakbang na partikular sa stack
- Next.js: Gamitin ang component na next/script na may angkop na estratehiya sa pag-load.
- WordPress: Mula sa WordPress 6.3, maaaring irehistro ang mga script na may estratehiya sa pag-load na defer o async.
Ayon sa pangkat ng popularidad
| Saklaw ng Chrome UX Report | Naobserbahan | Nasukat |
|---|---|---|
| Nangungunang 1K | 55% | 285 |
| Nangungunang 5K | 53% | 1,306 |
| Nangungunang 10K | 50% | 1,650 |
| Nangungunang 50K | 48% | 12,738 |
| Nangungunang 100K | 46% | 12,021 |
| Nangungunang 500K | 45% | 37,402 |
| Nangungunang 1M | 43% | 79,072 |
Mga kategoryang pinakamalamang na gumawa nito
Mga kategoryang pinakamaliit ang posibilidad
Ayon sa stack
- 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%
Ayon sa provider
- Netlify63%
- Google edge52%
- Cloudflare49%
- Amazon CloudFront47%
- Bunny CDN45%
- Fastly44%
- Alibaba Cloud CDN40%
- Azure Front Door/CDN38%
- Akamai34%
- Vercel33%
- Sucuri28%
- Imperva26%
Mga sikat na site kung saan namin ito naobserbahan
Mga sanggunian at gabay
- Chrome Lighthouse: alisin ang mga resource na humaharang sa pag-render
- MDN: attribute na defer ng script
- Next.js: component na Script
- WordPress 6.3: mga script na may async at defer
Gabay: Kontrolin ang mga third-party script Bago Pa Nila Kontrolin ang Iyong PahinaSuriin ang sarili mong site