মূল ওয়েব ভাইটাল বোঝা: আপনার ওয়েবসাইটের গুরুত্বপূর্ণ লক্ষণ

2020 সালের মে মাসে, Google কোর ওয়েব ভাইটাল চালু করেছে, ওয়েবসাইটের পারফরম্যান্স মূল্যায়নের জন্য মেট্রিক্সের একটি সেট। ফলস্বরূপ, কিছু সাইটের ট্র্যাফিক হ্রাস পেয়েছে; যাইহোক, অন্যরা যারা দ্রুত অভিযোজিত হয়েছে তা উল্লেখযোগ্য সুবিধা দেখেছে।

এই নিবন্ধটির লক্ষ্য কোর ওয়েব ভাইটালগুলিকে রহস্যময় করা এবং ব্যবসায়িক ওয়েবসাইটের জন্য তাদের গুরুত্ব তুলে ধরা। আমরা অন্বেষণ করব কীভাবে এই মেট্রিক্সগুলি ব্যবহারকারীর অভিজ্ঞতা বাড়াতে পারে এবং ফলস্বরূপ, রূপান্তর হারের মতো ব্যবসায়িক ফলাফলগুলিকে উন্নত করতে পারে৷

এখানে গুগলের দল কিভাবে জোর দেয় কোর ওয়েব ভাইটাল এর মান:

“সাইট মালিকদের তাদের ব্যবহারকারীদের কাছে তারা যে অভিজ্ঞতা প্রদান করছে তা বোঝার জন্য পারফরম্যান্স বিশেষজ্ঞ হতে হবে না। ওয়েব ভাইটালস উদ্যোগের লক্ষ্য হল ল্যান্ডস্কেপকে সরল করা এবং সাইটগুলিকে সবচেয়ে গুরুত্বপূর্ণ মেট্রিক্সের উপর ফোকাস করতে সাহায্য করা, কোর ওয়েব ভাইটালস।"

"আমরা সার্চের সাথে সাফল্যের জন্য এবং সাধারণভাবে একটি দুর্দান্ত ব্যবহারকারীর অভিজ্ঞতা নিশ্চিত করার জন্য সাইটের মালিকদের ভাল কোর ওয়েব ভাইটাল অর্জন করার সুপারিশ করি।"

"গুগলের মূল র‍্যাঙ্কিং সিস্টেমগুলি এমন সামগ্রীকে পুরস্কৃত করার দিকে নজর দেয় যা একটি ভাল পৃষ্ঠার অভিজ্ঞতা প্রদান করে।"

আমি একটি এ কাজ করি ওয়েব ডেভেলপমেন্ট কোম্পানি , এবং এই পোস্টে, আমি আমার দলের অন্তর্দৃষ্টি এবং ক্লায়েন্টদের ওয়েবসাইটে কাজ করার সময় আমরা যা করি তা শেয়ার করব। উপরন্তু, আমি আপনার ওয়েবসাইটকে Google-এর মানগুলির সাথে সারিবদ্ধ করার জন্য ব্যবহারিক কৌশলগুলি অন্তর্ভুক্ত করি, একটি শক্তিশালী অনলাইন উপস্থিতি নিশ্চিত করে৷ চল শুরু করি!

কোর ওয়েব ভাইটাল কি?

কোর ওয়েব ভাইটাল, Google দ্বারা প্রবর্তিত, হল মূল উপাদান যা একটি ওয়েবপৃষ্ঠার সামগ্রিক ব্যবহারকারীর অভিজ্ঞতা নির্ধারণে একটি গুরুত্বপূর্ণ ভূমিকা পালন করে। এগুলি Google যাকে 'পৃষ্ঠার অভিজ্ঞতা' সংকেত বলে তার একটি অংশ, যেগুলি অনুসন্ধানের ফলাফলে একটি পৃষ্ঠা কতটা ভাল স্থান পেয়েছে তা নির্ধারণ করতে ব্যবহৃত হয়৷

এই মেট্রিক্সগুলিকে ডিজাইন করা হয়েছে ওয়েবসাইটের মালিকদের একটি পরিষ্কার ছবি দেওয়ার জন্য যে বাস্তব ব্যবহারকারীরা তাদের সাইটের অভিজ্ঞতা কেমন। তারা পৃষ্ঠাগুলি কত দ্রুত লোড হয়, লোড করার সময় লেআউটটি কতটা স্থিতিশীল এবং একটি সাইট ব্যবহারকারীর ইন্টারঅ্যাকশনে কত দ্রুত প্রতিক্রিয়া জানায় সেগুলির উপর ফোকাস করে। এই বিষয়গুলিকে উন্নত করলে Google সার্চের ফলাফলে আরও ভাল অবস্থানে আসতে পারে, যা অনলাইনে যেকোনো ব্যবসার জন্য অত্যন্ত গুরুত্বপূর্ণ।

আমি নিম্নলিখিত বিভাগে কোর ওয়েব ভাইটালগুলিকে আরও বিশদভাবে অন্বেষণ করব, তারা কীভাবে কাজ করে এবং কীভাবে আপনি এই গুরুত্বপূর্ণ মেট্রিক্সের জন্য আপনার ওয়েবসাইটকে অপ্টিমাইজ করতে পারেন তা বুঝতে আপনাকে সহায়তা করব৷

ব্যবসার সাফল্যের গল্প যেগুলি CWV-এর যত্ন নেয়

পূর্ববর্তী বিভাগ থেকে পয়েন্ট প্রমাণ করার জন্য, আমরা একটি Google খুলতে পারি কোর ওয়েব ভাইটাল রিপোর্ট এবং ক্লিক করুন " এখানে অতিরিক্ত কেস স্টাডি পড়ুন "। এই সংস্থানটি আমাদের ওয়েবসাইটগুলির বাস্তব সাফল্যের গল্প সম্পর্কে বলে যেগুলি তাদের কার্যকারিতা সমস্যাগুলি সমাধান করেছে এবং একটি বিশাল সুবিধা অর্জন করেছে৷ আসুন এই গল্পগুলির কয়েকটির দিকে নজর দেওয়া যাক:

