Core Web Vitals এর জন্য ইমেজ অপ্টিমাইজ করুন

# ইমেজ অপ্টিমাইজেশন Core Web Vitals-কে কীভাবে প্রভাবিত করে Google-এর Core Web Vitals হল তিনটি মেট্রিক যা সরাসরি আপনার সার্চ র‌্যাঙ্কিংকে প্রভাবিত করে। এবং ইমেজ? সেগুলো তিনটিকেই প্রভাবিত করে। ## LCP (Largest Contentful Paint) **লক্ষ্য: < 2.5 সেকেন্ড** আপনার হিরো ইমেজ সাধারণত LCP এলিমেন্ট। অপ্টিমাইজ করতে: 1. **LCP ইমেজ প্রিলোড করুন**: `` 2. **WebP ব্যবহার করুন** — 30% ছোট = 30% দ্রুত লোড 3. **রেস্পনসিভ ইমেজ** — মোবাইলে 2000px ইমেজ সরবরাহ করবেন না 4. **প্রায়োরিটি হিন্ট** — হিরো ইমেজে `fetchpriority="high"` ## INP (Interaction to Next Paint) **লক্ষ্য: < 200 মিলিসেকেন্ড** মেইন থ্রেডে ভারী ইমেজ প্রসেসিং ইন্টারঅ্যাকশন ব্লক করে: 1. **ফোল্ডের নিচের ইমেজ লেজি লোড করুন** 2. **অ্যাসিঙ্ক্রোনাস ডিকোড** — `decoding="async"` 3. **আমাদের ব্রাউজার টুল ব্যবহার করুন** — প্রসেসিং Web Workers-এর মাধ্যমে মেইন থ্রেডের বাইরে হয় ## CLS (Cumulative Layout Shift) **লক্ষ্য: < 0.1** আকার ছাড়া ইমেজ লেআউট শিফটের কারণ হয়: 1. **সর্বদা প্রস্থ/উচ্চতা নির্দিষ্ট করুন** — HTML বা CSS-এ 2. **অ্যাসপেক্ট রেশিও বক্স ব্যবহার করুন** — ইমেজ লোড হওয়ার আগে স্থান সংরক্ষণ করুন 3. **কন্টেন্ট ইনজেকশন এড়িয়ে চলুন** — বিদ্যমান কন্টেন্টের উপরে ইমেজ লোড করবেন না ## বাস্তব বিশ্বের প্রভাব অপ্টিমাইজেশনের আগে: - LCP: 4.2 সেকেন্ড ❌ - CLS: 0.25 ❌ - INP: 380 মিলিসেকেন্ড ❌ ইমেজ অপ্টিমাইজেশনের পর: - LCP: 1.8 সেকেন্ড ✅ - CLS: 0.02 ✅ - INP: 120 মিলিসেকেন্ড ✅ ## AmberPic-এর সুবিধা আমাদের টুল আপনাকে সাহায্য করে: - আপলোডের আগে ইমেজ কম্প্রেস করুন (ছোট LCP) - আধুনিক ফরম্যাটে কনভার্ট করুন (দ্রুত ডিকোড) - রেস্পনসিভ ব্রেকপয়েন্টের জন্য ব্যাচ রিসাইজ (সঠিক আকার) --- *আপনার ইমেজ CDN-এ পৌঁছানোর আগে অপ্টিমাইজ করুন — [AmberPic ব্যবহার করুন](/bn/compress/)。*