Last Updated on December 3, 2025 by বিডি কিক
আজকের ডিজিটাল যুগে একটি ওয়েবসাইটের গতি (Speed) শুধু বিলাসিতা নয়, এটি SEO, User Experience এবং Conversion Rate-এর জন্য সবচেয়ে গুরুত্বপূর্ণ ফ্যাক্টর। অনেকেই Speed Test করেন, কিন্তু রিপোর্টের ভিতরের টার্মগুলো বোঝেন না। যেমন: FCP, LCP, Render Blocking, Cache Lifetimes, Lazy Load, Font Display ইত্যাদি।
এই আর্টিকেলে আমরা একটি Speed Optimization Report-এর প্রতিটি গুরুত্বপূর্ণ পয়েন্ট একদম সহজ ভাষায় ব্যাখ্যা করব—কেন সমস্যা হচ্ছে, আর কীভাবে ঠিক করা যায়।
Core Web Vitals কী?
Google তিনটি বড় মেট্রিক দিয়ে আপনার সাইট কত দ্রুত, স্থিতিশীল এবং responsive তা মাপেন। এগুলোকে বলা হয় Core Web Vitals।
১. LCP (Largest Contentful Paint)
পেজের সবচেয়ে বড় কনটেন্ট (হিরো ইমেজ বা বড় শিরোনাম) লোড হতে যে সময় লাগে তাকে LCP বলে।
Ideal LCP: 2.5 সেকেন্ডের নিচে।
LCP বেশি হলে সাধারণ কারণগুলো:
- বড় ব্যানার বা হিরো ইমেজ
- হেভি স্লাইডার
- সার্ভারের রেসপন্স টাইম স্লো
- Render-blocking CSS/JS ফাইল
২. INP (Interaction to Next Paint)
ইউজার যখন বাটন ক্লিক করে, ইনপুট টাইপ করে বা কোনো ইন্টারঅ্যাকশন করে, তখন সাইট কত দ্রুত রেসপন্স করে তা INP দিয়ে মাপা হয়।
INP কম মানে ক্লিকের পর সাইট দ্রুত রেসপন্স করছে, ইউজারকে অপেক্ষা করতে হচ্ছে না।
৩. CLS (Cumulative Layout Shift)
পেজ লোডের সময় লেআউট নড়াচড়া করছে কি না, তা CLS দিয়ে বোঝা যায়।
যেমন: ইমেজ দেরিতে লোড হয়ে লেখা নিচে সরে যাওয়া, বাটনের অবস্থান বদলে যাওয়া ইত্যাদি।
Google-এ ভালো র্যাঙ্কিং পেতে হলে এই তিনটি মেট্রিক ভালো রাখা খুবই জরুরি।
Speed Report-এর গুরুত্বপূর্ণ মেট্রিকগুলো
First Contentful Paint (FCP)
পেজ লোড হওয়ার পরে স্ক্রিনে প্রথম যে visible লেখা বা ছবি দেখা যায়, সেটি দেখাতে যত সময় লাগে তাকে FCP বলে।
ভালো FCP: সাধারণত 1.8 সেকেন্ডের নিচে।
FCP বেশি হলে বুঝতে হবে CSS/JS ফাইল, ফন্ট বা অন্য কোনো রিসোর্স পেজ লোড ব্লক করছে।
Largest Contentful Paint (LCP)
পেজের সবচেয়ে বড় কনটেন্ট (হিরো ইমেজ, বড় হেডলাইন বা বড় ব্লক) কখন সম্পূর্ণভাবে লোড হয়ে ইউজারকে দেখা যায়, সেটাই LCP। এটি Google-এর চোখে সবচেয়ে গুরুত্বপূর্ণ স্পিড মেট্রিক।
Speed Index
Speed Index দেখায় পুরো পেজ visually render হতে কত সময় লাগছে। এটি বেশি হলে বুঝতে হবে পেজ ভারী এবং অনেক রিসোর্স লোড হতে সময় নিচ্ছে।
Speed Report-এর Common Warning এবং সমাধান
১. Render Blocking Resources (Estimated Savings)
মানে কী? কিছু CSS বা JavaScript ফাইল পেজ লোড হওয়ার আগে ব্রাউজারকে অপেক্ষা করতে বাধ্য করছে। এগুলো লোড না হওয়া পর্যন্ত ব্রাউজার পেজ সঠিকভাবে দেখাতে পারে না।
সমস্যা:
- FCP এবং LCP দুটোই স্লো হয়ে যায়
- ইউজারকে সাদা বা ফাঁকা স্ক্রিন দেখতে হয়
সমাধান:
- CSS কে asynchronous বা critical CSS হিসেবে লোড করা
- JavaScript কে defer বা delay করা
- CSS/JS minify এবং combine করা
- অপ্রয়োজনীয় scripts এবং plugins remove করা
২. Use Efficient Cache Lifetimes (Estimated Savings)
মানে কী? আপনার static ফাইলগুলো (CSS, JS, ইমেজ) ব্রাউজারে খুব অল্প সময়ের জন্য cache হয়ে থাকে। ফলে ভিজিটর প্রতিবার সাইটে এলে ফাইলগুলো নতুন করে লোড করতে হয়।
সমাধান:
- Cloudflare বা অন্য CDN এ Browser Cache TTL বড় করা (যেমন ১ মাস থেকে ১ বছর)
- LiteSpeed Cache বা অন্য cache প্লাগইনে Browser Cache অপশন অন করা
৩. Improve Image Delivery (Estimated Savings)
মানে কী? আপনার ওয়েবসাইটের ইমেজগুলো সঠিকভাবে অপ্টিমাইজড নয়। অনেক ইমেজের সাইজ বড়, পুরোনো ফরম্যাট (JPEG/PNG) ব্যবহার করা হচ্ছে অথবা Lazy Load ব্যবহার করা হয়নি।
সমাধান:
- ইমেজগুলো WebP ফরম্যাটে কনভার্ট করা
- ইমেজ compress করে ফাইল সাইজ কমানো
- Lazy Load ব্যবহার করা, যাতে নিচের ইমেজগুলো পরে লোড হয়
- প্রতিটি ইমেজের width এবং height সেট করা
৪. Font Display (Estimated Savings)
মানে কী? Google Fonts বা custom fonts লোড না হওয়া পর্যন্ত ব্রাউজার টেক্সট লুকিয়ে রাখছে। এতে টেক্সট দেরিতে দেখা যায় এবং পেজ স্লো মনে হয়।
সমাধান:
- CSS এ
font-display: swap;ব্যবহার করা - Google Fonts asynchronous ভাবে লোড করা
- সম্ভব হলে ফন্টগুলো লোকাল হোস্ট করা
৫. Forced Reflow বা Layout Shift
মানে কী? পেজ লোডের সময় layout বারবার পরিবর্তন হচ্ছে। যেমন: ইমেজ পরে লোড হয়ে লেখা নিচে নেমে যাচ্ছে, বিজ্ঞাপন লোড হয়ে বাটনের অবস্থান বদলে যাচ্ছে ইত্যাদি।
কারণ:
- ইমেজে width/height সেট না করা
- Ads বা popup late load হওয়া
- CSS বা JS দিয়ে runtime এ layout পরিবর্তন করা
সমাধান:
- সব ইমেজে নির্দিষ্ট width এবং height দেয়া
- Ads বা popup এর জন্য fixed height ব্যবহার করা
- অতিরিক্ত layout-changing animation এড়িয়ে চলা
৬. Legacy JavaScript (Estimated Savings)
মানে কী? সাইটে এমন কিছু পুরোনো JavaScript ফাইল আছে যেগুলো মূলত পুরোনো ব্রাউজার সাপোর্টের জন্য ব্যবহার করা হতো, কিন্তু এখন আর প্রয়োজন নেই। এগুলো সাইটকে ভারী করছে।
সমাধান:
- jQuery migrate এবং পুরোনো JS লাইব্রেরি remove করা
- থিম ও প্লাগইন সর্বশেষ ভার্সনে আপডেট করা
- JavaScript minify ও combine করা
- অপ্রয়োজনীয় JS ফাইল ও plugins বন্ধ করা
৭. LCP Request Discovery Delay
মানে কী? ব্রাউজার হিরো ইমেজ বা বড় মূল কনটেন্টটাকে অনেক দেরিতে “discover” করছে, ফলে LCP টাইম বেড়ে যাচ্ছে।
কারণ:
- হিরো ইমেজ lazy load করা
- JavaScript দিয়ে হিরো ইমেজ লোড করা
- হিরো ইমেজ HTML-এ নিচের দিকে রাখা
সমাধান:
- হিরো ইমেজকে lazy load থেকে বাদ দেয়া
- HTML-এ উপরের অংশে হিরো ইমেজ যুক্ত করা
- প্রয়োজনে preload ট্যাগ ব্যবহার করা
Lazy Load কী?
Lazy Load হলো এমন একটি টেকনিক যেখানে সব ইমেজ একসাথে লোড না করে, ইউজার যখন স্ক্রল করে সেই ইমেজের অবস্থানে আসে তখন ইমেজ লোড হয়।
এর ফলে:
- সাইটের প্রথম অংশ খুব দ্রুত লোড হয়
- ডেটা ব্যবহার কমে
- Core Web Vitals উন্নত হয়
font-display: swap কী?
font-display: swap; হলো CSS-এর একটি প্রপার্টি যা ব্রাউজারকে বলে, ফন্ট লোড হতে দেরি হলেও আগে default/system font দিয়ে টেক্সট দেখাও, পরে আসল font লোড হলে সেটিতে পরিবর্তন করে দাও।
এর সুবিধা:
- টেক্সট ফাঁকা থাকে না
- FCP এবং LCP ভালো হয়
- User Experience উন্নত হয়
Speed Optimization Checklist (সব সাইটের জন্য প্রযোজ্য)
Hosting
- LiteSpeed বা দ্রুত সার্ভার ব্যবহার করা
- PHP 8.1 বা তার উপরের ভার্সন ব্যবহার করা
Cache এবং CDN
- LiteSpeed Cache, WP Rocket বা অনুরূপ cache প্লাগইন ব্যবহার করা
- Cloudflare বা অন্য কোনো CDN ব্যবহার করা
Media Optimization
- সব ইমেজ WebP ফরম্যাটে কনভার্ট করা
- ইমেজ compress করা
- Lazy Load সক্রিয় করা
CSS এবং JavaScript Optimization
- CSS এবং JS minify করা
- CSS combine করা (যদি safe হয়)
- JavaScript defer বা delay করা
- অপ্রয়োজনীয় scripts remove করা
Database Optimization
- পোস্ট revisions কমানো বা ক্লিন করা
- অপ্রয়োজনীয় trash, spam ও transients delete করা
Plugin Control
- যেসব plugin ব্যবহার হচ্ছে না সেগুলো deactivate এবং delete করা
- অতিরিক্ত Elementor add-ons বা heavy plugins কমানো
Conclusion
আপনার Speed Optimization Report যত ভালোভাবে বুঝতে পারবেন, সাইটের পারফরম্যান্স তত দ্রুত উন্নত করতে পারবেন। Core Web Vitals আজকে SEO-র জন্য অত্যন্ত গুরুত্বপূর্ণ। স্পিড ভালো না থাকলে র্যাঙ্কিং কমে, বাউন্স রেট বাড়ে এবং কনভারশনও কমে যায়।
এই আর্টিকেলে দেওয়া গাইডলাইনগুলো অনুসরণ করলে আপনি খুব সহজেই আপনার WordPress সাইটের FCP, LCP, Speed Index এবং Overall Core Web Vitals উন্নত করতে পারবেন।