৯.৪ সেকেন্ড থেকে ২.৬: এক উকমার্স দোকানের হিসাব

শান্ত উত্তরা থেকে একটা উকমার্স দোকান চালান — ফোনের কেস, চার্জার, নেকব্যান্ড, গেমিং মাউস। ২০২২ সালে শুরু, এখন মাসে গড়ে ২৫,০০০ টাকা ফেসবুক অ্যাডে যায়। তাঁর ট্রাফিকের ৯১ শতাংশ মোবাইল থেকে, প্রায় সবটাই মোবাইল ডেটায়, আর বেশিরভাগই আসে অ্যাডের লিংকে ক্লিক করে সরাসরি প্রোডাক্ট পেজে। ২০২৪-এর মাঝামাঝি তাঁর একটা সমস্যা ছিল যেটা তিনি নিজেও ঠিক ভাষায় বলতে পারতেন না: অ্যাডের রিচ ভালো, ক্লিকও আসছে, কিন্তু অর্ডার আসছে না।

যে রিপোর্টটা তাঁকে ছয় মাস বোকা বানিয়ে রেখেছিল

তিনি নিয়মিত GTmetrix-এ সাইট টেস্ট করতেন এবং গ্রেড দেখাত A। এই A দেখেই তিনি ধরে নিয়েছিলেন স্পিড নিয়ে কোনো সমস্যা নেই, সমস্যা নিশ্চয়ই দামে বা ছবিতে। ব্যাপারটা ধরা পড়ল যখন খেয়াল করা হলো, টেস্টটা চলছে ভ্যাঙ্কুভারের সার্ভার থেকে — আর তাঁর হোস্টিং ছিল আমেরিকার একটা সস্তা শেয়ার্ড প্ল্যানে, বছরে ২,৪০০ টাকা। ভ্যাঙ্কুভার থেকে ওই সার্ভার কাছেই। ঢাকা থেকে নয়।

ঢাকায় বসে, রবির ৪জি-তে, ক্রোমের নেটওয়ার্ক থ্রটলিং চালু করে যখন আসল পরিমাপ নেওয়া হলো, তখন LCP এল ৯.৪ সেকেন্ড। অর্থাৎ একজন ক্রেতা অ্যাডে ক্লিক করার পর প্রোডাক্টের মূল ছবিটা চোখে পড়তে সাড়ে নয় সেকেন্ড লাগছিল। ওই সময়ের মধ্যে বেশিরভাগ মানুষ ফিরে যান। শান্ত ২৫,০০০ টাকা দিয়ে মানুষকে এমন একটা দরজায় পাঠাচ্ছিলেন, যে দরজা খুলতেই দশ সেকেন্ড লাগে।

স্পিড টুলের গ্রেড কোনো লক্ষ্য নয়। লক্ষ্য হলো আপনার ক্রেতা যে শহরে, যে নেটওয়ার্কে, যে ফোনে আছেন — সেখান থেকে পেজটা কত সেকেন্ডে দাঁড়ায়। টেস্ট লোকেশন সবসময় ঢাকা বা সিঙ্গাপুরে সেট করুন।

তিনটা ক্যাশ প্লাগিন, তারপর সাদা স্ক্রিন

সমস্যা বোঝার পর শান্ত যা করেছিলেন, সেটা অনেকেই করেন — এবং সেটাই সবচেয়ে ব্যয়বহুল ভুল। তিনি একসাথে তিনটা ক্যাশিং প্লাগিন ইনস্টল করেন: একটা ট্রায়াল ভার্সন, একটা ফ্রি, আর একটা অপটিমাইজেশন প্লাগিন। তিনটাই একই ফাইল মিনিফাই করতে চাইল, একই CSS একত্র করতে চাইল। ফল: চেকআউট পেজে সাদা স্ক্রিন, আর প্রায় ছয় ঘণ্টা সাইট কার্যত বন্ধ। ওই দিনটাই ছিল মাসের সবচেয়ে বড় ক্যাম্পেইনের দিন।

