ধীর e-commerce website: কারণ খুঁজে speed বাড়ানোর উপায়

নিজের website খুললে ঘুরতে থাকে, product ছবি আসতে দেরি হয়, customer Messenger-এ লিখছে "আপনার site খুলছে না"। Wi-Fi-তে হয়তো মোটামুটি চলে, কিন্তু mobile data-তে, বিশেষ করে ঢাকার বাইরে, অবস্থা আরও খারাপ। ধীর website মানে বিজ্ঞাপনের click নষ্ট, visitor চলে যাওয়া, আর Google-এও পিছিয়ে পড়া।

এই লেখায় দেখব কীভাবে মাপবেন website আসলে কতটা ধীর, সবচেয়ে সাধারণ কারণগুলো কী (সম্ভাবনা ও ঠিক করার খরচ অনুযায়ী সাজানো), আর প্রতিটির সমাধান কী। কোডিং না জানলেও আপনি বুঝতে পারবেন আপনার developer-কে কী করতে বলবেন।

প্রথমে মাপুন — অনুভূতি দিয়ে নয়

Google-এর বিনামূল্যের PageSpeed Insights-এ আপনার homepage, একটা category page ও একটা জনপ্রিয় product page-এর URL দিয়ে test করুন — শুধু homepage নয়, কারণ বিজ্ঞাপনের traffic সাধারণত product page-এ নামে। Mobile ফলাফলটাই আগে দেখুন।

সেখানে কয়েকটা মাপকাঠি পাবেন। সবচেয়ে গুরুত্বপূর্ণ হলো LCP (মূল content, সাধারণত বড় ছবি, কত দ্রুত দেখা যায়), INP (click বা tap করলে page কত দ্রুত সাড়া দেয়) এবং CLS (load হওয়ার সময় জিনিসপত্র লাফায় কি না)। এগুলোর সহজ ব্যাখ্যা আছে Core Web Vitals সহজ ভাষায় লেখায়।

সাথে বাস্তব পরীক্ষাও করুন: নিজের ফোনে Wi-Fi বন্ধ করে mobile data দিয়ে site খুলুন। সম্ভব হলে ঢাকার বাইরের কোনো আত্মীয় বা পরিচিত কাউকে খুলে দেখতে বলুন।

ধীর হওয়ার সাধারণ কারণ — কোনটা আগে check করবেন

১. বড় ও অপ্টিমাইজ না করা ছবি (সবচেয়ে সাধারণ)

ক্যামেরা বা ফোন থেকে তোলা কয়েক MB-র ছবি সরাসরি upload করা হলে প্রতিটি product page ভারী হয়ে যায়। ছবিকে প্রয়োজনীয় মাপে ছোট করুন, compress করুন এবং WebP ফরম্যাটে দিন। বিস্তারিত পদ্ধতি: WebP image optimization গাইড। এটা সাধারণত সবচেয়ে কম খরচে সবচেয়ে বেশি উন্নতি আনে।

২. Homepage-এ ভারী slider ও অনেক banner

অনেক বড় ছবির slider, auto-play video, আর একটার পর একটা banner — প্রথম screen দেখাতেই অনেক data লাগে। একটা পরিষ্কার hero ছবি বা সরাসরি জনপ্রিয় product দেখানো প্রায়ই দ্রুত এবং বিক্রিতেও কার্যকর।

৩. অতিরিক্ত plugin, app ও third-party script

WordPress/WooCommerce-এ অনেক plugin, আর যেকোনো platform-এ chat widget, একাধিক tracking script, popup tool, review widget — প্রত্যেকটা আলাদা file load করে। যেগুলো ব্যবহার হয় না সেগুলো সরান। একই কাজের জন্য দুইটা tool থাকলে একটা রাখুন।

৪. Lazy loading নেই বা ভুল জায়গায়

Page-এর নিচের দিকের ছবি শুরুতেই load না করে scroll করলে load করা (lazy loading) অনেক data বাঁচায়। কিন্তু সবচেয়ে উপরের মূল ছবিতে lazy loading দিলে উল্টো LCP ধীর হয়। কোথায় দেবেন, কোথায় দেবেন না জানতে দেখুন lazy loading গাইড।

৫. দুর্বল hosting

খুব সস্তা shared hosting-এ অনেক website একসাথে একটা server ভাগ করে, ফলে server সাড়া দিতেই দেরি হয় (PageSpeed-এ "server response time" বা TTFB বেশি দেখায়)। Server বাংলাদেশ থেকে অনেক দূরে হলেও সমস্যা বাড়ে। ছবি ও plugin ঠিক করার পরও site ধীর থাকলে hosting upgrade বা CDN বিবেচনা করুন।

৬. Cache না থাকা

প্রতিবার প্রতিটি visitor-এর জন্য page নতুন করে তৈরি হলে server-এর উপর চাপ পড়ে। Page cache, browser cache এবং প্রয়োজনে object cache চালু থাকলে একই page বারবার দ্রুত দেওয়া যায়। আপনার platform বা developer-এর কাছে জেনে নিন cache চালু আছে কি না।