• গ্রুপ রেনল্ট আবিষ্কৃত বৃহত্তম কন্টেন্টফুল পেইন্ট (LCP) এবং তাদের ওয়েবসাইটের বাউন্স এবং রূপান্তর হারের মধ্যে একটি উল্লেখযোগ্য লিঙ্ক। তারা পর্যবেক্ষণ করেছে যে LCP মাত্র এক সেকেন্ডে বাড়ানোর ফলে বাউন্স রেট 14 শতাংশ পর্যন্ত কমে যেতে পারে এবং রূপান্তরগুলি 13% বৃদ্ধি পেতে পারে।
• ফারফেচ অভিজ্ঞ LCP-তে প্রতি 100ms উন্নতির সাথে ওয়েব রূপান্তর হারে 1.3% বৃদ্ধি।
• Rakuten 24 এর A/B পরীক্ষা প্রকাশিত যে ভাল ওয়েব ভাইটালগুলি অন্যান্য সুবিধার মধ্যে প্রতি ভিজিটর প্রতি রাজস্ব 53.4% বৃদ্ধি, রূপান্তর হারে 33.1% বৃদ্ধি, গড় অর্ডার মান 15.2% বৃদ্ধি এবং প্রস্থান হারে 35.1% হ্রাসের দিকে পরিচালিত করেছে।
• কার্পে, তাদের LCP 52% এবং ক্রমবর্ধিত বিন্যাস শিফট 41% বৃদ্ধি করে, দেখেছি ট্রাফিকের 10% বৃদ্ধি, অনলাইন স্টোরের রূপান্তর হারে 5% বৃদ্ধি এবং রাজস্ব 15% বৃদ্ধি।

এসইও এর উপর প্রভাব

কোর ওয়েব ভাইটালগুলি এসইও-এর জন্য অত্যন্ত গুরুত্বপূর্ণ কারণ তারা ব্যবহারকারীর অভিজ্ঞতার জন্য স্পষ্ট মেট্রিক্স প্রদান করে, একটি ফ্যাক্টর যা Google এখন তার র‌্যাঙ্কিং অ্যালগরিদমে অন্তর্ভুক্ত করে। এই একীকরণ আরও ভাল অনুসন্ধান ফলাফলের অবস্থানের জন্য এই মানগুলি পূরণ করার জন্য ওয়েবসাইটগুলির প্রয়োজনীয়তার উপর জোর দেয়৷

এসইও (সার্চ ইঞ্জিন অপ্টিমাইজেশান) হল একটি ওয়েবসাইটকে সার্চ ইঞ্জিনের ফলাফলে র‌্যাঙ্কিং উন্নত করতে, আরও দর্শক এবং সম্ভাব্য গ্রাহকদের আকৃষ্ট করতে সাহায্য করার অভ্যাস।

এসইও এর বাইরে, কোর ওয়েব ভাইটাল সামগ্রিক ওয়েবসাইটের কর্মক্ষমতাকে প্রভাবিত করে। এই মেট্রিক্সে ভাল স্কোর করে এমন ওয়েবসাইটগুলি দ্রুত লোড হয়, স্থিতিশীল মিথস্ক্রিয়া প্রদান করে এবং ব্যবহারকারী-বন্ধুত্ব বাড়ায়, যার ফলে ব্যবহারকারীর ব্যস্ততা এবং রূপান্তর হার বেশি হয়।

যদিও গুরুত্বপূর্ণ, কোর ওয়েব ভাইটালগুলি Google-এর র‌্যাঙ্কিং মাপদণ্ডের অনেকগুলি কারণের মধ্যে একটি মাত্র৷ এই মেট্রিক্সে উৎকৃষ্টতা একটি সাইটের অনুসন্ধান র‌্যাঙ্কিং উন্নত করতে পারে, কিন্তু তারা শীর্ষস্থানীয় স্থান নির্ধারণের গ্যারান্টি দেয় না। একটি ভাল বৃত্তাকার এসইও কৌশল অন্যান্য কারণগুলির পাশাপাশি এইগুলি বিবেচনা করা উচিত।

2021 সালের মে মাসে, গুগল ঘোষণা করেছিল যে কোর ওয়েব ভাইটাল একটি অফিসিয়াল র্যাঙ্কিং ফ্যাক্টর হয়ে উঠবে। এই আপডেটের অর্থ হল ভাল স্কোর সহ ওয়েবসাইটগুলি উন্নত র‌্যাঙ্কিং দেখতে পারে এবং যাদের স্কোর খারাপ তারা শাস্তির সম্মুখীন হতে পারে।

সংক্ষেপে, Core Web Vitals-এ Google এর ফোকাস সার্চ ফলাফলে ব্যবহারকারীর অভিজ্ঞতা অপ্টিমাইজ করার লক্ষ্য প্রতিফলিত করে। এই ক্ষেত্রগুলিতে ভাল পারফর্ম করা ওয়েবসাইটগুলি সম্ভবত আরও ভাল ব্যবহারকারীর অভিজ্ঞতা প্রদান করতে পারে, Google এর উদ্দেশ্যগুলির সাথে সারিবদ্ধভাবে এবং সম্ভাব্য উচ্চতর অনুসন্ধান র‌্যাঙ্কিংগুলি সুরক্ষিত করে৷

CWV মেট্রিক্সের জীবনচক্র

মেট্রিক্সের জীবনচক্র হল ওয়েব পারফরম্যান্সের উপর ফোকাস করা ব্যবসার জন্য একটি গুরুত্বপূর্ণ ধারণা। এই জীবনচক্র ধাপে ধাপে অগ্রসর হয়, যা ব্যবসার সময়কে মানিয়ে নিতে দেয় কারণ মেট্রিক্স পরীক্ষামূলক থেকে স্থিতিশীল পর্যন্ত বিবর্তিত হয়। কার্যকরী ব্যবসায়িক পরিকল্পনা এবং ওয়েবসাইট অপ্টিমাইজেশান কৌশলগুলির জন্য এই প্রক্রিয়াটি গুরুত্বপূর্ণ, কারণ এটি স্টেকহোল্ডারদের প্রতিক্রিয়া এবং ভবিষ্যদ্বাণী এবং স্থিতিশীলতার জন্য ধীরে ধীরে, ভালভাবে যোগাযোগ করা পরিবর্তনগুলির গুরুত্বের উপর জোর দেয়।

