বেশিরভাগ ভিজিটর মোবাইল থেকে আসেন আর ইন্টারনেট সবসময় দ্রুত থাকে না। পেজ দেরিতে খুললে বা পড়ার সময় নড়তে থাকলে মানুষ আপনার অফার না দেখেই চলে যান।
গুগল এই অভিজ্ঞতাকে তিনটি মাপকাঠিতে ধরে, যার নাম Core Web Vitals। নাম কারিগরি হলেও অর্থ সহজ, আর এগুলো ঠিক করতে প্রোগ্রামার হওয়া লাগে না।
PageSpeed Insights দিয়ে মোবাইলে সাইট মাপুন এবং সবচেয়ে ভারী বিষয়গুলো আগে ঠিক করুন: বড় ছবি, অপ্রয়োজনীয় স্ক্রিপ্ট ও লোডের সময় নড়াচড়া করা অংশ। তিন-চারটি পরিবর্তনেই প্রায়ই বড় পার্থক্য হয়।
LCP, INP ও CLS মানে কী
LCP বলে স্ক্রিনের সবচেয়ে বড় জিনিস, সাধারণত ছবি বা বড় শিরোনাম, কত সময়ে দেখা যায়। INP বলে বাটন চাপলে পেজ কত দ্রুত সাড়া দেয়। CLS বলে লোড হওয়ার সময় জিনিসপত্র জায়গা থেকে নড়ে কি না।
সহজ করে বললে: দ্রুত দেখা যায় কি, সঙ্গে সঙ্গে সাড়া দেয় কি, আর স্থির থাকে কি? তিনটির উত্তর হ্যাঁ হলে সাইট ঠিক আছে।
- LCP: মূল বিষয়বস্তু প্রায় আড়াই সেকেন্ড বা কমে দেখা যাবে।
- INP: স্পর্শের সাড়া তাৎক্ষণিক মনে হবে।
- CLS: লোডের সময় কিছু জায়গা থেকে নড়বে না।
গতি কীভাবে মাপবেন
PageSpeed Insights খুলুন, ঠিকানা দিন এবং আগে মোবাইলের ফল দেখুন। আসল ব্যবহারকারীদের তথ্য দেখা গেলে তা ল্যাব স্কোরের চেয়ে বেশি গুরুত্বপূর্ণ।
হোম পেজ এবং যে পেজ থেকে বিক্রি হয় তা মাপুন। কিছু বদলানোর আগে ফল লিখে রাখুন, যাতে পরে উন্নতি যাচাই করা যায়।
সবচেয়ে বেশি পার্থক্য গড়ার উন্নতি
ছোট সাইটে প্রায়ই সমস্যা ছবি। হিরোতে কয়েক এমবির একটি ছবিই একা LCP নষ্ট করে দিতে পারে।
- ছবি ছোট করুন এবং WebP-এর মতো আধুনিক ফরম্যাট ব্যবহার করুন।
- প্রতিটি ছবির প্রস্থ ও উচ্চতা ঠিক করুন যাতে পেজ না নড়ে।
- যে ছবি শুরুতে দেখা যায় না তা পরে লোড করুন।
- ব্যবহার না হওয়া চ্যাট উইজেট, পিক্সেল ও ফন্ট সরান।
- ফন্ট এক বা দুইটির মধ্যে রাখুন।
হোস্টিংও প্রভাব ফেলে
ধীর সার্ভার সবকিছু ধীর করে দেয়। এমন হোস্টিং বেছে নিন যার সার্ভার আপনার গ্রাহকদের কাছাকাছি এবং ক্যাশিং চালু।
কুকি ব্যানার বা পপ-আপ দিলে তা যেন বিষয়বস্তু না নড়ায় ও পেজ না ঢাকে, এতে CLS ও অভিজ্ঞতা দুটোই খারাপ হয়। মোবাইল ডেটা ও দুর্বল নেটওয়ার্কে পরীক্ষা করতে ভুলবেন না।
Uttra দিয়ে করুন
চ্যাটে বলুন: আমার হোম পেজ মোবাইলের জন্য দ্রুত করো, ছবি ছোট করো, তাদের মাপ ঠিক করো এবং অপ্রয়োজনীয় জিনিস সরাও। তারপর PageSpeed Insights-এ আবার মাপুন এবং নিজের নোটের সঙ্গে তুলনা করুন।