৭. ভারী theme ও অপ্রয়োজনীয় font

"সব কিছু আছে" ধরনের বহুমুখী theme অনেক অব্যবহৃত CSS ও JavaScript load করে। অনেকগুলো font ও font weight-ও ধীর করে। বাংলা font ব্যবহার করলে শুধু দরকারি weight রাখুন।

ধাপে ধাপে speed ঠিক করার পরিকল্পনা

1. 1
   Baseline মাপুন: PageSpeed Insights-এ homepage, category ও product page-এর mobile ফলাফল screenshot নিয়ে রাখুন।
2. 2
   ছবি ঠিক করুন: সব product ও banner ছবি সঠিক মাপে resize, compress ও WebP করুন; নতুন upload-এর জন্যও একই নিয়ম রাখুন।
3. 3
   Homepage হালকা করুন: slider-এর ছবি কমান, auto-play video সরান।
4. 4
   Plugin ও script পর্যালোচনা: প্রতিটি plugin/script-এর তালিকা করুন, অব্যবহৃত বা একই কাজের অতিরিক্তগুলো সরান।
5. 5
   Lazy loading ঠিক করুন: নিচের ছবিতে চালু, উপরের মূল ছবিতে বন্ধ।
6. 6
   Cache চালু করুন: page ও browser cache সক্রিয় কি না নিশ্চিত করুন।
7. 7
   Server response দেখুন: TTFB বেশি থাকলে hosting upgrade বা CDN নিয়ে ভাবুন।
8. 8
   আবার মাপুন: একই page-গুলো আবার test করে আগের screenshot-এর সাথে মেলান।
9. 9
   বাস্তবে পরীক্ষা করুন: mobile data দিয়ে নিজে এবং ঢাকার বাইরের কাউকে দিয়ে site খুলিয়ে দেখুন।

Developer বা hosting provider-কে কী জিজ্ঞেস করবেন

নিজে technical কাজ না করলেও সঠিক প্রশ্ন করতে পারলে অনেক দ্রুত সমাধান আসে। এই প্রশ্নগুলো লিখে পাঠাতে পারেন:

• Page cache ও browser cache চালু আছে কি? কোন tool বা পদ্ধতিতে?
• নতুন upload করা ছবি কি স্বয়ংক্রিয়ভাবে resize ও compress হয়? WebP-তে দেওয়া হয় কি?
• Website-এ কতগুলো plugin/extension আছে, আর কোনগুলো আসলে ব্যবহার হয়?
• কোন কোন third-party script (chat, tracking, popup) load হয়, আর সেগুলো কি page-এর মূল content-এর পরে load হয়?
• Server কোথায় অবস্থিত, আর server response time কত?
• CDN ব্যবহার করা হয় কি? না হলে আমাদের জন্য দরকার আছে কি?

উত্তরগুলো লিখিতভাবে রাখুন। পরে কোনো পরিবর্তনের পর site আবার ধীর হলে কোথায় দেখতে হবে তা বুঝতে সুবিধা হবে।

সাধারণ ভুলগুলো

কীভাবে বুঝবেন উন্নতি হয়েছে

একই page-গুলোর আগের ও পরের PageSpeed ফলাফল তুলনা করুন — বিশেষ করে mobile LCP। Google-এর নির্দেশিকায় "ভালো" ধরা হয় LCP ২.৫ সেকেন্ডের মধ্যে, INP ২০০ millisecond বা কম, আর CLS ০.১ বা কম (৭৫% page load-এর হিসাবে)। কিছুদিন পর Search Console-এর Core Web Vitals report-এ আসল visitor-দের ডেটা থেকে উন্নতি দেখা যায় (এতে সময় লাগে, কারণ এটা কয়েক সপ্তাহের ডেটা জমিয়ে দেখায়)।

ব্যবসার দিক থেকে দেখুন: Facebook Ads-এ Link Click-এর তুলনায় Landing Page View-এর অনুপাত বাড়ছে কি না, এবং analytics-এ bounce বা engagement উন্নত হচ্ছে কি না। Speed ঠিক হলে বিজ্ঞাপনের একই click থেকে বেশি মানুষ page পর্যন্ত পৌঁছায়।

এখন কী করবেন

আজই তিনটি গুরুত্বপূর্ণ page PageSpeed Insights-এ test করে baseline রাখুন, তারপর ছবি দিয়ে শুরু করুন — এটাই সাধারণত সবচেয়ে সহজ ও কার্যকর। Plugin, theme বা hosting-এর মতো technical পরিবর্তনের আগে site-এর backup নিন; প্রতিটি technical ধাপের বিস্তারিত পাবেন PageSpeed optimization for online shops গাইডে। কোনটা আপনার site-এর আসল bottleneck তা নিশ্চিত হতে না পারলে একটা site audit সময় ও টাকা দুটোই বাঁচায়।