জীবনচক্রের পর্যায়গুলি উপলব্ধি করা পরিমাপের সরঞ্জামগুলি বুঝতে এবং আগত আপডেটগুলির জন্য প্রস্তুত হতে সহায়তা করে৷

কোর ওয়েব ভাইটালের তিনটি জীবনচক্র পর্যায় রয়েছে:

• পরীক্ষামূলক পর্যায়ে

এখানে, নতুন মেট্রিক্স তৈরি এবং পরীক্ষা করা হয়। এই পর্যায়ের লক্ষ্য ওয়েব পারফরম্যান্সের সমস্যাগুলিকে কার্যকরভাবে সমাধান করা, বিদ্যমান মেট্রিক্সকে পরিমার্জন করা। এটিতে কোনও সমস্যা চিহ্নিত করতে এবং সম্ভবত মেট্রিকের প্রাথমিক সংজ্ঞা সামঞ্জস্য করতে একটি বিস্তৃত সম্প্রদায় থেকে প্রতিক্রিয়া সংগ্রহ করা জড়িত।

• মুলতুবি পর্যায়

প্রতিশ্রুতি দেখায় এমন মেট্রিকগুলি প্রাথমিক প্রতিক্রিয়ার উপর ভিত্তি করে আরও পরিমার্জিত হয়। তারা অন্তত ছয় মাস এই পর্যায়ে থাকে, বাস্তুতন্ত্রের মধ্যে অভিযোজনের জন্য সময় দেয়। বিকাশকারী এবং অন্যান্য স্টেকহোল্ডারদের কাছ থেকে ইনপুট এই পর্যায়ে গুরুত্বপূর্ণ কারণ এই মেট্রিক্সের ব্যবহার বৃদ্ধি পায়।

• স্থিতিশীল পর্যায়

একবার মেট্রিক্স কার্যকর প্রমাণিত হলে এবং মুলতুবি পর্যায়টি পাস করলে, তারা স্থিতিশীল পর্যায়ে প্রবেশ করে। এখানে, সেগুলি চূড়ান্ত করা হয়েছে এবং বাগ ফিক্স এবং মাঝে মাঝে আপডেট সহ চলমান সমর্থন পায়৷ এই মেট্রিক্সের যেকোনো পরিবর্তন অফিসিয়াল ডকুমেন্টেশনের মাধ্যমে পুঙ্খানুপুঙ্খভাবে জানানো হয়।

Google এর মূল্যায়নের মানদণ্ড

আপনার সাইটের দৃশ্যমানতা এবং ব্যবহারকারীর অভিজ্ঞতাকে প্রভাবিত করে এমন মানগুলি পূরণ করে তা নিশ্চিত করার জন্য Google কীভাবে ওয়েবসাইটের কার্যকারিতা মূল্যায়ন করে তা বোঝা গুরুত্বপূর্ণ৷ আমরা আপনার অনলাইন উপস্থিতি বাড়াতে অন্তর্দৃষ্টি অফার করে, Google-এর মূল্যায়নের মানদণ্ড অন্বেষণ করব।

ওয়েবসাইটের কার্যক্ষমতা পরিমাপ করতে Google সেট থ্রেশহোল্ড মান সহ নির্দিষ্ট মেট্রিক্স ব্যবহার করে। বেশিরভাগ মেট্রিক্সের জন্য, Google মোবাইল এবং ডেস্কটপ ডিভাইস জুড়ে বিভক্ত পৃষ্ঠা লোডের 75 তম শতাংশের উপর ফোকাস করার পরামর্শ দেয়। এর মানে হল প্রতিটি বিভাগে আপনার পৃষ্ঠা ভিজিটের অন্তত 75% জন্য কর্মক্ষমতা লক্ষ্যমাত্রা লক্ষ্য করা।

এই পদ্ধতিটি নিশ্চিত করে যে আপনার বেশিরভাগ ব্যবহারকারী আপনার সাইটে একটি ভাল অভিজ্ঞতা পাচ্ছেন। এটি পৃষ্ঠা লোড করার গতি, ইন্টারঅ্যাক্টিভিটি এবং লেআউট স্থায়িত্বের মতো বিষয়গুলি বিবেচনা করে।

যে টুলগুলি Core Web Vitals কমপ্লায়েন্স চেক করে তারা এই 75 তম পার্সেন্টাইল মানদণ্ড ব্যবহার করে তা নির্ধারণ করে যে কোনও সাইট পাস করে কিনা। কোর ওয়েব ভাইটালস মেট্রিক্সে এই মানগুলি পূরণ করা বেশিরভাগ ব্যবহারকারীর জন্য ভাল কার্যক্ষমতা নিশ্চিত করে, তা মোবাইল বা ডেস্কটপেই হোক না কেন।

ফিল্ড/ল্যাব ডেটার মধ্যে পার্থক্য করা

ক্ষেত্র এবং ল্যাব ডেটার সূক্ষ্মতা উপলব্ধি করা যে কারও জন্য ওয়েবসাইট কার্যকারিতা অপ্টিমাইজ করতে এবং শেষ পর্যন্ত আরও ভাল ব্যবসায়িক ফলাফল চালনার লক্ষ্যে অপরিহার্য। প্রতিটি ডেটা টাইপের শক্তি এবং সীমাবদ্ধতাগুলি জানা একটি ওয়েবসাইট তৈরির মূল চাবিকাঠি যা সমস্ত ব্যবহারকারীর পরিস্থিতিতে ভাল কাজ করে৷

ল্যাব ডেটা

ল্যাব ডেটা একটি নিয়ন্ত্রিত পরিবেশে সংগ্রহ করা হয়, এটি ডিবাগিংয়ের জন্য আদর্শ করে তোলে। এটি পরীক্ষার জন্য সামঞ্জস্যপূর্ণ শর্ত প্রদান করে, যা পারফরম্যান্সের সমস্যা চিহ্নিত করতে এবং ঠিক করতে সাহায্য করতে পারে। যাইহোক, নিয়ন্ত্রিত প্রকৃতির কারণে এটি সবসময় বাস্তব-বিশ্ব ব্যবহারকারীর অভিজ্ঞতার প্রতিনিধিত্ব করতে পারে না।

