সর্বশেষ হালনাগাদ
Core Web Vitals গোড়া থেকে ঠিক করা, আগে আর পরে মেপে দেখা
ওয়েবসাইট স্পিড অপটিমাইজেশন — Core Web Vitals গোড়া থেকে ঠিক
যে সাইট PageSpeed-এ লাল স্কোর পায় আর প্রথম স্ক্রিন লোড হওয়ার আগেই ভিজিটর হারায়, তার জন্য ওয়েবসাইট স্পিড অপটিমাইজেশন সার্ভিস: Core Web Vitals গোড়া থেকে ঠিক করা — ছবি, ক্যাশিং, স্ক্রিপ্ট, হোস্টিং — আর একটা আসল বাংলাদেশি মোবাইল কানেকশনে আগে আর পরে মেপে দেখা।
- LCP, INP আর CLS ঠিক করা — শুধু একটা ক্যাশ প্লাগইন নয়
- WordPress আর WooCommerce বিশেষজ্ঞ
- আসল মাপের ভিত্তিতে আগে/পরের রিপোর্ট
- ডেভেলপারের সাথে সরাসরি যোগাযোগ
সার্ভিসটা কী
ওয়েবসাইট স্পিড অপটিমাইজেশন আসলে কী ঠিক করে
ধীর সাইটের দাম আপনি দুবার দেন: Google সেটাকে নিচে র্যাংক করে, আর যাঁরা আসেন তাঁরাও লোড শেষ হওয়ার আগেই চলে যান। প্রতিষ্ঠাতা Selimuzzaman Afridi-র হাতে WebDesignerBD সারা বাংলাদেশের ব্যবসার WordPress আর WooCommerce সাইটে উপসর্গ নয়, কারণগুলো ঠিক করে — আর ফলাফল দেখায় আসল মাপ দিয়ে, কোনো প্লাগইনের নিজের স্কোরের স্ক্রিনশট দিয়ে নয়।
Google স্পিড মাপে Core Web Vitals দিয়ে: Largest Contentful Paint (LCP) — মূল কনটেন্ট কত দ্রুত দেখা যায়; Interaction to Next Paint (INP) — একটা ট্যাপে পেজ কত দ্রুত সাড়া দেয়; আর Cumulative Layout Shift (CLS) — লোড হওয়ার সময় জিনিসগুলো কতটা লাফায়। Google-এর সীমা হলো LCP 2.5 সেকেন্ড বা কম, INP 200 মিলিসেকেন্ড বা কম, আর CLS 0.1 বা কম — আসল ব্যবহারকারীদের জন্য মাপা। স্পিডের কাজে টাকা দেওয়া তখনই সার্থক, যখন এই তিনটা সংখ্যা নড়ে।
এই পেজ তাঁদের জন্য, যাঁদের সাইট ফোনে লোড হতে পাঁচ থেকে দশ সেকেন্ড নেয়, যাঁদের PageSpeed স্কোর লাল বা কমলা, বা যাঁদের Search Console-এ Core Web Vitals-এর নিচে “poor” URL দেখায়। এখানে ব্যাখ্যা করা আছে সার্ভিসটা কী করে, কত সময় লাগে, কত খরচ হয়, আর কখন নতুন করে বানানোটাই সৎ উত্তর।
এক নজরে
- মাপকাঠিLCP ≤ 2.5 s · INP ≤ 200 ms · CLS ≤ 0.1
- প্ল্যাটফর্মWordPress, WooCommerce, Elementor সাইট
- যা দিয়ে মাপা হয়PageSpeed Insights, Search Console, আসল ফোন
- যা পাবেনদ্রুত সাইট + আগে/পরের রিপোর্ট
- কোথায়সারা বাংলাদেশে রিমোট; ঝিকরগাছায় সরাসরি সাক্ষাতে
- কে করেনSelimuzzaman Afridi — কোনো অ্যাকাউন্ট ম্যানেজার নেই
যা যা থাকছে
প্রতিটা স্পিডের কাজে যে ছয়টা স্তর থাকে
প্রতিটা কাজে একই স্তরগুলো থাকে, কারণ দ্রুত সাইট কখনো একটা মাত্র ঠিক করা থেকে হয় না। বিশেষ করে WordPress সাইটের স্পিড বাড়ানো মানে বেশিরভাগ সময় সেগুলো সরানো, যা কখনো যোগ করাই উচিত ছিল না।
শুরুর মাপ
কিছু বদলানোর আগে: PageSpeed Insights-এর ল্যাব আর ফিল্ড ডেটা, Search Console-এর Core Web Vitals রিপোর্ট, আর মোবাইল ডেটায় একটা মাঝারি দামের Android ফোনে আসল লোড। সংখ্যাগুলো লিখিত পাবেন, যাতে দ্রুত হওয়াটা একটা মাপ হয়, অনুভূতি নয়।
- ল্যাব আর ফিল্ডের Core Web Vitals রেকর্ড
- মোবাইল ডেটায় আসল ফোনে লোড
- কাজ শুরুর আগেই শুরুর মাপ আপনাকে দেওয়া হয়
ছবি আর মিডিয়া
সাধারণত সবচেয়ে বড় লাভ এখানেই। প্রতিটা ছবি WebP বা AVIF-এ রূপান্তর, যে সাইজে দেখানো হয় সেই সাইজে ছোট করা, নির্দিষ্ট width আর height দেওয়া (এতে CLS ঠিক হয়), আর স্ক্রিনের নিচের ছবি পরে লোড করা। যে স্পিডের কাজে ছবি বাদ যায়, সেটা কাজটা করছে না।
- WebP/AVIF রূপান্তর আর সাইজ ঠিক করা
- লেআউট লাফানো থামাতে নির্দিষ্ট মাপ
- লেজি লোডিং আর রেসপনসিভ srcset
ক্যাশিং, CDN আর হোস্টিং
আপনার হোস্ট অনুযায়ী পেজ ক্যাশিং, ব্রাউজার ক্যাশিং আর অবজেক্ট ক্যাশিং সেট করা; যেখানে কাজে লাগে সেখানে CDN; সার্ভারের সেটিং যাচাই — PHP ভার্সন, কম্প্রেশন, HTTP/2। হোস্টই যদি বাধা হয়, আমরা সেটা বলি, সাথে সুপারিশ।
- পেজ, ব্রাউজার আর অবজেক্ট ক্যাশ সেটআপ
- CDN আর কম্প্রেশন
- হোস্ট আর PHP কনফিগারেশন রিভিউ
স্ক্রিপ্ট, প্লাগইন আর থিমের বাড়তি বোঝা
WordPress সাইটের স্পিডের আসল কাজ: অব্যবহৃত প্লাগইন সরানো, ডুপ্লিকেট প্লাগইন একসাথে করা, রেন্ডার আটকে রাখা CSS আর JavaScript পিছিয়ে দেওয়া বা সরানো, পেজ-বিল্ডারের আউটপুট ছাঁটা, ফন্ট নিজের সার্ভারে রেখে আগে লোড করা। INP-এর সমস্যা প্রায় সবসময় এখানেই থাকে।
- প্লাগইন অডিট আর সরানো
- CSS আর JavaScript পিছিয়ে দেওয়া ও ছোট করা
- ফন্ট লোডিং আর থার্ড-পার্টি স্ক্রিপ্ট নিয়ন্ত্রণ
ডেটাবেস আর ব্যাকএন্ড ক্লিনআপ
পোস্টের রিভিশন, ট্রানজিয়েন্ট, স্প্যাম আর অনাথ টেবিল পরিষ্কার; অটোলোড করা অপশন কমানো; প্লাগইনের ভারী কোয়েরি খুঁজে ঠিক করা। অ্যাডমিন ড্যাশবোর্ড আর WooCommerce চেকআউটের ঢিমেভাব এখানেই দূর হয়।
- ডেটাবেস অপটিমাইজেশন
- অটোলোড আর কোয়েরি ঠিক করা
- WooCommerce কার্ট আর চেকআউটের স্পিড
যাচাই আর রিপোর্ট
কাজের পর একই মাপ আবার — একই পেজে, একই ফোনে — সাথে সহজ ভাষায় একটা রিপোর্ট, কী বদলাল আর কেন। কোনো সংখ্যা না নড়লে রিপোর্টে সেটাও বলা থাকে — এখানে মান এটাই।
- আগে/পরের Core Web Vitals
- কী বদলানো হলো আর কী রেখে দেওয়া হলো
- স্কোপের বাইরের যেকোনো কিছুর সুপারিশ
কীভাবে কাজ হয়
মাপো, ঠিক করো, আবার মাপো: কাজের পদ্ধতি
মাপো, ঠিক করো, আবার মাপো। ব্যাকআপ ছাড়া আর তুলনা করার মতো সংখ্যা ছাড়া কোনো পরিবর্তন লাইভ হয় না।
- 1
ফ্রি স্পিড চেক
URL পাঠান। এখনকার Core Web Vitals আর সম্ভাব্য কারণের ছোট, সৎ একটা মূল্যায়ন পাবেন — কখনো কখনো উত্তর হয়, সাইট ঠিকই আছে আর আমাদের দরকার নেই।
- 2
অডিট আর নির্দিষ্ট কোট
ছবি, প্লাগইন, থিম, হোস্টিং আর ডেটাবেসের পুরো অডিট, সাথে কী কী ঠিক করতে হবে তার লিখিত তালিকা আর নির্দিষ্ট দাম। সৎ উত্তর যদি নতুন করে বানানো হয়, কোটে সেটাই বলা থাকে।
- 3
ব্যাকআপ আর স্টেজিং
একটা পূর্ণ ব্যাকআপ, তারপর সম্ভব হলে একটা স্টেজিং কপিতে কাজ — যাতে স্পিড বাড়ানোর সময় লাইভ সাইট কখনো ভেঙে না যায়।
- 4
স্তর ধরে ধরে ঠিক করা
প্রথমে ছবি, তারপর ক্যাশিং আর হোস্টিং, তারপর স্ক্রিপ্ট আর প্লাগইন, তারপর ডেটাবেস। প্রতিটা স্তর মাপা হয়, কারণ কোন পরিবর্তনে কী হলো তা আপনার জানা উচিত।
- 5
আবার মাপা, রিপোর্ট, হ্যান্ডওভার
একই পেজ আর ফোনে শেষ Core Web Vitals, পড়ার মতো একটা রিপোর্ট, আর ফলো-আপের জন্য ডেভেলপার WhatsApp-এ। ঐচ্ছিক মনিটরিং ভবিষ্যতের প্লাগইন আপডেটের পরেও সংখ্যাগুলো সবুজ রাখে।
কাদের জন্য
ছয়টা লক্ষণ যে আপনার সাইটে স্পিডের কাজ দরকার
এর কোনোটা যদি আপনার সাইটের সাথে মিলে যায়, তাহলে আপনি যত পরিবর্তন করতে পারেন তার প্রায় সবকটার চেয়ে দ্রুত স্পিডের কাজ নিজের খরচ তুলে দেবে।
তাড়াহুড়ো করে বানানো WordPress সাইট
মাল্টিপারপাস থিম, পেজ বিল্ডার, চল্লিশটা প্লাগইন, কোনো ক্যাশিং নেই। WordPress সাইটের স্পিড বাড়ানোর একদম চেনা কাজ, আর সাধারণত প্রতি টাকায় সবচেয়ে বড় উন্নতি।
চেকআউটে অর্ডার হারানো WooCommerce স্টোর
যে প্রোডাক্ট পেজ ফোনে ছয় সেকেন্ড নেয়, আর যে কার্ট প্রতিটা ট্যাপে আটকে যায়। ধীর স্টোর এমনভাবে অর্ডার হারায়, যা analytics-এ কখনো দেখতে পাবেন না।
Search Console-এ খারাপ Core Web Vitals-ওয়ালা সাইট
Google সরাসরি বলছে যে পেজগুলো ফেল করছে। এগুলো ঠিক করা একসাথে র্যাংকিংয়ের ফ্যাক্টর আর কাস্টমার আনার উন্নতি।
মোবাইল ডেটার কাস্টমারওয়ালা ব্যবসা
বেশিরভাগ বাংলাদেশি ভিজিটর 4G-তে একটা মাঝারি দামের Android ব্যবহার করেন। ঢাকার অফিসের Wi-Fi-তে ঠিক করা সাইট যশোরে এখনো ব্যবহারের অযোগ্য হতে পারে।
যে মালিকরা SEO-র টাকা দিয়েছেন, স্পিডের নয়
Core Web Vitals-এ ফেল করা সাইটকে কনটেন্ট আর লিংক দিয়ে এগিয়ে নেওয়া যায় না। SEO-র বাকি কাজ যে ভিতের ওপর দাঁড়ায়, স্পিড সেই ভিত।
যে সাইট নতুন করে বানানোর বাজেট নেই
স্পিডের কাজে আপনার ডিজাইন, কনটেন্ট আর র্যাংকিং থেকে যায় — যে সাইট কাজ করে কিন্তু হামাগুড়ি দিয়ে চলে, এটা তার সমাধান।
মাপকাঠি
Core Web Vitals ঠিক করা: আপনার সাইটের জন্য LCP, INP আর CLS মানে কী
Largest Contentful Paint হলো ভাঁজের ওপরের সবচেয়ে বড় জিনিসটা — সাধারণত একটা হিরো ছবি বা হেডিং — দেখা যাওয়া পর্যন্ত সময়। এটা ঠিক হয় ছবি অপটিমাইজ করে, সার্ভারের স্পিড বাড়িয়ে, আর রেন্ডার আটকে রাখা যা আছে তা সরিয়ে। বেশিরভাগ WordPress সাইটে এই সার্ভিস সবচেয়ে বেশি এগিয়ে নেয় এই মাপটাকেই।
Interaction to Next Paint মার্চ 2024-এ First Input Delay-এর জায়গা নিয়েছে, আর পুরো ভিজিটে যেকোনো ট্যাপ বা ক্লিকে পেজ সাড়া দিতে কত সময় নেয় তা মাপে। ভারী JavaScript — স্লাইডার, চ্যাট উইজেট, ট্র্যাকিং স্ক্রিপ্ট, পেজ-বিল্ডারের রানটাইম — সাধারণ কারণ, আর এজন্যই WordPress সাইটের স্পিডের কাজে প্লাগইন আর স্ক্রিপ্ট পরিষ্কার করা কেন্দ্রীয়।
Cumulative Layout Shift মাপে লোড হওয়ার সময় পেজ কতটা লাফায়: মাপ ছাড়া ছবি, দেরিতে লোড হওয়া ফন্ট, কনটেন্টের ওপরে ঢুকে পড়া ব্যানার। এটা ঠিক করা সবচেয়ে সস্তা, আর ভাঙা রেখে দেওয়া সবচেয়ে বিরক্তিকর। নেওয়ার মতো যেকোনো স্পিড বিশেষজ্ঞ তিনটাই আগে আর পরে রিপোর্ট করেন — PageSpeed Insights আর Search Console থেকে, কোনো ক্যাশিং প্লাগইনের নিজের স্কোর থেকে নয়।
LCP ≤ 2.5 s
মূল কনটেন্ট দ্রুত দেখা যায়। ঠিক হয় ছবি, হোস্টিং, ক্যাশিং আর রেন্ডার আটকানো জিনিস পরিষ্কার করে।
INP ≤ 200 ms
ট্যাপে সাথে সাথে সাড়া। ঠিক হয় JavaScript, প্লাগইন আর থার্ড-পার্টি স্ক্রিপ্ট ছেঁটে।
CLS ≤ 0.1
কিছুই লাফায় না। ঠিক হয় ছবির মাপ, ফন্ট লোডিং আর ব্যানারের জন্য আগে থেকে জায়গা রেখে।
কেন WebDesignerBD
কেন এই স্পিডের কাজ একটা ক্যাশ প্লাগইন থেকে আলাদা
বেশিরভাগ স্পিডের অফার আসলে টাকা নিয়ে একটা ক্যাশিং প্লাগইন বসিয়ে দেওয়া। এখানে কাজটা করেন একজন WordPress ডেভেলপার, যিনি কারণগুলো ঠিক করেন আর আপনাকে সংখ্যা দেখান।
কারণ, উপসর্গ নয়
ক্যাশ ধীর কোড লুকায়; ঠিক করে না। আমরা আগে বাড়তি বোঝা সরাই, তারপর যা থাকে তা ক্যাশ করি।
আসল মাপ, সৎভাবে রিপোর্ট করা
PageSpeed Insights, Search Console আর একটা আসল ফোন — আগে আর পরে। কিছু উন্নত না হলে রিপোর্টে সেটাই বলা থাকে।
প্রতিদিন WordPress আর WooCommerce
WordPress-এ স্পিডের সমস্যার একটা ধরন আছে। 3 বছর ধরে এগুলো বানানো আর ঠিক করার কারণেই এখানে রোগ নির্ণয় দ্রুত হয়।
ডেভেলপারের সাথে সরাসরি যোগাযোগ
যিনি আপনার সাইট অডিট করেন, তিনিই ঠিক করেন — Selimuzzaman Afridi — মাঝখানে কোনো অ্যাকাউন্ট ম্যানেজার নেই।
ফ্রি চেকের পর নির্দিষ্ট কোট
কাজ শুরুর আগেই দাম জানবেন, আর স্পিডের কাজ যদি সঠিক উত্তর না হয়, আপনাকে সেটাই বলা হবে।
সারা বাংলাদেশে রিমোট
স্পিডের কাজে আপনার অ্যাডমিন লগইন লাগে, ঠিকানা নয়। দেশের যেকোনো জায়গার ক্লায়েন্ট WhatsApp-এ আমাদের সাথে কাজ করেন; যশোরের আশেপাশে সরাসরি দেখা হয়।
Related services
সম্পর্কিত সার্ভিস
স্পিড একটা স্তর। এর চারপাশের স্তরগুলো একই ডেভেলপার সামলান।
যে সার্ভিসের অংশ
ওয়েব ডেভেলপমেন্ট
পুরো সার্ভিস লাইন: বিজনেস ওয়েবসাইট, ই-কমার্স স্টোর, WordPress ডেভেলপমেন্ট আর এই স্পিড সার্ভিস — একজন ডেভেলপারের হাতে।
Back to the hubআরও দেখুন
WordPress ডেভেলপমেন্ট
থিম বা প্লাগইনের স্তূপ যখন ঠিক করার বাইরে চলে যায়, তখন WordPress-এ একটা হালকা নতুন বিল্ডই বেশি লাভজনক।
WordPress ডেভেলপমেন্টআরও দেখুন
ই-কমার্স ওয়েবসাইট
প্রথম দিন থেকেই দ্রুত বানানো WooCommerce স্টোর, bKash, Nagad আর প্রোডাক্ট SEO-সহ।
ই-কমার্স ওয়েবসাইটআরও দেখুন
টেকনিক্যাল SEO
স্পিড টেকনিক্যাল SEO-র একটা অংশ; ক্রল, ইনডেক্সিং আর schema-র সমস্যা বাকিটা।
টেকনিক্যাল SEOসাধারণ প্রশ্ন
স্পিড নিয়ে প্রশ্ন আর সৎ উত্তর
লগইন দেওয়ার আগে মালিকরা যা জিজ্ঞেস করেন।
01আমার সাইট কতটা দ্রুত হবে?
সৎভাবে বললে: সেটা নির্ভর করে কী ভুল আছে তার ওপর। অপটিমাইজ না করা ছবি আর ক্যাশিং ছাড়া সাইট সাধারণত অনেক বেশি উন্নত হয়; খারাপ হোস্টে ভারী থিমের সাইট হোস্ট বা থিম না বদলানো পর্যন্ত কম উন্নত হয়। কাজের টাকা দেওয়ার আগেই ফ্রি চেক আপনাকে বলে দেয় আপনি কোন ক্ষেত্রে আছেন।
02আপনারা কি 90+ PageSpeed স্কোরের গ্যারান্টি দেন?
না, আর যিনি দেন তাঁর ব্যাপারে সাবধান থাকুন — স্কোর নির্ভর করে থার্ড-পার্টি স্ক্রিপ্ট আর হোস্টিংয়ের মতো জিনিসের ওপর, যেগুলো হয়তো আপনি বদলাতে চান না। যার গ্যারান্টি আছে, তা হলো তিনটা Core Web Vitals-এ মাপা উন্নতি আর সেটা দেখানো একটা রিপোর্ট।
03এরপর কি সাইট দেখতে অন্যরকম হয়ে যাবে?
না। স্পিডের কাজে আপনার ডিজাইন আর কনটেন্ট থেকে যায়। কোনো স্লাইডার বা উইজেট মূল কারণ হওয়ায় সরাতে হলে আগে আপনার সাথে আলোচনা হয়, কখনো চুপচাপ করা হয় না।
04অন্য প্ল্যাটফর্মের তুলনায় WordPress সাইটের স্পিড বাড়ানো কি আলাদা?
নীতিগুলো একই, কিন্তু WordPress-এর নির্দিষ্ট কারণ আছে — প্লাগইন, পেজ বিল্ডার, থিমের বোঝা, ডেটাবেসের বৃদ্ধি — আর নির্দিষ্ট সমাধানও। আমাদের বেশিরভাগ স্পিডের কাজ WordPress আর WooCommerce-এ, কারণ বাংলাদেশের বেশিরভাগ বিজনেস সাইট এগুলোতেই চলে।
05কত দিন লাগে?
ফ্রি চেকে প্রায় এক দিন লাগে। আসল কাজ সাইটের সাইজ আর কতগুলো প্লাগইনের জট ছাড়াতে হবে তার ওপর নির্ভর করে কয়েক দিন চলে; নির্দিষ্ট কোটের সাথেই একটা সময়সূচি পাবেন।
06স্পিড কি আমার Google র্যাংকিংয়ে সাহায্য করবে?
Core Web Vitals একটা নিশ্চিত র্যাংকিং সিগন্যাল, আর স্পিড বাউন্স রেটও কমায়, যা আপনার বাকি সব কাজে সাহায্য করে। এটা কনটেন্ট আর লিংকের বিকল্প নয়, কিন্তু vitals-এ ফেল করা সাইটে সেগুলোও কাজ করতে পারে না।
07স্পিডের কাজে কত খরচ হয়?
এটা নির্ভর করে সাইটের সাইজ আর অডিটে কী পাওয়া যায় তার ওপর। প্রাইসিং পেজে স্পিডের কাজের শুরুর দাম দেওয়া আছে, আর ফ্রি চেকের পর একটা নির্দিষ্ট লিখিত কোট পাবেন — কখনো ঘণ্টা ধরে মিটার নয়।
08আসল সমস্যা যদি আমার হোস্টিং হয়?
আমরা সংখ্যাসহ আপনাকে বলি, আর আপনার ট্রাফিক আর বাজেটের সাথে মানানসই একটা হোস্ট সুপারিশ করি। চাইলে মাইগ্রেশনও কাজের অংশ হতে পারে।
Selimuzzaman Afridi · প্রতিষ্ঠাতা ও লিড ওয়েব ডিজাইনার
ওয়েবসাইট স্পিড অপটিমাইজেশন বিচার করা উচিত তিনটা জিনিস দিয়ে: আগে আর পরে মাপা হয় কি না, কারণগুলো লুকানোর বদলে ঠিক করা হয় কি না, আর যিনি কাজটা করছেন তিনি WordPress জানা একজন ডেভেলপার কি না। এখানে উত্তর — হ্যাঁ, হ্যাঁ, আর হ্যাঁ; URL পাঠান, আগে একটা সৎ স্পিড চেক নিন।