প্রস্তুতি যাচাই · ত্বরান্বিত করুন লেন · গুরুত্বের মান 5
head অংশে রেন্ডারিং আটকে দেয় এমন কোনো স্ক্রিপ্ট নেই
ডকুমেন্টের head অংশের প্রতিটি বাহ্যিক স্ক্রিপ্টে async, defer বা type="module" ব্যবহার করা হয়েছে।
- পর্যবেক্ষিত হয়েছে
- 44%
- শীর্ষ 1K সাইট
- 55%
- শীর্ষ 1M স্তর
- 43%
- পরিমাপ করা হয়নি
- 41,582
পরিমাপ করা 144,474টি সাইটের মধ্যে
285টি পরিমাপ করা হয়েছে
79,072টি পরিমাপ করা হয়েছে
অবরুদ্ধ, যাচাই-চ্যালেঞ্জের সম্মুখীন অথবা প্রযোজ্য নয়
কেন এটি গুরুত্বপূর্ণ
head অংশে সাধারণ script src থাকলে সেই ফাইল ডাউনলোড ও চালানো শেষ না হওয়া পর্যন্ত ব্রাউজার কিছুই দেখাতে পারে না।
কীভাবে সংশোধন করবেন
যেসব স্ক্রিপ্টের DOM প্রয়োজন সেগুলোতে defer এবং অ্যানালিটিক্সের মতো স্বতন্ত্র স্ক্রিপ্টে async যোগ করুন, অথবা সেগুলো body অংশের শেষে সরিয়ে নিন।
আমরা কীভাবে পরীক্ষা করি
ডকুমেন্টের head অংশের প্রতিটি বাহ্যিক স্ক্রিপ্টে async, defer বা type="module" ব্যবহার করা হয়েছে।
পাওয়া গেছে: head অংশের স্ক্রিপ্টগুলো বাধা না দিয়ে লোড হয়।
পাওয়া যায়নি: head অংশের এক বা একাধিক স্ক্রিপ্ট রেন্ডারিং আটকে দেয়।
সীমাবদ্ধতা: একটি স্বয়ংক্রিয় ক্লায়েন্টকে সরবরাহ করা হোমপেজের HTML-এর ভিত্তিতে; পরে চালু হয় এমন স্ক্রিপ্টগুলো চালানো হয়নি।
স্ট্যাক-নির্দিষ্ট ধাপ
- Next.js: উপযুক্ত লোডিং কৌশলসহ next/script কম্পোনেন্ট ব্যবহার করুন।
- WordPress: WordPress 6.3 থেকে defer বা async লোডিং কৌশল দিয়ে স্ক্রিপ্ট নিবন্ধন করা যায়।
জনপ্রিয়তার স্তর অনুযায়ী
| Chrome UX Report স্তর | পর্যবেক্ষিত | পরিমাপকৃত |
|---|---|---|
| শীর্ষ ১ হাজার | 55% | 285 |
| শীর্ষ ৫ হাজার | 53% | 1,306 |
| শীর্ষ ১০ হাজার | 50% | 1,650 |
| শীর্ষ ৫০ হাজার | 48% | 12,738 |
| শীর্ষ ১০০ হাজার | 46% | 12,021 |
| শীর্ষ ৫০০ হাজার | 45% | 37,402 |
| শীর্ষ ১০ লক্ষ | 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 অ্যাট্রিবিউট
- Next.js: Script কম্পোনেন্ট
- WordPress 6.3: async ও defer সহ স্ক্রিপ্ট
নির্দেশিকা: তৃতীয়-পক্ষ স্ক্রিপ্টকে আপনার পেজ নিয়ন্ত্রণ করার আগে নিয়ন্ত্রণ করুনআপনার নিজের সাইট পরীক্ষা করুন