সুবিধাদি:

• ডিবাগিং সমস্যার জন্য আদর্শ।
• সামঞ্জস্যপূর্ণ পরীক্ষার শর্তগুলি লক্ষ্যযুক্ত সমস্যা সমাধানের অনুমতি দেয়।

অপূর্ণতা:

• বাস্তব-বিশ্বের বাধা প্রতিফলিত নাও হতে পারে।
• ব্যবহারকারীর অভিজ্ঞতার সম্পূর্ণ পরিসর ক্যাপচারে সীমিত।
• লাইটহাউস এবং ওয়েবপেজটেস্টের মতো সরঞ্জামগুলি সাধারণত ল্যাব ডেটা সংগ্রহের জন্য ব্যবহৃত হয়।

ক্ষেত্রের তথ্য

ক্ষেত্র ডেটা তাদের প্রাকৃতিক পরিবেশে প্রকৃত ব্যবহারকারীদের কাছ থেকে সংগ্রহ করা হয়, বিভিন্ন পরিস্থিতিতে প্রকৃত ব্যবহারকারীর অভিজ্ঞতার অন্তর্দৃষ্টি প্রদান করে। এটি বাস্তব জগতে আপনার ওয়েবসাইট কীভাবে পারফর্ম করে তা বুঝতে সাহায্য করে, তবে এটি ল্যাব ডেটার তুলনায় সীমিত মেট্রিক্স অফার করতে পারে।

সুবিধাদি:

• ব্যবহারকারীর অভিজ্ঞতার সত্যিকারের প্রতিফলন প্রদান করে।
• বিভিন্ন ডিভাইস এবং নেটওয়ার্ক অবস্থা জুড়ে কর্মক্ষমতা বোঝার জন্য দরকারী।

অপূর্ণতা:

• মেট্রিক্সের সীমিত সেট।
• নির্দিষ্ট ডিবাগিং উদ্দেশ্যে কম বিস্তারিত।

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

মূল মেট্রিক্স প্রতিটি মাধ্যমে যাচ্ছে

ওয়েব পারফরম্যান্স মেট্রিক্স একটি ওয়েবসাইটের কার্যকারিতা এবং ব্যবহারকারীর অভিজ্ঞতা মূল্যায়ন করতে ব্যবহৃত গুরুত্বপূর্ণ সরঞ্জাম। এই মেট্রিকগুলিকে বিস্তৃতভাবে তিনটি প্রকারে শ্রেণীবদ্ধ করা হয়েছে: স্থিতিশীল, মুলতুবি এবং পরীক্ষামূলক। প্রতিটি বিভাগ বিভিন্ন দৃষ্টিকোণ থেকে একটি ওয়েবসাইটের কর্মক্ষমতা সম্পর্কে একটি বিস্তৃত বোঝার প্রস্তাবে গুরুত্বপূর্ণ ভূমিকা পালন করে।

স্থিতিশীল মেট্রিক্স

সবচেয়ে বড় কন্টেন্টফুল পেইন্ট (LCP)

LCP হল একটি গুরুত্বপূর্ণ পারফরম্যান্স মেট্রিক যা ব্যবহারকারীর দৃষ্টিকোণ থেকে একটি ওয়েবপৃষ্ঠার লোডিং গতির উপর ফোকাস করে। এটি একটি পৃষ্ঠার সবচেয়ে বড় বিষয়বস্তুর উপাদান যেমন একটি ছবি বা টেক্সট ব্লক সম্পূর্ণরূপে লোড হতে এবং ব্যবহারকারীর পৃষ্ঠায় নেভিগেট করার পরে দৃশ্যমান হতে সময় লাগে তা পরিমাপ করে৷

একটি ভাল LCP স্কোরের তাৎপর্য ব্যবহারকারীর অভিজ্ঞতার উপর এর সরাসরি প্রভাবের মধ্যে নিহিত। ব্যবহারকারীরা সাধারণত ওয়েবপৃষ্ঠাগুলি দ্রুত লোড হওয়ার আশা করে এবং একটি ধীর এলসিপি হতাশার কারণ হতে পারে, যার ফলে ব্যবহারকারীরা পৃষ্ঠা ছেড়ে চলে যায়।

বিপণনকারী এবং ব্যবসার মালিকদের জন্য, একটি কার্যকর LCP (2.5 সেকেন্ড বা দ্রুত লক্ষ্য করা) এর জন্য অপ্টিমাইজ করা অত্যন্ত গুরুত্বপূর্ণ। একটি দ্রুত এলসিপি ভিজিটর ধরে রাখতে, বাউন্স রেট কমাতে এবং ওয়েবসাইটটির ব্যবসায়িক লক্ষ্য অর্জনে সামগ্রিক কর্মক্ষমতা বাড়াতে সাহায্য করে, তা বিক্রয়, লিড জেনারেশন বা তথ্য ভাগাভাগি হতে পারে।

প্রথম ইনপুট বিলম্ব (FID)

FID হল একটি মেট্রিক যা কোনো ওয়েবসাইটের সাথে ব্যবহারকারীর প্রথম ইন্টারঅ্যাকশন থেকে সময় পরিমাপ করতে ব্যবহৃত হয়—যেমন কোনো লিঙ্কে ক্লিক করা বা কোনো বোতামে ট্যাপ করা—সেই মুহূর্তে সাইটটি সেই ইন্টারঅ্যাকশনে সাড়া দেয়। একটি ওয়েবসাইটের প্রতিক্রিয়াশীলতা মূল্যায়নের জন্য এই মেট্রিক অপরিহার্য। একটি কম এফআইডি মানে সাইটটি দ্রুত প্রতিক্রিয়া জানাতে পারে, একটি ভাল ব্যবহারকারীর অভিজ্ঞতা প্রদান করে। প্রতিক্রিয়া নিশ্চিত করতে সাইটগুলিকে 100 মিলিসেকেন্ড বা তার কম FID লক্ষ্য করা উচিত।

