"অফিসে আমাদের ওয়েবসাইট ঠিকঠাক খোলে, কিন্তু গ্রাহকেরা বলেন ফোনে খুলতে অনেক সময় লাগে।" দ্রুত ওয়াই-ফাইয়ে অফিসের পরীক্ষা আসল সমস্যা লুকিয়ে রাখে। আপনার বেশিরভাগ দর্শক আসেন ফেসবুক, গুগল বা হোয়াটসঅ্যাপ থেকে, মাঝারি মানের ফোনে আর মোবাইল ডেটায়, বড় শহরের বাইরে অনেক সময় দুর্বল নেটওয়ার্কে। কাজের কিছু দেখাতে পেজ বেশি সময় নিলে অনেকে বন্ধ করে দেন, আর তাদের আনতে খরচ করা টাকা বৃথা যায়।
গ্রাহকের চোখে পরীক্ষা করুন
- মোবাইল ডেটায় আসল ফোন ব্যবহার করুন। অফিসের ওয়াই-ফাই নয়, অফিসের সবচেয়ে নতুন ফোনও নয়। হোমপেজ, একটি পণ্য বা সেবার পেজ, আর যে পেজে বিজ্ঞাপন পাঠায় সেটা খুলুন। সত্যিকারভাবে পড়া আর ট্যাপ করার মতো হতে কত সময় লাগে, লিখে রাখুন।
- একই পেজগুলো Google PageSpeed Insights-এ পরীক্ষা করুন। এটা বিনামূল্যে, মোবাইল ভিউ পরীক্ষা করে, আর প্রতিটি পেজ কী কারণে ধীর তার তালিকা দেয়। স্কোরের পেছনে না ছুটে এর বিশ্লেষণে মনোযোগ দিন।
- নিজের নেটওয়ার্কের বাইরে থেকে দেখুন। অন্য জেলার কোনো পরিচিতকে একই পেজ খুলে অভিজ্ঞতা জানাতে বলুন।
- যা পেলেন, পেজ ধরে লিখে রাখুন, যাতে প্রতিটি সমাধানের পর মিলিয়ে দেখতে পারেন।
সাধারণ কারণগুলো
- অতিরিক্ত বড় ছবি। ফোনের ক্যামেরা বা ডিজাইনারের ফাইল থেকে সরাসরি তোলা ছবি, যা দরকারের চেয়ে অনেক গুণ বড়। এটাই সবচেয়ে সাধারণ কারণ, আর ঠিক করাও সবচেয়ে সহজ।
- অতিরিক্ত প্লাগইন আর স্ক্রিপ্ট। স্লাইডার, পপআপ, চ্যাট উইজেট, একাধিক ট্র্যাকিং কোড, ফেসবুক ফিড আর বাড়তি ফন্ট, প্রতিটি কিছুটা ভার যোগ করে, আর সব মিলে অনেক।
- ভারী থিম আর পেজ বিল্ডার, যা প্রতিটি পেজে প্রচুর কোড লোড করে, বেশিরভাগ ব্যবহার না হলেও।
- বড় ফন্ট ফাইল, অনেকগুলো ওয়েটে লোড হওয়া বাংলা ফন্টসহ।
- ধীর বা অতিরিক্ত চাপে থাকা হোস্টিং, অথবা দর্শকদের থেকে দূরের সার্ভার, সামনে কোনো সিডিএন ছাড়া।
- ক্যাশিং নেই, ফলে প্রতিটি দর্শকের জন্য সার্ভার প্রতিবার নতুন করে পেজ তৈরি করে।
- নিজে থেকে চলা ভিডিও বা বড় ব্যাকগ্রাউন্ড ভিডিও।
এই ক্রমে ঠিক করুন
- কিছু বদলানোর আগে পুরো ব্যাকআপ নিন।
- ছবির মাপ ছোট করে কমপ্রেস করুন, ওয়েবপি-র মতো আধুনিক ফরম্যাট ব্যবহার করুন, আর পেজের নিচের দিকের ছবি লেজি-লোড করুন।
- যা ব্যবহার হয় না, সরান। অব্যবহৃত প্লাগইন, পপআপ আর উইজেট বন্ধ করে মুছে দিন। কোন ট্র্যাকিং কোড সত্যিই দরকার দেখুন, আর বিজ্ঞাপন যেগুলোর ওপর নির্ভর করে সেগুলো চালু রাখুন।
- ক্যাশিং চালু করুন, আর সাইটের সামনে একটি সিডিএন বসান, যাতে ফাইল দর্শকের কাছাকাছি জায়গা থেকে আসে।
- ফন্ট কমান। কম ওয়েট লোড করুন, বা যেখানে দেখতে ঠিক লাগে সেখানে সিস্টেম ফন্ট ব্যবহার করুন।
- হোস্টিং যাচাই করুন। ওপরের ধাপের পরেও সার্ভার ধীর থাকলে হোস্টিং প্ল্যান বা প্রোভাইডারই বাধা হতে পারে।
- থিম আর কোড দেখুন। মূল সমস্যা যদি ভারী থিম বা পেজ বিল্ডার হয়, তাহলে গুরুত্বপূর্ণ পেজগুলো হালকাভাবে নতুন করে বানানোই টেকসই সমাধান হতে পারে।
- আবার পরীক্ষা করুন, একই ফোন আর পেজে, আর আগের নোটের সঙ্গে মিলিয়ে দেখুন।
টানাপোড়েন আর সাধারণ ভুল
- নিখুঁত স্কোরের পেছনে ছোটা। পরীক্ষায় ভালো স্কোর ভালো, কিন্তু আসল কথা গ্রাহকের ফোনে পেজ দ্রুত খোলে কিনা।
- ত্রিশটি প্লাগইনের ওপর আরেকটি স্পিড প্লাগইন বসানো। নতুন টুল যোগ করার চেয়ে ভার কমানো সাধারণত বেশি কাজে দেয়।
- ঠিক করতে গিয়ে কিছু ভেঙে ফেলা। কড়া সেটিংস চেকআউট, ফর্ম বা আপনার Meta Pixel ভেঙে দিতে পারে। প্রতিটি পরিবর্তনের পর গুরুত্বপূর্ণ কাজগুলো পরীক্ষা করুন।
- শুধু হোমপেজ ঠিক করা। বিজ্ঞাপনের ল্যান্ডিং পেজ আর পণ্যের পেজ অনেক সময় বেশি গুরুত্বপূর্ণ।
নিজে যা পারবেন, ডেভেলপার যেখানে লাগে
ছবি ছোট করা, অব্যবহৃত প্লাগইন সরানো আর আসল ফোনে পরীক্ষা আপনি নিজেই করতে পারেন। ডেভেলপার সাহায্য করেন ক্যাশিং আর সিডিএন সেটআপ, সার্ভার কনফিগারেশন, থিমের কোড পরিষ্কার করা, ভারী ফিচারের জায়গায় হালকা বিকল্প বসানো, আর পুরো কাজে কিছু যেন না ভাঙে তা দেখতে। প্লাগইনই মূল সমস্যা হলে দেখুন অতিরিক্ত ওয়ার্ডপ্রেস প্লাগইন। গতি বাড়ানোর কাজ আমার সফটওয়্যার ও ওয়েবসাইট ডেভেলপমেন্ট সেবার অংশ।
সবচেয়ে ছোট প্রথম ধাপ
আজই ওয়াই-ফাই বন্ধ করে নিজের ফোনে সবচেয়ে গুরুত্বপূর্ণ তিনটি পেজ খুলুন, তারপর PageSpeed Insights-এ পরীক্ষা করুন। সবচেয়ে ধীর পেজের ছবিগুলো আগে ঠিক করে আবার পরীক্ষা করুন। কারণ এর চেয়ে গভীরে হলে যোগাযোগ করুন।