ওয়ার্ডপ্রেস সাইট ধীর? Core Web Vitals ঠিক করার বাস্তব উপায়
এই লেখায় যা আছে (১৯)
- Core Web Vitals কী? LCP, INP, CLS এক নজরে
- Core Web Vitals কি র্যাংকিং ফ্যাক্টর? কতটা গুরুত্ব দেবেন
- PageSpeed Insights এর স্কোর আর Core Web Vitals কি একই জিনিস?
- ওয়ার্ডপ্রেস সাইট স্লো কেন হয়?
- LCP কীভাবে কমাবেন?
- সার্ভার ও ক্যাশ
- হেডার ছবি
- রেন্ডার ব্লকিং CSS, JavaScript আর ফন্ট
- CLS আর INP ঠিক করবেন কীভাবে?
- CLS: লেআউট যেন না নড়ে
- INP: ক্লিকের সাড়া
- উদাহরণ: আগে আর পরে কীভাবে মাপবেন
- এরপর কী করবেন
- সচরাচর জিজ্ঞাসা
- PageSpeed স্কোর ১০০ না হলে কি র্যাঙ্ক করবে না?
- কোন ক্যাশ প্লাগইন সবচেয়ে ভালো?
- Cloudflare দিলেই কি সাইট দ্রুত হবে?
- প্লাগইন বেশি হলেই কি সাইট ধীর হয়?
- তথ্যসূত্র
সংক্ষেপে: Core Web Vitals হলো Google এর তিনটি মাপ: LCP (মূল কনটেন্ট দেখাতে কত সময়, ২.৫ সেকেন্ডের মধ্যে ভালো), INP (ক্লিক বা ট্যাপের সাড়া, ২০০ মিলিসেকেন্ডের মধ্যে) আর CLS (লোডের সময় লেআউট নড়া, ০.১ এর নিচে)। WordPress সাইট ধীর হয় মূলত দুর্বল হোস্টিং, ক্যাশ না থাকা, বড় ছবি, অতিরিক্ত প্লাগইন আর থার্ড পার্টি স্ক্রিপ্টে।
Core Web Vitals কী? LCP, INP, CLS এক নজরে
Core Web Vitals হলো পেজ ব্যবহারের অভিজ্ঞতা মাপার তিনটি মেট্রিক, যা Google আসল ব্যবহারকারীদের Chrome ব্রাউজার থেকে সংগ্রহ করা ডেটায় মাপে। INP ২০২৪ সালে আগের মেট্রিক FID এর জায়গা নিয়েছে, তাই পুরনো গাইডে FID দেখলে বুঝবেন সেটা হালনাগাদ নয়।
| মেট্রিক | কী মাপে | ভালো | উন্নতি দরকার | খারাপ |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | পেজের সবচেয়ে বড় দৃশ্যমান অংশ (সাধারণত হেডার ছবি বা শিরোনাম) কখন দেখা যায় | ২.৫ সেকেন্ড বা কম | ২.৫ থেকে ৪ সেকেন্ড | ৪ সেকেন্ডের বেশি |
| INP (Interaction to Next Paint) | ক্লিক, ট্যাপ বা কী চাপার পর পেজ কত দ্রুত সাড়া দেয় | ২০০ মিলিসেকেন্ড বা কম | ২০০ থেকে ৫০০ মিলিসেকেন্ড | ৫০০ মিলিসেকেন্ডের বেশি |
| CLS (Cumulative Layout Shift) | লোডের সময় লেখা বা বাটন কতটা সরে যায় | ০.১ বা কম | ০.১ থেকে ০.২৫ | ০.২৫ এর বেশি |
একটা পেজ “পাস” করে যখন তিনটি মেট্রিকই ৭৫তম পার্সেন্টাইলে ভালো থাকে, মানে অন্তত ৭৫% ভিজিটের অভিজ্ঞতা ভালো সীমার মধ্যে। মোবাইল আর ডেস্কটপ আলাদা মাপা হয় (web.dev, Web Vitals)।
Core Web Vitals কি র্যাংকিং ফ্যাক্টর? কতটা গুরুত্ব দেবেন
Google বলছে Core Web Vitals সহ পেজ এক্সপেরিয়েন্স তাদের মূল র্যাংকিং সিস্টেম যা পুরস্কৃত করতে চায় তার সাথে মেলে। আবার একই ডকুমেন্টেশনে পরিষ্কার লেখা, পেজ এক্সপেরিয়েন্স দুর্বল হলেও Google সবচেয়ে প্রাসঙ্গিক কনটেন্টটাই দেখাতে চায়।
বাস্তব অর্থ: দারুণ স্কোর দুর্বল কনটেন্টকে র্যাঙ্ক করাবে না। কিন্তু যেখানে কয়েকটা পেজের কনটেন্ট প্রায় সমান ভালো, সেখানে দ্রুত আর স্থির পেজ এগিয়ে থাকতে পারে। আর র্যাঙ্কিংয়ের বাইরেও ধীর সাইটে ভিজিটর চলে যান, বিশেষ করে মোবাইল ডেটায়। তাই স্কোর ১০০ করার পেছনে সপ্তাহ নষ্ট না করে “Good” সীমায় পৌঁছানোকে লক্ষ্য রাখুন।
কখন স্পিড নিয়ে বেশি সময় দেবেন না: সাইটে যদি এখনো ২০টার কম পোস্ট থাকে আর ট্রাফিক প্রায় নেই, তাহলে একটা হালকা থিম, একটা ক্যাশ প্লাগইন আর ছোট ছবি, এই তিনটা ঠিক করে কনটেন্টে ফিরে যান। গভীর অপটিমাইজেশনের মূল্য বাড়ে যখন ট্রাফিক আসে আর আসল ডেটায় নির্দিষ্ট পেজ ফেল দেখায়।
PageSpeed Insights এর স্কোর আর Core Web Vitals কি একই জিনিস?
না, এখানেই সবচেয়ে বেশি ভুল হয়। PageSpeed Insights রিপোর্টে দুইটা আলাদা অংশ থাকে:
- উপরের অংশ (আসল ব্যবহারকারীর ডেটা): Chrome User Experience Report থেকে আসা গত ২৮ দিনের ডেটা। Core Web Vitals পাস বা ফেল এখানেই দেখায়।
- নিচের অংশ (Performance স্কোর, ০ থেকে ১০০): Lighthouse দিয়ে একটা সিমুলেটেড মাঝারি মানের ফোন আর নির্দিষ্ট নেটওয়ার্কে চালানো ল্যাব টেস্ট। এটা সমস্যা খুঁজতে কাজের, কিন্তু এটা Core Web Vitals নয়।
নতুন বা কম ট্রাফিকের সাইটে উপরের অংশে “No data” দেখাতে পারে, কারণ যথেষ্ট আসল ভিজিট নেই। তখন ল্যাব টেস্ট দিয়েই কাজ চালান। ট্রাফিক বাড়লে Search Console এর Experience > Core Web Vitals রিপোর্টে কোন ধরনের পেজ ফেল করছে তা গ্রুপ করে দেখা যায়। রিপোর্টটা কোথায়, তা আছে Google Search Console গাইডে।
ওয়ার্ডপ্রেস সাইট স্লো কেন হয়?
বেশিরভাগ ক্ষেত্রে WordPress সাইটের ধীরগতির কারণ প্রায় সবসময় এই কয়েকটার মধ্যে পড়ে:
- সার্ভার দেরিতে সাড়া দেয়: সস্তা শেয়ার্ড হোস্টিং, পুরনো PHP ভার্সন, বা ভিজিটরদের থেকে অনেক দূরের ডেটা সেন্টার।
- পেজ ক্যাশ নেই: প্রতিটা ভিজিটে WordPress ডেটাবেস থেকে নতুন করে পেজ বানায়।
- বড় ছবি: ক্যামেরা বা ফোনের ৩ থেকে ৪ MB ছবি সরাসরি আপলোড।
- ভারী থিম আর পেজ বিল্ডার: প্রতিটা পেজে অনেক CSS ও JavaScript, যার বেশিরভাগ সেই পেজে দরকারই নেই।
- থার্ড পার্টি স্ক্রিপ্ট: বিজ্ঞাপন, চ্যাট উইজেট, একাধিক অ্যানালিটিক্স, সোশ্যাল এমবেড।
LCP কীভাবে কমাবেন?
web.dev এর গাইড LCP কে চার ভাগে ভাগ করে: সার্ভারের প্রথম সাড়া (TTFB), ছবি লোড শুরু হতে দেরি, ছবি লোড হতে সময়, আর লোডের পর দেখাতে দেরি। WordPress এ এর মানে দাঁড়ায়:
সার্ভার ও ক্যাশ
একটাই পেজ ক্যাশ প্লাগইন চালু রাখুন, যেমন W3 Total Cache বা পেইড WP Rocket, অথবা হোস্টের নিজের ক্যাশ (Hostinger এর মতো অনেক হোস্ট LiteSpeed Cache দেয়)। দুইটা ক্যাশ প্লাগইন একসাথে চালালে উল্টো সমস্যা হয়। Cloudflare এর মতো CDN দিলে দূরের ভিজিটরের কাছে ফাইল দ্রুত যায়।
হেডার ছবি
পোস্টের প্রথম বড় ছবিকে কখনো lazy-load করবেন না, এটা LCP সরাসরি খারাপ করে। WordPress ৬.৩ থেকে নিজে নিজেই সম্ভাব্য LCP ছবিতে fetchpriority="high" বসায়, কিন্তু কিছু থিম বা অপটিমাইজেশন প্লাগইন সব ছবিতে lazy-load চাপিয়ে এটা নষ্ট করে। ছবি WebP তে রূপান্তর আর সঠিক মাপে কমাতে ShortPixel এর মতো প্লাগইন কাজের।
রেন্ডার ব্লকিং CSS, JavaScript আর ফন্ট
পেজের <head> এ থাকা বড় CSS আর JavaScript ফাইল লোড না হওয়া পর্যন্ত ব্রাউজার কিছুই দেখায় না। ক্যাশ প্লাগইনগুলোর “defer JavaScript” বা “delay JavaScript” অপশন এটা কমায়, তবে এগুলো কখনো মেনু, স্লাইডার বা ফর্ম ভেঙে দেয়। তাই একটা একটা করে চালু করুন, আর প্রতিবার মোবাইলে সাইট খুলে মেনু ও ফর্ম চেক করুন।
ফন্টের ক্ষেত্রে Google Fonts থেকে ৬ থেকে ৮টা ওয়েট (Regular, Medium, Bold, Italic ইত্যাদি) লোড করা খুব সাধারণ ভুল। সাধারণত ২টা ওয়েটেই কাজ চলে। বাংলা সাইটে বাংলা ফন্ট ফাইল বড় হয়, তাই কোন ফন্ট সত্যিই দরকার সেটা ভেবে নিন, অথবা সিস্টেম ফন্ট ব্যবহারের কথা বিবেচনা করুন।
CLS আর INP ঠিক করবেন কীভাবে?
CLS: লেআউট যেন না নড়ে
- প্রতিটা ছবি ও ভিডিওতে width আর height থাকতে হবে। WordPress এর মিডিয়া লাইব্রেরি থেকে বসানো ছবিতে এটা সাধারণত থাকে, হাতে বসানো HTML বা পেজ বিল্ডারে প্রায়ই থাকে না।
- বিজ্ঞাপনের জায়গা আগে থেকে নির্দিষ্ট উচ্চতা দিয়ে রাখুন। AdSense অটো অ্যাড পোস্টের মাঝে ঢুকে লেখা নিচে ঠেলে দিলে CLS বাড়ে।
- কুকি ব্যানার বা “সাবস্ক্রাইব করুন” বার উপর থেকে ঢুকিয়ে লেখা নিচে ঠেলবেন না; নিচে ভাসমান রাখুন।
INP: ক্লিকের সাড়া
INP খারাপ হয় যখন ব্রাউজারের মেইন থ্রেড লম্বা JavaScript কাজে ব্যস্ত থাকে। সমাধান হলো অপ্রয়োজনীয় স্ক্রিপ্ট কমানো: যে প্লাগইনের স্ক্রিপ্ট শুধু কন্টাক্ট পেজে দরকার, তা অন্য পেজে বন্ধ রাখুন (Asset CleanUp এর মতো প্লাগইন দিয়ে), চ্যাট উইজেট আর সোশ্যাল এমবেড সত্যিই দরকার কিনা ভাবুন, আর পেজ বিল্ডারের জটিল সেকশন কমান।
উদাহরণ: আগে আর পরে কীভাবে মাপবেন
নিচের সংখ্যাগুলো বোঝানোর জন্য বানানো, কোনো বাস্তব সাইটের ফলাফল নয়। একটা রিভিউ ব্লগের হোমপেজে মোবাইল ল্যাব টেস্ট:
| কী বদলানো হলো | LCP (ল্যাব) | CLS (ল্যাব) |
|---|---|---|
| শুরু: ক্যাশ নেই, ২.৮ MB হেডার ছবি | ৬.১ সেকেন্ড | ০.২১ |
| পেজ ক্যাশ চালু | ৪.৬ সেকেন্ড | ০.২১ |
| হেডার ছবি WebP, ১৮০ KB, lazy-load বন্ধ | ২.৭ সেকেন্ড | ০.২১ |
| বিজ্ঞাপনের জায়গা নির্দিষ্ট উচ্চতায় | ২.৭ সেকেন্ড | ০.০৪ |
পদ্ধতির নিয়ম: একবারে একটা জিনিস বদলান, প্রতিবার ৩ বার টেস্ট চালিয়ে মাঝের মানটা নিন, কারণ ল্যাব ফলাফল প্রতিবার একটু ওঠানামা করে। আসল ব্যবহারকারীর ডেটায় পরিবর্তন দেখতে ২৮ দিনের ডেটা জমা হওয়া পর্যন্ত অপেক্ষা করতে হয়।
এরপর কী করবেন
- PageSpeed Insights এ আপনার সবচেয়ে বেশি ট্রাফিকের পোস্টটা মোবাইলে টেস্ট করুন, আর উপরের আসল ডেটা ও নিচের ল্যাব স্কোর আলাদা করে লিখে রাখুন।
- Plugins পেজে গিয়ে দেখুন দুইটা ক্যাশ বা দুইটা অপটিমাইজেশন প্লাগইন চলছে কিনা; থাকলে একটা রাখুন।
- হেডার ছবি WebP তে রূপান্তর করুন আর নিশ্চিত হন সেটা lazy-load হচ্ছে না।
- নতুন সাইট বানাচ্ছেন হলে শুরু থেকেই হালকা থিম নিন, এ নিয়ে আছে ব্লগ শুরু করার ডোমেইন, হোস্টিং ও WordPress সেটআপ গাইড। পুরো সাইটের টেকনিক্যাল চেক দেখুন টেকনিক্যাল SEO এর ১০টি চেকে।
- NShamimPRO এর সাইট ডিজাইন (WordPress বেসিকস) কোর্সে GeneratePress দিয়ে হালকা সাইট ডিজাইন, ক্যাশ ও স্পিড প্লাগইন সেটআপ আর Cloudflare দিয়ে ফ্রি SSL স্ক্রিনে দেখানো আছে। সার্ভার রেসপন্স, অব্যবহৃত JavaScript আর রেন্ডার ব্লকিং নিয়ে আলাদা লেসন আছে টেকনিক্যাল SEO কোর্সে।
সচরাচর জিজ্ঞাসা
PageSpeed স্কোর ১০০ না হলে কি র্যাঙ্ক করবে না?
না। Performance স্কোর একটা ল্যাব টেস্ট, র্যাংকিংয়ের সাথে এর সরাসরি সম্পর্ক নেই। লক্ষ্য রাখুন আসল ব্যবহারকারীর ডেটায় তিনটি Core Web Vitals যেন “Good” থাকে, আর কনটেন্ট যেন প্রাসঙ্গিক হয়।
কোন ক্যাশ প্লাগইন সবচেয়ে ভালো?
সবার জন্য একটা সেরা নেই। হোস্ট LiteSpeed সার্ভার দিলে LiteSpeed Cache স্বাভাবিক পছন্দ; অন্য ক্ষেত্রে W3 Total Cache বা পেইড WP Rocket। যেটাই নিন, একটাই চালু রাখুন আর চালুর পর সাইটের ফর্ম, কার্ট ও লগইন কাজ করছে কিনা দেখে নিন।
Cloudflare দিলেই কি সাইট দ্রুত হবে?
দূরের ভিজিটরের জন্য স্ট্যাটিক ফাইল দ্রুত হয়, কিন্তু ধীর সার্ভার, বড় ছবি বা ভারী স্ক্রিপ্টের সমস্যা Cloudflare ঠিক করে না। আগে সাইটের ভেতরের সমস্যা ঠিক করুন, তারপর CDN।
প্লাগইন বেশি হলেই কি সাইট ধীর হয়?
সংখ্যার চেয়ে কোন প্লাগইন কী লোড করে সেটা গুরুত্বপূর্ণ। শুধু অ্যাডমিনে কাজ করা ২০টি ছোট প্লাগইনের চেয়ে প্রতিটা পেজে বড় স্ক্রিপ্ট লোড করা একটা স্লাইডার প্লাগইন বেশি ক্ষতি করতে পারে।
তথ্যসূত্র
- web.dev: Web Vitals, দেখা হয়েছে ২ অক্টোবর ২০২৬
- Google Search Central: Understanding Core Web Vitals and Google search results, দেখা হয়েছে ২ অক্টোবর ২০২৬
- Google Search Central: Understanding page experience in Google Search results, দেখা হয়েছে ২ অক্টোবর ২০২৬
- PageSpeed Insights: About PageSpeed Insights, দেখা হয়েছে ২ অক্টোবর ২০২৬
- web.dev: Optimize Largest Contentful Paint, দেখা হয়েছে ২ অক্টোবর ২০২৬
- web.dev: Optimize Cumulative Layout Shift, দেখা হয়েছে ২ অক্টোবর ২০২৬
- web.dev: Optimize Interaction to Next Paint, দেখা হয়েছে ২ অক্টোবর ২০২৬
- Make WordPress Core: Image performance enhancements in WordPress 6.3, দেখা হয়েছে ২ অক্টোবর ২০২৬
বিষয়: Technical SEO