একটি স্থিতিশীল কোর ওয়েব অত্যাবশ্যক হিসাবে, FID ব্যবহারকারীদের প্রতিক্রিয়াহীন পৃষ্ঠাগুলির অভিজ্ঞতার পরিমাণ নির্ধারণ করে৷ পৃষ্ঠাটি ব্যবহারযোগ্য কিনা তা নিশ্চিত করা অত্যন্ত গুরুত্বপূর্ণ। উল্লেখযোগ্যভাবে, 2024 সালের মার্চ মাসে একটি কোর ওয়েব ভাইটাল হিসেবে ইন্টারঅ্যাকশন টু নেক্সট পেইন্ট (INP) দ্বারা FID প্রতিস্থাপিত হবে।

ক্রমবর্ধমান লেআউট শিফট (CLS)

CLS হল একটি স্থিতিশীল কোর ওয়েব ভাইটাল মেট্রিক যা একটি ওয়েবসাইটের ভিজ্যুয়াল স্থায়িত্ব পরিমাপ করে। এটি একটি পৃষ্ঠার লোডিং প্রক্রিয়া চলাকালীন এবং পরে অপ্রত্যাশিত লেআউট পরিবর্তনের পরিমাণ গণনা করে৷ সর্বোত্তম ব্যবহারকারীর অভিজ্ঞতার জন্য, লক্ষ্য হল CLS যতটা সম্ভব কম রাখা, আদর্শভাবে 0.1 বা তার কম।

একটি ওয়েব পৃষ্ঠার বিন্যাসে পরিবর্তন প্রায়ই উপাদানগুলির অ্যাসিঙ্ক্রোনাস লোডিং বা পৃষ্ঠায় গতিশীল সংযোজনের কারণে ঘটে। এই পরিবর্তনগুলি ব্যবহারকারীর অভিজ্ঞতাকে ব্যাহত করতে পারে, সম্ভাব্যভাবে দুর্ঘটনাজনিত ক্লিক এবং সাইটের সাথে ইন্টারঅ্যাক্ট করতে অসুবিধা হতে পারে। একটি স্থিতিশীল বিন্যাস একটি বিরামহীন ব্যবহারকারীর অভিজ্ঞতা বজায় রাখার জন্য এবং ব্যবহারকারীর মিথস্ক্রিয়াকে উত্সাহিত করার জন্য বিশেষভাবে গুরুত্বপূর্ণ।

CLS এর গুরুত্ব ব্যবহারকারীর অভিজ্ঞতার বাইরে প্রসারিত। এটি সরাসরি রূপান্তর হারকে প্রভাবিত করে, কারণ ব্যবহারকারীদের অস্থির ওয়েবসাইটের সাথে জড়িত বা কেনাকাটা করার সম্ভাবনা কম। অতিরিক্তভাবে, যেহেতু গুগল সিএলএসকে এসইও-এর জন্য তার মূল ওয়েব ভাইটাল-এ অন্তর্ভুক্ত করে, তাই একটি দুর্বল CLS স্কোর একটি ওয়েবসাইটের সার্চ ইঞ্জিন দৃশ্যমানতাকে নেতিবাচকভাবে প্রভাবিত করতে পারে।

ফার্স্ট কনটেন্টফুল পেইন্ট (FCP)

FCP হল একটি মূল ওয়েব পারফরম্যান্স মেট্রিক যা একজন ব্যবহারকারী আপনার পৃষ্ঠায় নেভিগেট করার সময় থেকে কতক্ষণ সময় লাগে যতক্ষণ না স্ক্রিনে কন্টেন্টের প্রথম অংশটি দৃশ্যমান হয়, তা পাঠ্য, ছবি বা অন্য উপাদান হতে পারে। এটি পৃষ্ঠার লোডিং গতির প্রাথমিক সূচক হিসাবে কাজ করে, ব্যবহারকারীদের প্রথম সংকেত প্রদান করে যে পৃষ্ঠাটি লোড হচ্ছে।

একটি দ্রুত FCP দর্শকদের আশ্বস্ত করে যে পৃষ্ঠাটি সাড়া দিচ্ছে, যা বাউন্স রেট কমাতে পারে এবং ব্যবহারকারীর সন্তুষ্টি বাড়াতে পারে। একটি SEO দৃষ্টিকোণ থেকে, Google অনুসন্ধান র‌্যাঙ্কিংয়ের জন্য ব্যবহারকারীর অভিজ্ঞতার মেট্রিক্সের মধ্যে FCP অন্তর্ভুক্ত করে। আরও ভাল FCP স্কোর উচ্চতর সার্চ ইঞ্জিন র‌্যাঙ্কিংয়ের দিকে নিয়ে যেতে পারে, আপনার সাইটে আরও জৈব ট্রাফিক আনতে পারে। একটি ওয়েবসাইট যা দ্রুত কন্টেন্ট লোড করে দর্শকদের ধরে রাখতে এবং এর অনলাইন ব্যবসার উদ্দেশ্য অর্জনে সফল হওয়ার সম্ভাবনা বেশি।

মোট ব্লকিং টাইম (TBT)

টিবিটি হল একটি ওয়েবসাইটের লোড প্রতিক্রিয়াশীলতা পরিমাপ করার জন্য একটি ল্যাব মেট্রিক, বিশেষত সেই সময়টিকে পরিমাপ করে যখন পৃষ্ঠাটি সম্পূর্ণ ইন্টারেক্টিভ হওয়ার আগে অ-ইন্টারেক্টিভ থাকে। একটি কম টিবিটি ব্যবহারযোগ্যতার জন্য অত্যন্ত গুরুত্বপূর্ণ, কারণ এটি ওয়েবসাইটে ব্যবহারকারীর অভিজ্ঞতা বাড়ায়।

মেট্রিক ফার্স্ট কনটেন্টফুল পেইন্ট (এফসিপি) থেকে টাইম টু ইন্টারঅ্যাকটিভ (টিটিআই) পর্যন্ত মোট সময় পরিমাপ করে যেখানে প্রধান থ্রেডটি ব্লক করা হয়, সময়মত ইনপুট প্রতিক্রিয়া প্রতিরোধ করে। এটি একটি ফিজিক্যাল স্টোরে বিলম্বের অভিজ্ঞতার মতোই, ব্যবহারকারীরা অনলাইনে যে হতাশা অনুভব করতে পারে তা প্রতিফলিত করে যখন কোনো ওয়েবসাইট ক্লিক বা স্ক্রলিংয়ের মতো ইন্টারঅ্যাকশনে সাড়া দিতে ধীর হয়।