• তিনটা ক্যাশ প্লাগিন একসাথে — চেকআউটের জাভাস্ক্রিপ্ট ভেঙে যায়, অর্ডার বসে না
• মার্কেটপ্লেসে ৩০ ডলারে কেনা একটা “স্পিড অপটিমাইজেশন” গিগ — ফেরত এল সবুজ স্কোরের স্ক্রিনশট, কিন্তু হোস্টিং একই, ছবি একই, বিক্রি একই
• থিমের সেটিংসে “Optimize” টগল অন করা — যেটা আসলে শুধু CSS মিনিফাই করে, মূল সমস্যার ধারেকাছেও যায় না

আসল অপরাধী তিনজন

হোস্টিং। ঢাকা থেকে তাঁর সার্ভারের TTFB ছিল ১.৯ সেকেন্ড। মানে ব্রাউজার HTML-এর প্রথম বাইটটা পেতেই প্রায় দুই সেকেন্ড অপেক্ষা করত — এখানে ক্যাশ প্লাগিন বা ছবি অপটিমাইজেশনের কোনো ভূমিকাই নেই। এই দুই সেকেন্ড আপনি কোনো প্লাগিন দিয়ে ফেরত পাবেন না।

ছবি। হোমপেজের ওজন ছিল ৬.৮ মেগাবাইট। কারণ সাপ্লায়ারের পাঠানো প্রোডাক্ট ছবিগুলো তিনি হুবহু আপলোড করতেন — ২৫০০ পিক্সেল চওড়া PNG, প্রতিটা ১.১ থেকে ১.৪ মেগাবাইট। মোবাইলে যে ছবিটা ৩৮০ পিক্সেল জায়গা নেয়, সেটার জন্য ২৫০০ পিক্সেলের ফাইল নামছিল।

বাংলা ফন্ট। এটা এমন একটা খরচ যা বাংলাদেশের বাইরের কোনো গাইডে লেখা থাকে না। একটা পূর্ণ বাংলা ওয়েবফন্টের ফাইল সহজেই ৩০০–৫০০ কিলোবাইট হয়, কারণ বাংলা যুক্তাক্ষরের গ্লিফ সংখ্যা বিশাল। শান্তর সাইটে গুগল ফন্টস থেকে সাতটা ওয়েট লোড হচ্ছিল — তিনটা বাংলা, চারটা ইংরেজি। শুধু ফন্টেই যাচ্ছিল প্রায় ১.১ মেগাবাইট, আর সবগুলো লোড হচ্ছিল রেন্ডার-ব্লকিং হিসেবে।

• সক্রিয় প্লাগিন ৩৪টা, যার ৯টা এক বছরে একবারও ব্যবহার হয়নি। একটা স্লাইডার প্লাগিন একাই ১.৪ মেগাবাইট জাভাস্ক্রিপ্ট আনত — অথচ অ্যানালিটিক্স বলছে, ওই স্লাইডারের দ্বিতীয় স্লাইড পর্যন্ত কেউ কখনো যাননি।
• দুটো আলাদা চ্যাট উইজেট একসাথে চালু (একটা ফেসবুক মেসেঞ্জার, একটা টাওক.টু), আর গুগল ট্যাগ ম্যানেজার, ফেসবুক পিক্সেল ও টিকটক পিক্সেল — সবই হেডে সিঙ্ক্রোনাসভাবে লোড হচ্ছিল।

যে ছয়টা কাজ সত্যিই কাজে দিয়েছে

কাজগুলো করা হয়েছে ইমপ্যাক্টের ক্রম অনুযায়ী — সবচেয়ে বড় লাভ আগে। এই ক্রমটাই ওয়েবসাইট স্পিড অপটিমাইজেশনের আসল কৌশল; বেশিরভাগ মানুষ উল্টো দিক থেকে শুরু করে বলেই পরিশ্রম বেশি হয়, লাভ কম।

