প্রস্তুতি যাচাই · ত্বরান্বিত করুন লেন · গুরুত্বের মান 6
আধুনিক ইমেজ ফরম্যাট ব্যবহার করা হচ্ছে
অন্তত তিনটি ছবি আছে এমন হোমপেজে কিছু ছবি WebP বা AVIF ব্যবহার করে (ফাইলের ধরন, source এলিমেন্টের ধরন বা ইমেজ-CDN-এর ফরম্যাট প্যারামিটার অনুযায়ী)।
- পর্যবেক্ষিত হয়েছে
- 40%
- শীর্ষ 1K সাইট
- 42%
- শীর্ষ 1M স্তর
- 40%
- পরিমাপ করা হয়নি
- 62,841
পরিমাপ করা 123,215টি সাইটের মধ্যে
219টি পরিমাপ করা হয়েছে
68,845টি পরিমাপ করা হয়েছে
অবরুদ্ধ, যাচাই-চ্যালেঞ্জের সম্মুখীন অথবা প্রযোজ্য নয়
কেন এটি গুরুত্বপূর্ণ
একই ধরনের মানে WebP ও AVIF সাধারণত JPEG বা PNG-এর তুলনায় অনেক ছোট হয়, আর ছবি প্রায়ই একটি পৃষ্ঠার সবচেয়ে ভারী অংশ।
কীভাবে সংশোধন করবেন
ইমেজ CDN-এর মাধ্যমে অথবা বিল্ডের সময় উভয় ফরম্যাট তৈরি করে JPEG বা PNG ফলব্যাকসহ WebP বা AVIF সরবরাহ করুন।
আমরা কীভাবে পরীক্ষা করি
অন্তত তিনটি ছবি আছে এমন হোমপেজে কিছু ছবি WebP বা AVIF ব্যবহার করে (ফাইলের ধরন, source এলিমেন্টের ধরন বা ইমেজ-CDN-এর ফরম্যাট প্যারামিটার অনুযায়ী)।
দেখা গেছে: WebP বা AVIF ছবি শনাক্ত হয়েছে।
দেখা যায়নি: কোনো WebP বা AVIF ছবি শনাক্ত হয়নি।
সীমাবদ্ধতা: একটি স্বয়ংক্রিয় ক্লায়েন্টকে সরবরাহ করা হোমপেজের HTML-এর ভিত্তিতে; পরে চালু হয় এমন স্ক্রিপ্টগুলো চালানো হয়নি।
স্ট্যাক-নির্দিষ্ট ধাপ
- WordPress: WordPress 5.8 থেকে WebP আপলোড এবং 6.5 থেকে AVIF আপলোড সমর্থন করে; ইমেজ প্লাগইন বা হোস্ট বিদ্যমান ছবিগুলো রূপান্তর করতে পারে।
- Next.js: next/image কম্পোনেন্ট স্বয়ংক্রিয়ভাবে অপ্টিমাইজ করা ফরম্যাট সরবরাহ করে।
- Nuxt: Nuxt Image WebP ও AVIF আউটপুট দিতে পারে।
- Cloudflare: Cloudflare Polish ছবিগুলোকে WebP-এ রূপান্তর করতে পারে।
- Vercel: Vercel Image Optimization আধুনিক ফরম্যাট সরবরাহ করে।
- Shopify: Shopify-এর ইমেজ CDN আধুনিক ফরম্যাট সরবরাহ করতে পারে; থিমের জন্য Shopify-এর ওয়েব পারফরম্যান্স নির্দেশনা অনুসরণ করুন।
জনপ্রিয়তার স্তর অনুযায়ী
| Chrome UX Report স্তর | পর্যবেক্ষিত | পরিমাপকৃত |
|---|---|---|
| শীর্ষ ১ হাজার | 42% | 219 |
| শীর্ষ ৫ হাজার | 38% | 1,042 |
| শীর্ষ ১০ হাজার | 41% | 1,351 |
| শীর্ষ ৫০ হাজার | 39% | 10,382 |
| শীর্ষ ১০০ হাজার | 40% | 10,125 |
| শীর্ষ ৫০০ হাজার | 39% | 31,251 |
| শীর্ষ ১০ লক্ষ | 40% | 68,845 |
যেসব বিভাগে এটি করার সম্ভাবনা সবচেয়ে বেশি
যেসব বিভাগে সম্ভাবনা সবচেয়ে কম
স্ট্যাক অনুযায়ী
- Astro on Amazon CloudFront83%
- Webflow81%
- Astro on Cloudflare78%
- Astro75%
- Gatsby72%
- Gatsby on Amazon CloudFront71%
- Nuxt on Amazon CloudFront62%
- Nuxt on Cloudflare58%
- Nuxt56%
- Nuxt on Google edge55%
- Angular on Cloudflare55%
- HubSpot CMS55%
- Shopify53%
- Angular53%
- Next.js on Amazon CloudFront50%
- Next.js on Azure Front Door/CDN49%
- Next.js on Google edge49%
- Next.js on Cloudflare48%
- WordPress on Cloudflare47%
- WordPress on Amazon CloudFront47%
- Drupal on Amazon CloudFront45%
- Drupal on Cloudflare45%
- Drupal on Fastly44%
- Next.js44%
- PrestaShop on Cloudflare44%
- Angular on Amazon CloudFront44%
- WordPress on Google edge44%
- Next.js on Netlify43%
- WordPress on Vercel43%
- WordPress43%
- Next.js on Vercel43%
- Bitrix42%
- Drupal40%
- Magento / Adobe Commerce on Cloudflare40%
- Wix39%
- Next.js on Akamai39%
- Drupal on Akamai38%
- WordPress on Fastly38%
- PrestaShop36%
- WordPress on Sucuri35%
- Magento / Adobe Commerce34%
- Next.js on Fastly32%
- WordPress on Imperva31%
- GoDaddy Website Builder31%
- Blogger30%
- Adobe Experience Manager on Amazon CloudFront29%
- Sitecore on Azure Front Door/CDN26%
- Joomla26%
- Adobe Experience Manager25%
- Adobe Experience Manager on Cloudflare25%
- BigCommerce25%
- Tilda22%
- Squarespace21%
- Sitecore16%
- Sitecore on Cloudflare16%
- Adobe Experience Manager on Akamai14%
প্রদানকারী অনুযায়ী
- Netlify52%
- Cloudflare47%
- Bunny CDN46%
- Amazon CloudFront46%
- Vercel46%
- Fastly44%
- Azure Front Door/CDN42%
- Alibaba Cloud CDN40%
- Google edge40%
- Imperva35%
- Sucuri33%
- Akamai27%
যেসব জনপ্রিয় সাইটে আমরা এটি পর্যবেক্ষণ করেছি
সূত্র ও নির্দেশিকা
- web.dev: WebP ছবি ব্যবহার করুন
- WordPress 5.8-এ WebP সমর্থন যুক্ত হয়েছে
- WordPress 6.5-এ AVIF সমর্থন যুক্ত হয়েছে
- Next.js: Image কম্পোনেন্ট
- Nuxt Image
- Cloudflare Polish
নির্দেশিকা: AVIF, WebP, JPEG এবং PNG: সঠিক চিত্র ফর্ম্যাট নির্বাচন করুনআপনার নিজের সাইট পরীক্ষা করুন