মুলতুবি মেট্রিক্স

নেক্সট পেইন্টের সাথে মিথস্ক্রিয়া (INP)

ইন্টারঅ্যাকশন টু নেক্সট পেইন্ট (আইএনপি) 2024 সালের মার্চ মাসে একটি কোর ওয়েব অত্যাবশ্যক হিসাবে ফার্স্ট ইনপুট বিলম্ব (এফআইডি) প্রতিস্থাপনের জন্য সেট করা হয়েছে। INP একটি ওয়েবপৃষ্ঠার সাথে ব্যবহারকারীর মিথস্ক্রিয়া থেকে ব্রাউজারটি দৃশ্যমানভাবে সাড়া দেওয়ার সময়কে পরিমাপ করে, প্রতিক্রিয়াশীলতা এবং ইন্টারঅ্যাক্টিভিটির উপর ফোকাস করে। পৃষ্ঠার

INP এর তাৎপর্য ব্যবহারকারীর অভিজ্ঞতার উপর এর প্রভাবের মধ্যে নিহিত। একটি কম INP স্কোর মানে আরও প্রতিক্রিয়াশীল সাইট, ব্যবহারকারীর ব্যস্ততা বাড়ায়। এটি গতিশীল এবং জটিল ওয়েব পৃষ্ঠাগুলির জন্য বিশেষভাবে গুরুত্বপূর্ণ৷ উন্নত প্রতিক্রিয়াশীলতা, একটি ভাল INP স্কোর দ্বারা নির্দেশিত, ভাল রূপান্তর হার এবং গ্রাহক সন্তুষ্টির দিকে নিয়ে যেতে পারে, যা ব্যবসার বৃদ্ধির জন্য গুরুত্বপূর্ণ।

INP-এর জন্য অপ্টিমাইজ করা একটি ওয়েবসাইটকে আরও ব্যবহারকারী-বান্ধব করতে, ব্যবহারকারীর মিথস্ক্রিয়াগুলিতে মসৃণ এবং দ্রুত প্রতিক্রিয়া নিশ্চিত করতে এবং একটি অনলাইন ব্যবসার সাফল্যে অবদান রাখার মূল বিষয়।

পরীক্ষামূলক মেট্রিক্স

টাইম টু ফার্স্ট বাইট (TTFB)

TTFB হল একটি ওয়েব পারফরম্যান্স মেট্রিক যা পরিমাপ করে যে ব্যবহারকারীরা একটি পৃষ্ঠার অনুরোধ করার পরে তাদের ব্রাউজার কত দ্রুত আপনার সার্ভার থেকে প্রথম বাইট ডেটা গ্রহণ করে। এই সময় শুরু হয় যখন একজন ব্যবহারকারী একটি লিঙ্কে ক্লিক করেন বা একটি URL টাইপ করেন এবং ডেটা আসা শুরু হলে শেষ হয়।

আপনার সাইটের গতি এবং সামগ্রিক ব্যবহারকারীর অভিজ্ঞতা উভয়ের প্রাথমিক উপলব্ধির জন্য TTFB অপরিহার্য। একটি নিম্ন TTFB একটি দ্রুত-লোডিং সাইটের অনুভূতি তৈরি করতে সাহায্য করে, ব্যবহারকারীর সন্তুষ্টি বাড়ায়। এই দ্রুত প্রতিক্রিয়ার ফলে ব্যবহারকারীরা সময়ের আগেই সাইট ছেড়ে চলে যাওয়ার সম্ভাবনা কম এবং দীর্ঘ সেশনের জন্য তাদের নিযুক্ত রাখার সম্ভাবনা বেশি। Google-এর র‌্যাঙ্কিং অ্যালগরিদমে সরাসরি ফ্যাক্টর না হলেও, TTFB সাইটের সামগ্রিক গতিতে অবদান রাখে, যা SEO-এর জন্য গুরুত্বপূর্ণ।

TTFB উন্নত করার জন্য সার্ভারের প্রতিক্রিয়া সময় এবং নেটওয়ার্ক দক্ষতার উপর ফোকাস করা প্রয়োজন। এই দিকগুলি অপ্টিমাইজ করা ব্যবহারকারীর কাছে দ্রুত ডেটা সরবরাহ নিশ্চিত করে, একটি ইতিবাচক অভিজ্ঞতার জন্য গুরুত্বপূর্ণ এবং আপনার সাইটে ব্যস্ততা বজায় রাখা। বেশিরভাগ ওয়েবসাইটের জন্য, 0.8 সেকেন্ড বা তার কম সময়ের TTFB লক্ষ্য করা একটি প্রতিক্রিয়াশীল এবং দক্ষ ব্যবহারকারীর মিথস্ক্রিয়া নিশ্চিত করার জন্য আদর্শ।

পুরানো মেট্রিক্স

ইন্টারেক্টিভের সময় (টিটিআই)

টাইম টু ইন্টারঅ্যাকটিভ (টিটিআই) বাতিঘর 10 থেকে সরিয়ে দেওয়া হয়েছে এর পরিবর্তনশীলতার কারণে আউটলিয়ার নেটওয়ার্ক অনুরোধ এবং দীর্ঘ টাস্কের কারণে। এই পরিবর্তনটি ওয়েব পারফরম্যান্স মেট্রিক্সের ক্রমাগত বিবর্তনকে প্রতিফলিত করে, কারণ ফোকাস ব্যবহারকারীর অভিজ্ঞতার আরও নির্ভরযোগ্য এবং সামঞ্জস্যপূর্ণ পরিমাপের দিকে চলে যায়।