• ১. হোস্টিং বদল (সবচেয়ে বড় লাভ): সিঙ্গাপুর রিজিয়নের একটা লাইটস্পিড-ভিত্তিক শেয়ার্ড প্ল্যানে সরানো হয়, বছরে ৪,৮০০ টাকা। ঢাকা থেকে TTFB ১.৯ সেকেন্ড থেকে নেমে এল ৩৮০ মিলিসেকেন্ডে। এক দিনের কাজ, ২,৪০০ টাকার বাড়তি খরচ।
• ২. একটাই ক্যাশ, ঠিকমতো: LiteSpeed Cache (ফ্রি), সঙ্গে অবজেক্ট ক্যাশ চালু। ক্যাশড পেজের সার্ভার রেসপন্স ৩৮০ থেকে নেমে ১২০ মিলিসেকেন্ড। শর্ত একটাই — বাকি সব ক্যাশ প্লাগিন সম্পূর্ণ আনইনস্টল করতে হবে, শুধু ডিঅ্যাক্টিভেট নয়।
• ৩. ছবি: সব ছবি সর্বোচ্চ ১২০০ পিক্সেল চওড়ায় রিসাইজ, WebP-তে রূপান্তর, আর লেজি লোডিং চালু। হোমপেজের ওজন ৬.৮ মেগাবাইট থেকে ১.৩ মেগাবাইটে। এখন সাপ্লায়ারের ছবি আপলোডের আগে একবার রিসাইজ করা হয় — এটাই এখন তাঁর SOP।
• ৪. ফন্ট: সাতটা ওয়েট থেকে দুটোয় নামানো (একটা বাংলা, একটা ইংরেজি), গুগল থেকে না এনে নিজের সার্ভারে হোস্ট করা, আর font-display: swap সেট করা। বাংলা ফন্টটা সাবসেট করা হয়েছে শুধু প্রয়োজনীয় গ্লিফ রেখে — ৪২০ কিলোবাইট থেকে ৯৫ কিলোবাইটে।
• ৫. প্লাগিন ছাঁটাই: ৩৪ থেকে ১৯। স্লাইডারটা বাদ দিয়ে একটা স্ট্যাটিক হিরো ইমেজ বসানো হয়েছে (বিক্রিতে কোনো নেতিবাচক প্রভাব পড়েনি, বরং LCP উন্নত হয়েছে)। দুটো চ্যাট উইজেটের একটা বাদ।
• ৬. থার্ড-পার্টি স্ক্রিপ্ট দেরি করে লোড: পিক্সেল আর ট্যাগ ম্যানেজার আর হেডে সিঙ্ক্রোনাস নয় — ব্যবহারকারীর প্রথম ইন্টারঅ্যাকশনের পর লোড হয়। ট্র্যাকিং ঠিকই কাজ করে, কিন্তু প্রথম রেন্ডার আটকায় না।

সঙ্গে ক্লাউডফ্লেয়ারের ফ্রি প্ল্যানও চালু করা হয়েছে। এখানে একটা ভালো খবর আছে: ক্লাউডফ্লেয়ারের ঢাকায় নিজস্ব পপ আছে, ফলে স্ট্যাটিক ফাইলগুলো দেশের ভেতর থেকেই সার্ভ হয়। তবে খেয়াল রাখতে হবে — ক্লাউডফ্লেয়ার খারাপ হোস্টিংকে ভালো বানায় না, সেটা কেবল ছবি আর CSS-এর দূরত্ব কমায়। HTML এখনো মূল সার্ভার থেকেই আসে।

সংখ্যায় আগে আর পরে

• LCP (ঢাকা, ৪জি, মাঝারি অ্যান্ড্রয়েড ফোন): ৯.৪ সেকেন্ড → ২.৬ সেকেন্ড
• হোমপেজের মোট ওজন: ৬.৮ MB → ১.৩ MB
• PageSpeed Insights মোবাইল স্কোর: ২১ → ৭৪
• অ্যাড ল্যান্ডিং পেজে বাউন্স: ৭১% → ৪৮%
• অ্যাড-টু-কার্ট রেট: ১.২% → ২.৯%
• মাসিক অর্ডার (একই ২৫,০০০ টাকা অ্যাড বাজেটে): ৩৮ → ৮৭

সবচেয়ে গুরুত্বপূর্ণ লাইনটা শেষেরটা। অ্যাডের খরচ এক টাকাও বাড়েনি, ক্রিয়েটিভ বদলায়নি, দামও কমেনি। শুধু পেজটা দাঁড়াতে শিখেছে। মোট খরচ: হোস্টিংয়ে বাড়তি ২,৪০০ টাকা প্রতি বছর, প্লাগিনে শূন্য টাকা, আর তিনটা ছুটির দিন।

যা তিনি করেননি, এবং আপনারও দরকার নেই