সবচেয়ে বড় বিষয়বস্তু পেইন্ট (LCP), টোটাল ব্লকিং টাইম (TBT), এবং ইন্টারঅ্যাকশন টু নেক্সট পেইন্ট (INP) এর মতো মেট্রিক্সে রূপান্তর মেট্রিক্সের দিকে একটি প্রবণতা চিহ্নিত করে যা ওয়েব পৃষ্ঠাগুলিতে ব্যবহারকারীর অভিজ্ঞতাকে আরও সঠিকভাবে উপস্থাপন করে। ব্যবহারকারীরা কীভাবে একটি ওয়েবসাইটের সাথে ইন্টারঅ্যাক্ট করে এবং অভিজ্ঞতা দেয় তার আরও স্থিতিশীল এবং সুনির্দিষ্ট মূল্যায়ন প্রদান করার ক্ষমতার জন্য এই নতুন মেট্রিকগুলিকে সমর্থন করা হয়।

Lighthouse 10-এর মতো কী পারফরম্যান্স টুল থেকে TTI-কে অপসারণ করা হলে, একটি স্পষ্ট ইঙ্গিত পাওয়া যায় যে ওয়েব পারফরম্যান্স সম্প্রদায় মেট্রিক্সকে মূল্য দেয় যা নির্ভুলতা এবং ধারাবাহিকতার আরও ভাল ভারসাম্য অফার করে। 2024 এবং তার পরেও, এই নতুন, আরও প্রতিনিধি মেট্রিকের তুলনায় TTI কম প্রাসঙ্গিক বলে মনে করা হয়।

ওয়েবসাইট কর্মক্ষমতা পরিমাপ জন্য সরঞ্জাম

ক্লায়েন্টদের ওয়েবসাইটে কাজ করার সময় আমরা Anadea- তে ব্যবহার করি এমন সেরা সরঞ্জামগুলি আমাকে শেয়ার করতে দিন।

ওয়েব ভাইটাল ক্রোম এক্সটেনশন

ওয়েব ভাইটালস ক্রোম এক্সটেনশন এক ক্লিকে CWV কী মেট্রিক্স পরিমাপ করার একটি সহজ উপায় অফার করে। এটি লোডিং, ইন্টারঅ্যাক্টিভিটি, এবং লেআউট শিফ্ট মেট্রিক্স, ক্রোমের পরিমাপ পদ্ধতির সাথে সারিবদ্ধ করে এবং Chrome ব্যবহারকারীর অভিজ্ঞতা প্রতিবেদন, পৃষ্ঠা গতির অন্তর্দৃষ্টি এবং অনুসন্ধান কনসোলের মতো অন্যান্য Google সরঞ্জামগুলিতে ব্যবহৃত তাত্ক্ষণিক প্রতিক্রিয়া প্রদান করে৷

একবার ইনস্টল হয়ে গেলে, এক্সটেনশনটি আপনার ব্রাউজারে একটি পরিবেষ্টিত ব্যাজ প্রদর্শন করে। কর্মক্ষমতা স্থিতি নির্দেশ করার জন্য এই ব্যাজের তিনটি চাক্ষুষ অবস্থা রয়েছে:

• অক্ষম (ধূসর)
• পাসিং (সবুজ)
• এক বা একাধিক মেট্রিক ব্যর্থ (লাল)

আপনি যে ওয়েবসাইটটি মূল্যায়ন করতে চান সেটিতে কেবল নেভিগেট করুন এবং ব্যাজটি বর্তমান কোর ওয়েব ভাইটাল স্ট্যাটাস প্রদর্শন করবে।

ব্যাজে ক্লিক করে, আপনি একটি বিস্তারিত রিপোর্ট অ্যাক্সেস করতে পারেন।

এই প্রতিবেদনটি Chrome UX রিপোর্ট (CrUX) API-এর মাধ্যমে ফিল্ড থেকে আপনার স্থানীয় কোর ওয়েব ভাইটাল ডেটার সাথে বাস্তব ব্যবহারকারীর ডেটা একত্রিত করে৷ এই বৈশিষ্ট্যটি প্রাসঙ্গিক অন্তর্দৃষ্টি প্রদান করে, আপনাকে একই পৃষ্ঠার অন্যান্য ডেস্কটপ ব্যবহারকারীদের সাথে আপনার ব্যক্তিগত অভিজ্ঞতার তুলনা করতে সাহায্য করে, ওয়েবসাইটের কর্মক্ষমতার একটি বিস্তৃত দৃশ্য প্রদান করে।

পৃষ্ঠা গতির অন্তর্দৃষ্টি (PSI)

PageSpeed Insights (PSI) হল মোবাইল এবং ডেস্কটপ উভয় ডিভাইসে একটি ওয়েব পৃষ্ঠার ব্যবহারকারীর অভিজ্ঞতা বিশ্লেষণ করার জন্য Google দ্বারা একটি। এটি উন্নতির জন্য সুপারিশ প্রদান করে এবং একটি পৃষ্ঠা সম্পর্কে ল্যাব এবং ফিল্ড ডেটা উভয়ই প্রদান করে।

PSI পারফরম্যান্স পরিমাপের জন্য পৃষ্ঠা লোড অবস্থার অনুকরণ করে। মোবাইলের জন্য, এটি একটি মোবাইল নেটওয়ার্কে একটি মধ্য-স্তরের ডিভাইস (Moto G4) ব্যবহার করে এবং ডেস্কটপের জন্য, এটি একটি তারযুক্ত সংযোগ সহ একটি ডেস্কটপকে অনুকরণ করে। নেটওয়ার্ক অবস্থা সহ পরীক্ষার পরিবেশ একটি Google ডেটা সেন্টারে ভিত্তিক, এবং আপনি লাইটহাউস রিপোর্টের পরিবেশ ব্লকে অবস্থানের মতো বিশদ বিবরণ দেখতে পারেন।

PSI ব্যবহার করা সহজ: PSI ওয়েবসাইটে যান, ইনপুট ক্ষেত্রে আপনি যে পৃষ্ঠাটি পরীক্ষা করতে চান তার URL পেস্ট করুন এবং 'বিশ্লেষণ' ক্লিক করুন। PSI তারপরে মোবাইল এবং ডেস্কটপের জন্য কোর ওয়েব ভাইটাল পরিসংখ্যান সরবরাহ করে, ব্যবহারকারীর অভিজ্ঞতার গুণমানকে ভাল, উন্নতি প্রয়োজন বা খারাপ হিসাবে শ্রেণীবদ্ধ করে। 90 বা তার বেশি স্কোর ভাল বলে বিবেচিত হয়, 50 থেকে 89 স্কোর উন্নতির প্রয়োজন, এবং 50 এর নিচে খারাপ।

একটি ওয়েব পৃষ্ঠার সাথে PSI ব্যবহার করার একটি উদাহরণ ডেস্কটপ এবং মোবাইলের জন্য স্বতন্ত্র ফলাফল দেখায়। ডেস্কটপ কর্মক্ষমতা ভাল হতে পারে, কিন্তু ডিভাইস ক্ষমতা এবং নেটওয়ার্ক অবস্থার মত কারণের কারণে মোবাইলের কর্মক্ষমতা পরিবর্তিত হতে পারে। উদাহরণস্বরূপ, উচ্চ-রেজোলিউশনের ছবিগুলি যেগুলি ডেস্কটপে ভালভাবে লোড হয় সেগুলির আকারের কারণে মোবাইলে একটি দুর্বল লার্জেস্ট কনটেন্টফুল পেইন্ট (LCP) স্কোর হতে পারে। মোবাইল স্ক্রিনের জন্য প্রথম ছবি অপ্টিমাইজ করা LCP এবং ফার্স্ট কনটেন্টফুল পেইন্ট (FCP) স্কোর উন্নত করতে পারে।

উদাহরণস্বরূপ, anadea.info, ডেস্কটপের একটি পৃষ্ঠা লিখুন:

বিশ্লেষণ দেখায় যে পৃষ্ঠাটির কার্যক্ষমতা ডেস্কটপ ব্যবহারকারীদের জন্য বেশ ভাল। যাইহোক, PSI উন্নতির জন্য কিছু ক্ষেত্রও হাইলাইট করে:

মনে রাখবেন যে মোবাইল চেক ডেস্কটপের থেকে ভিন্ন ফলাফল প্রকাশ করতে পারে। মোবাইল অপ্টিমাইজেশনকে গুরুত্ব সহকারে বিবেচনা করা অত্যন্ত গুরুত্বপূর্ণ কারণ অনেক ব্যবহারকারী পিসির পরিবর্তে তাদের মোবাইল ডিভাইসে ইন্টারনেট অ্যাক্সেস করেন।

বিভিন্ন ইন্টারনেট গতির কারণে মোবাইলে 'পারফরম্যান্স' স্কোর প্রায়শই ডেস্কটপের মতো ভালো হয় না (তারযুক্ত ইন্টারনেট বনাম মোবাইল ইন্টারনেট)। এটি উন্নত করার জন্য, আমাদের দেখতে হবে যে কী কারণে খারাপ পারফরম্যান্স হচ্ছে।

দুটি গুরুত্বপূর্ণ মেট্রিক হল টোটাল ব্লকিং টাইম (TBT) এবং লার্জেস্ট কনটেন্টফুল পেইন্ট (LCP)। এই দুটি মেট্রিক্স একা কর্মক্ষমতা স্কোরের 55% রচনা করে।

এটা কিভাবে ঠিক করবেন? যেহেতু আমরা ইতিমধ্যেই এলসিপি সম্পর্কে জানি, এটি একটি পৃষ্ঠার বৃহত্তম বিষয়বস্তুর উপাদান (যেমন একটি চিত্র বা পাঠ্য ব্লক) সম্পূর্ণরূপে দৃশ্যমান হতে কতক্ষণ সময় নেয় তা পরিমাপ করে যখন একজন ব্যবহারকারী পৃষ্ঠাটি খুললে। এই পৃষ্ঠায় এলসিপি একটি চিত্র, এটি সম্ভবত একটি উচ্চ রেজোলিউশন (পিসির জন্য), যা ছোট মোবাইল স্ক্রিনের জন্য অপ্রয়োজনীয়। সমাধান হল মোবাইল স্ক্রিনের জন্য একটি ছোট এবং আরও ভাল অপ্টিমাইজ করা প্রথম ছবি যোগ করা: এটি LCP-কে উন্নত করবে এবং সম্ভবত FCP স্কোরও বাড়িয়ে দেবে।

তারপর, টোটাল ব্লকিং টাইম (TBT) ভারী বা অপ্রয়োজনীয় স্ক্রিপ্ট দ্বারা প্রভাবিত হতে পারে। PSI ডায়াগনস্টিকগুলি অব্যবহৃত স্ক্রিপ্ট এবং তৃতীয় পক্ষের স্ক্রিপ্টের হস্তক্ষেপের মতো সমস্যাগুলি সনাক্ত করতে সহায়তা করতে পারে। এগুলোর সমাধান করা TBT স্কোর উন্নত করতে পারে।

আপনি যদি Google কীভাবে 'পারফরমেন্স' স্কোর গণনা করে তাতে আগ্রহী হন, নীচের ছবিটি দেখুন।

গণনাটি TBT, LCP, এবং Cumulative Layout Shift (CLS) এর মতো মেট্রিক্সের উপর উল্লেখযোগ্য ওজন রাখে, যা সম্মিলিতভাবে স্কোরের 80% পর্যন্ত প্রভাবিত করতে পারে। এর থেকে, আমরা উপসংহারে আসতে পারি যে একটি সাইটের মোবাইল এবং ডেস্কটপ উভয় সংস্করণে ভাল কার্যক্ষমতা বজায় রাখার জন্য এই মেট্রিকগুলি পর্যবেক্ষণ এবং অপ্টিমাইজ করা অত্যন্ত গুরুত্বপূর্ণ।

শেষের সারি

উপসংহারে, Core Web Vitals আপনার ব্যবসার অনলাইন সাফল্যের জন্য অত্যন্ত গুরুত্বপূর্ণ। তারা নিশ্চিত করে যে আপনার ওয়েবসাইটটি দ্রুত, প্রতিক্রিয়াশীল এবং ব্যবহারকারীদের জন্য উপভোগ্য। এটি শুধুমাত্র ব্যবহারকারীর অভিজ্ঞতাকে উন্নত করে না বরং আরও ভাল অনুসন্ধান র‌্যাঙ্কিং এবং উচ্চতর রূপান্তর অর্জনে সহায়তা করে।