• সব প্লাগিন বাদ দিয়ে সাইট নতুন করে বানানো: দরকার ছিল না। একই থিম, একই WooCommerce, শুধু আবর্জনা সরানো হয়েছে।
• PageSpeed-এ ১০০ স্কোরের পেছনে ছোটা: ৭৪ থেকে ৯০-এ যেতে যে পরিশ্রম লাগত, তাতে বিক্রি এক টাকাও বাড়ত না। ২.৫ সেকেন্ডের নিচে LCP নামলে ক্রেতা আর অপেক্ষা করছেন বলে টেরই পান না।
• দামি পেইড অপটিমাইজেশন প্লাগিন কেনা: LiteSpeed Cache ফ্রি এবং লাইটস্পিড সার্ভারে এটাই সবচেয়ে ভালো কাজ করে। টাকা খরচ করতে হলে সেটা হোস্টিংয়ে করুন, প্লাগিনে নয়।

সচরাচর জিজ্ঞাসা

আমার সাইট স্লো কি না, সেটা ঠিকভাবে মাপব কীভাবে? PageSpeed Insights ব্যবহার করুন এবং মোবাইল ট্যাবটা দেখুন, ডেস্কটপটা নয়। সঙ্গে ক্রোমের DevTools খুলে Network ট্যাবে থ্রটলিং “Slow 4G” সেট করে নিজের সাইটটা লোড করুন। এই দুটোই ফ্রি এবং বাস্তবের কাছাকাছি। GTmetrix ব্যবহার করলে টেস্ট লোকেশন অবশ্যই সিঙ্গাপুর বা তার কাছাকাছি সেট করুন।

দেশি হোস্টিং নেব, নাকি বিদেশি? ক্রেতা যদি প্রায় সবাই বাংলাদেশে থাকেন, তাহলে সিঙ্গাপুর একটা চমৎকার মধ্যপন্থা — লেটেন্সি কম, অবকাঠামো নির্ভরযোগ্য। দেশি হোস্টিংয়ে লেটেন্সি আরও কম, কিন্তু আপটাইম আর সাপোর্টের মান যাচাই করে নিন। সবচেয়ে খারাপ পছন্দ হলো আমেরিকার সস্তা শেয়ার্ড প্ল্যান, যেখানে প্রতিটা রিকোয়েস্টে অর্ধেক পৃথিবী ঘুরে আসতে হয়।

ক্যাশ প্লাগিন বসালেই কি হয়ে যাবে? না। ক্যাশ প্লাগিন সার্ভারের কাজ কমায়, কিন্তু ছবি ভারী হলে, ফন্ট ভারী হলে বা হোস্টিংয়ের TTFB বেশি হলে ক্যাশ কিছুই করতে পারে না। ক্রমটা মনে রাখুন: আগে হোস্টিং, তারপর ক্যাশ, তারপর ছবি ও ফন্ট, সবশেষে থার্ড-পার্টি স্ক্রিপ্ট।

Elementor বা পেজ বিল্ডার ব্যবহার করলে কি সাইট স্লো হবেই? হতেই হবে এমন নয়, তবে বিল্ডার বাড়তি CSS ও DOM নোড যোগ করে। বাস্তব পরামর্শ: বিল্ডার ব্যবহার করুন, কিন্তু যে পেজগুলোয় সবচেয়ে বেশি অ্যাড ট্রাফিক নামে (প্রোডাক্ট পেজ, ল্যান্ডিং পেজ), সেগুলো যতটা সম্ভব হালকা রাখুন — কম সেকশন, কম উইজেট, কোনো অ্যানিমেশন নয়।

শান্তর সাইটে অসাধারণ কোনো কৌশল খাটানো হয়নি। শুধু ঠিক ক্রমে ঠিক কাজগুলো করা হয়েছে, আর সবচেয়ে বড় সমস্যাটা (হোস্টিং) সবার আগে ধরা হয়েছে। আপনার সাইটও যদি অ্যাডের টাকা খেয়ে ফেলছে বলে সন্দেহ হয়, প্রথমে ঢাকা থেকে একটা সৎ পরিমাপ নিন। স্ট্যাক অ্যালিক্স ওয়ার্ডপ্রেস ও উকমার্স সাইটের স্পিড অডিট করে — কী ঠিক করলে কত সেকেন্ড বাঁচবে, সেটা সংখ্যায় বলে দিই, তারপর আপনি সিদ্ধান্ত নেন।