প্রকাশিত: ৪ মে, ২০২০
ওয়েবে যেকোনো সাইটের দীর্ঘমেয়াদী সাফল্যের জন্য ব্যবহারকারীর অভিজ্ঞতার মান উন্নত করা অপরিহার্য। আপনি একজন ব্যবসায়ী, বিপণনকারী বা ডেভেলপার, যেই হোন না কেন, ওয়েব ভাইটালস আপনাকে আপনার সাইটের অভিজ্ঞতা পরিমাপ করতে এবং উন্নতির সুযোগগুলো চিহ্নিত করতে সাহায্য করতে পারে।
সংক্ষিপ্ত বিবরণ
ওয়েব ভাইটালস হলো গুগলের একটি উদ্যোগ, যা ওয়েবে একটি চমৎকার ব্যবহারকারীর অভিজ্ঞতা প্রদানের জন্য অপরিহার্য গুণগত সংকেতগুলোর বিষয়ে সমন্বিত নির্দেশনা দেয়।
পারফরম্যান্স পরিমাপ ও রিপোর্ট করার জন্য গুগল বছরের পর বছর ধরে বিভিন্ন টুল সরবরাহ করেছে। কিছু ডেভেলপার এই টুলগুলো ব্যবহারে বিশেষজ্ঞ, আবার অন্যরা টুল ও মেট্রিক্সের এই প্রাচুর্যের সাথে তাল মিলিয়ে চলাকে কঠিন বলে মনে করেছেন।
সাইটের মালিকদের তাদের ব্যবহারকারীদের কাছে কী মানের অভিজ্ঞতা পৌঁছে দিচ্ছেন তা বোঝার জন্য পারফরম্যান্স বিশেষজ্ঞ হওয়ার প্রয়োজন নেই। ‘ওয়েব ভাইটালস’ উদ্যোগটির লক্ষ্য হলো এই ক্ষেত্রটিকে সহজ করা এবং সাইটগুলোকে সবচেয়ে গুরুত্বপূর্ণ মেট্রিক, অর্থাৎ ‘ কোর ওয়েব ভাইটালস’-এর উপর মনোযোগ দিতে সাহায্য করা।
কোর ওয়েব ভাইটালস
কোর ওয়েব ভাইটালস হলো ওয়েব ভাইটালসের সেই উপসেট যা সকল ওয়েব পেজের জন্য প্রযোজ্য, সকল সাইট মালিকদের দ্বারা পরিমাপ করা উচিত এবং গুগলের সকল টুলে প্রদর্শিত হবে। কোর ওয়েব ভাইটালসের প্রতিটি ব্যবহারকারীর অভিজ্ঞতার একটি স্বতন্ত্র দিককে প্রতিনিধিত্ব করে, বাস্তবে পরিমাপযোগ্য এবং একটি গুরুত্বপূর্ণ ব্যবহারকারী-কেন্দ্রিক ফলাফলের বাস্তব অভিজ্ঞতাকে প্রতিফলিত করে।
কোর ওয়েব ভাইটালস-এর অন্তর্ভুক্ত মেট্রিকগুলো সময়ের সাথে সাথে বিকশিত হবে। বর্তমান সেটটি ব্যবহারকারীর অভিজ্ঞতার তিনটি দিকের উপর আলোকপাত করে— লোডিং , ইন্টারঅ্যাকটিভিটি এবং ভিজ্যুয়াল স্ট্যাবিলিটি —এবং এতে নিম্নলিখিত মেট্রিকগুলো (এবং তাদের নিজ নিজ থ্রেশহোল্ড) অন্তর্ভুক্ত রয়েছে:
- লার্জেস্ট কনটেন্টফুল পেইন্ট (LCP) : এটি লোডিং পারফরম্যান্স পরিমাপ করে। ব্যবহারকারীকে একটি ভালো অভিজ্ঞতা দেওয়ার জন্য, পেজটি প্রথম লোড হওয়া শুরু করার ২.৫ সেকেন্ডের মধ্যে LCP সংঘটিত হওয়া উচিত।
- ইন্টারঅ্যাকশন টু নেক্সট পেইন্ট (INP) : এটি ইন্টারঅ্যাক্টিভিটি পরিমাপ করে। ব্যবহারকারীকে একটি ভালো অভিজ্ঞতা দেওয়ার জন্য, পেজগুলোর INP ২০০ মিলিসেকেন্ড বা তার কম হওয়া উচিত।
- কিউমুলেটিভ লেআউট শিফট (CLS) : এটি দৃশ্যমান স্থিতিশীলতা পরিমাপ করে। ব্যবহারকারীকে ভালো অভিজ্ঞতা দেওয়ার জন্য, পেজগুলোর CLS ০.১ বা তার কম থাকা উচিত।
আপনার অধিকাংশ ব্যবহারকারীর জন্য এই মেট্রিকগুলোর প্রস্তাবিত লক্ষ্যমাত্রা পূরণ হচ্ছে কিনা তা নিশ্চিত করতে, মোবাইল এবং ডেস্কটপ ডিভাইসে বিভক্ত করে পেজ লোডের ৭৫তম পার্সেন্টাইলকে পরিমাপ করার একটি ভালো থ্রেশহোল্ড হিসেবে ব্যবহার করা যেতে পারে।
যেসব টুল কোর ওয়েব ভাইটালস কমপ্লায়েন্স মূল্যায়ন করে, তাদের একটি পেজকে উত্তীর্ণ বলে বিবেচনা করা উচিত যদি এটি তিনটি কোর ওয়েব ভাইটালস মেট্রিক্সের প্রতিটির জন্য প্রস্তাবিত লক্ষ্যমাত্রার ৭৫তম পার্সেন্টাইল পূরণ করে।
জীবনচক্র
কোর ওয়েব ভাইটালস ট্র্যাকের মেট্রিকগুলো তিনটি পর্যায় নিয়ে গঠিত একটি জীবনচক্রের মধ্য দিয়ে যায়: পরীক্ষামূলক, অপেক্ষাধীন এবং স্থিতিশীল।
প্রতিটি পর্যায় ডেভেলপারদেরকে এই সংকেত দেওয়ার জন্য ডিজাইন করা হয়েছে যে, প্রতিটি মেট্রিক সম্পর্কে তাদের কীভাবে চিন্তা করা উচিত:
- পরীক্ষামূলক মেট্রিকগুলো হলো সম্ভাব্য কোর ওয়েব ভাইটালস, যেগুলোতে পরীক্ষা-নিরীক্ষা এবং কমিউনিটির প্রতিক্রিয়ার ওপর নির্ভর করে এখনও উল্লেখযোগ্য পরিবর্তন হতে পারে।
- অপেক্ষাধীন মেট্রিকগুলো হলো ভবিষ্যতের কোর ওয়েব ভাইটালস, যেগুলো পরীক্ষা ও মতামত পর্ব পার করেছে এবং স্থিতিশীল হওয়ার জন্য একটি সুনির্দিষ্ট সময়সীমা রয়েছে।
- স্থিতিশীল মেট্রিক হলো কোর ওয়েব ভাইটালস-এর বর্তমান সেট, যেগুলোকে ক্রোম চমৎকার ব্যবহারকারী অভিজ্ঞতার জন্য অপরিহার্য বলে মনে করে।
কোর ওয়েব ভাইটালস নিম্নলিখিত জীবনচক্রের পর্যায়গুলিতে রয়েছে:
পরীক্ষামূলক
যখন কোনো মেট্রিক প্রাথমিকভাবে তৈরি করা হয় এবং ইকোসিস্টেমে প্রবেশ করে, তখন এটিকে একটি পরীক্ষামূলক মেট্রিক হিসেবে বিবেচনা করা হয়।
পরীক্ষামূলক পর্যায়ের উদ্দেশ্য হলো একটি মেট্রিকের উপযুক্ততা মূল্যায়ন করা; এর জন্য প্রথমে সমাধানযোগ্য সমস্যাটি অন্বেষণ করা হয় এবং সম্ভবত পূর্ববর্তী মেট্রিকগুলো যা সমাধান করতে ব্যর্থ হয়েছিল, সেগুলোর ওপর পুনরাবৃত্তি করা হয়। উদাহরণস্বরূপ, ফার্স্ট ইনপুট ডিলে (FID)- এর চেয়ে আরও ব্যাপকভাবে ওয়েবে বিদ্যমান রানটাইম পারফরম্যান্স সমস্যাগুলো সমাধানের জন্য ইন্টারঅ্যাকশন টু নেক্সট পেইন্ট (INP)-কে প্রাথমিকভাবে একটি পরীক্ষামূলক মেট্রিক হিসেবে তৈরি করা হয়েছিল।
কোর ওয়েব ভাইটালস লাইফসাইকেলের পরীক্ষামূলক পর্যায়টির উদ্দেশ্য হলো বাগ শনাক্ত করার মাধ্যমে এবং এমনকি এর প্রাথমিক সংজ্ঞায় পরিবর্তন আনার সম্ভাবনা খতিয়ে দেখে একটি মেট্রিকের উন্নয়নে নমনীয়তা প্রদান করা। এটি সেই পর্যায়ও যেখানে কমিউনিটির মতামত সবচেয়ে গুরুত্বপূর্ণ।
বিচারাধীন
যখন ক্রোম টিম নির্ধারণ করে যে একটি পরীক্ষামূলক মেট্রিক পর্যাপ্ত প্রতিক্রিয়া পেয়েছে এবং এর কার্যকারিতা প্রমাণিত হয়েছে, তখন এটি একটি পেন্ডিং মেট্রিক হয়ে ওঠে। উদাহরণস্বরূপ, অবশেষে FID-কে বাতিল করার উদ্দেশ্যে ২০২৩ সালে INP-কে পরীক্ষামূলক থেকে পেন্ডিং স্ট্যাটাসে উন্নীত করা হয়েছিল।
ইকোসিস্টেমকে মানিয়ে নেওয়ার জন্য সময় দিতে, অপেক্ষমান মেট্রিকগুলো এই পর্যায়ে ন্যূনতম ছয় মাসের জন্য রাখা হয়। এই পর্যায়ে কমিউনিটির মতামত একটি গুরুত্বপূর্ণ দিক হিসেবে থাকে, কারণ আরও বেশি ডেভেলপার এই মেট্রিকটি ব্যবহার করা শুরু করে।
স্থিতিশীল
যখন একটি কোর ওয়েব ভাইটাল ক্যান্ডিডেট মেট্রিক চূড়ান্ত করা হয়, তখন এটি একটি স্থিতিশীল মেট্রিক হয়ে ওঠে। এই পর্যায়ে মেট্রিকটি কোর ওয়েব ভাইটাল হিসেবে স্বীকৃতি পেতে পারে।
স্থিতিশীল মেট্রিকগুলো সক্রিয়ভাবে সমর্থিত হয় এবং এতে বাগ সংশোধন ও সংজ্ঞার পরিবর্তন হতে পারে। স্থিতিশীল কোর ওয়েব ভাইটালস মেট্রিকগুলো বছরে একবারের বেশি পরিবর্তিত হবে না। কোনো কোর ওয়েব ভাইটালের পরিবর্তন মেট্রিকটির আনুষ্ঠানিক ডকুমেন্টেশনে এবং এর চেঞ্জলগে স্পষ্টভাবে জানানো হবে। যেকোনো মূল্যায়নেও কোর ওয়েব ভাইটালস অন্তর্ভুক্ত থাকে।
কোর ওয়েব ভাইটালস পরিমাপ ও রিপোর্ট করার সরঞ্জাম
গুগল বিশ্বাস করে যে, সকল ওয়েব অভিজ্ঞতার জন্য কোর ওয়েব ভাইটালস অত্যন্ত গুরুত্বপূর্ণ। ফলস্বরূপ, এটি তার সমস্ত জনপ্রিয় টুলে এই মেট্রিকগুলো প্রদর্শন করতে প্রতিশ্রুতিবদ্ধ। নিম্নলিখিত বিভাগগুলোতে কোন কোন টুল কোর ওয়েব ভাইটালস সমর্থন করে, তার বিস্তারিত বিবরণ দেওয়া হয়েছে।
কোর ওয়েব ভাইটালস পরিমাপের জন্য ফিল্ড টুলস
ক্রোম ইউজার এক্সপেরিয়েন্স রিপোর্ট প্রতিটি কোর ওয়েব ভাইটালের জন্য পরিচয় গোপন রেখে প্রকৃত ব্যবহারকারীর পরিমাপকৃত ডেটা সংগ্রহ করে। এই ডেটা সাইটের মালিকদের তাদের পেজগুলিতে ম্যানুয়ালি অ্যানালিটিক্স ইনস্টল করার প্রয়োজন ছাড়াই দ্রুত তাদের পারফরম্যান্স মূল্যায়ন করতে সক্ষম করে এবং ক্রোম ডেভটুলস , পেজস্পিড ইনসাইটস এবং সার্চ কনসোলের কোর ওয়েব ভাইটালস রিপোর্টের মতো টুলগুলিকে শক্তি জোগায়।
| এলসিপি | আইএনপি | সিএলএস | |
| ক্রোম ব্যবহারকারীর অভিজ্ঞতা প্রতিবেদন | |||
| ক্রোম ডেভটুলস | |||
| পেজস্পিড ইনসাইটস | |||
| সার্চ কনসোল (কোর ওয়েব ভাইটালস রিপোর্ট) |
ক্রোম ইউজার এক্সপেরিয়েন্স রিপোর্ট থেকে প্রাপ্ত ডেটা সাইটগুলোর পারফরম্যান্স দ্রুত মূল্যায়ন করার একটি উপায়, কিন্তু এটি প্রতি-পেজভিউ ভিত্তিক সেই বিস্তারিত টেলিমেট্রি প্রদান করে না, যা রিগ্রেশন সঠিকভাবে নির্ণয়, পর্যবেক্ষণ এবং দ্রুত প্রতিক্রিয়া জানানোর জন্য প্রায়শই প্রয়োজনীয়। ফলস্বরূপ, আমরা সাইটগুলোকে তাদের নিজস্ব রিয়েল-ইউজার মনিটরিং ব্যবস্থা স্থাপন করার জন্য দৃঢ়ভাবে সুপারিশ করি।
জাভাস্ক্রিপ্টে মূল ওয়েব ভাইটালস পরিমাপ করুন
প্রতিটি কোর ওয়েব ভাইটালস স্ট্যান্ডার্ড ওয়েব এপিআই ব্যবহার করে জাভাস্ক্রিপ্টে পরিমাপ করা যায়।
সমস্ত কোর ওয়েব ভাইটালস পরিমাপ করার সবচেয়ে সহজ উপায় হলো ওয়েব-ভাইটালস জাভাস্ক্রিপ্ট লাইব্রেরি ব্যবহার করা। এটি অন্তর্নিহিত ওয়েব এপিআই-গুলোর জন্য একটি ছোট, প্রোডাকশন-রেডি র্যাপার, যা প্রতিটি মেট্রিককে এমনভাবে পরিমাপ করে যা পূর্বে তালিকাভুক্ত সমস্ত গুগল টুলগুলোর রিপোর্টিংয়ের সাথে নির্ভুলভাবে মিলে যায়।
web-vitals লাইব্রেরির সাহায্যে, একটিমাত্র ফাংশন কল করেই প্রতিটি মেট্রিক পরিমাপ করা যায়। সম্পূর্ণ ব্যবহারবিধি এবং এপিআই (API) বিবরণের জন্য ডকুমেন্টেশন দেখুন।
import {onCLS, onINP, onLCP} from 'web-vitals';
function sendToAnalytics(metric) {
const body = JSON.stringify(metric);
// Use `navigator.sendBeacon()` if available, falling back to `fetch()`.
(navigator.sendBeacon && navigator.sendBeacon('/analytics', body)) ||
fetch('/analytics', {body, method: 'POST', keepalive: true});
}
onCLS(sendToAnalytics);
onINP(sendToAnalytics);
onLCP(sendToAnalytics);
একবার আপনি আপনার সাইটকে ওয়েব-ভাইটালস লাইব্রেরি ব্যবহার করে কোর ওয়েব ভাইটালস ডেটা পরিমাপ করতে এবং একটি অ্যানালিটিক্স এন্ডপয়েন্টে পাঠাতে কনফিগার করে ফেললে, পরবর্তী ধাপ হলো সেই ডেটা একত্রিত করা এবং তার উপর রিপোর্ট তৈরি করা, যাতে দেখা যায় আপনার পেজগুলো অন্তত ৭৫% পেজ ভিজিটের জন্য প্রস্তাবিত থ্রেশহোল্ড পূরণ করছে কিনা।
যদিও কিছু অ্যানালিটিক্স প্রদানকারীর টুলে কোর ওয়েব ভাইটালস মেট্রিক্সের জন্য অন্তর্নির্মিত সমর্থন থাকে, যাদের নেই তাদেরও মৌলিক কাস্টম মেট্রিক বৈশিষ্ট্য অন্তর্ভুক্ত করা উচিত, যা আপনাকে তাদের টুলের মাধ্যমে কোর ওয়েব ভাইটালস পরিমাপ করতে সক্ষম করবে।
যেসব ডেভেলপার অন্তর্নিহিত ওয়েব এপিআই ব্যবহার করে সরাসরি এই মেট্রিকগুলো পরিমাপ করতে পছন্দ করেন, তারা বাস্তবায়নের বিস্তারিত তথ্যের জন্য এই মেট্রিক গাইডগুলো ব্যবহার করতে পারেন:
জনপ্রিয় অ্যানালিটিক্স পরিষেবা বা আপনার নিজস্ব ইন-হাউস অ্যানালিটিক্স টুল ব্যবহার করে এই মেট্রিকগুলি পরিমাপ করার বিষয়ে অতিরিক্ত নির্দেশনার জন্য , "মাঠ পর্যায়ে ওয়েব ভাইটালস পরিমাপের সর্বোত্তম অনুশীলন" দেখুন।
কোর ওয়েব ভাইটালস পরিমাপের জন্য ল্যাব সরঞ্জাম
যদিও কোর ওয়েব ভাইটালস-এর সবগুলোই প্রধানত ফিল্ড মেট্রিক্স, তবুও এগুলোর মধ্যে অনেকগুলো ল্যাবেও পরিমাপযোগ্য।
ডেভেলপমেন্ট পর্যায়ে—ব্যবহারকারীদের কাছে প্রকাশ করার আগে—ফিচারগুলোর পারফরম্যান্স পরীক্ষা করার জন্য ল্যাব পরিমাপই সেরা উপায়। পারফরম্যান্সে কোনো অবনতি ঘটার আগেই তা শনাক্ত করার জন্যও এটিই সর্বোত্তম উপায়।
পরীক্ষাগার পরিবেশে কোর ওয়েব ভাইটালস পরিমাপ করার জন্য নিম্নলিখিত সরঞ্জামগুলি ব্যবহার করা যেতে পারে:
| এলসিপি | আইএনপি | সিএলএস | |
|---|---|---|---|
| ক্রোম ডেভটুলস | |||
| বাতিঘর | (এর পরিবর্তে TBT ব্যবহার করুন) |
চমৎকার অভিজ্ঞতা প্রদানের ক্ষেত্রে ল্যাব পরিমাপ একটি অপরিহার্য অংশ হলেও, এটি মাঠপর্যায়ের পরিমাপের বিকল্প নয়।
ব্যবহারকারীর ডিভাইসের সক্ষমতা, তার নেটওয়ার্কের অবস্থা, ডিভাইসে চলমান অন্যান্য প্রসেস এবং তিনি কীভাবে পেজটির সাথে ইন্টারঅ্যাক্ট করছেন, তার উপর ভিত্তি করে একটি সাইটের পারফরম্যান্স উল্লেখযোগ্যভাবে ভিন্ন হতে পারে। প্রকৃতপক্ষে, ব্যবহারকারীর ইন্টারঅ্যাকশনের দ্বারা প্রতিটি কোর ওয়েব ভাইটালস মেট্রিক্সের স্কোরই প্রভাবিত হতে পারে। শুধুমাত্র ফিল্ড মেজারমেন্টই সম্পূর্ণ চিত্রটি সঠিকভাবে তুলে ধরতে পারে।
আপনার স্কোর উন্নত করার জন্য সুপারিশসমূহ
নিম্নলিখিত নির্দেশিকাগুলিতে প্রতিটি কোর ওয়েব ভাইটালস-এর জন্য আপনার পেজগুলিকে অপ্টিমাইজ করার বিষয়ে নির্দিষ্ট সুপারিশ দেওয়া হয়েছে:
কোর ওয়েব ভাইটালস উন্নত করার অনেক উপায় আছে, এবং প্রতিটি পদ্ধতির প্রভাব, প্রাসঙ্গিকতা ও ব্যবহারযোগ্যতা পরিস্থিতিভেদে ভিন্ন ভিন্ন হয়ে থাকে। ক্রোম টিমের সেরা সুপারিশগুলোর একটি সংক্ষিপ্ত তালিকার জন্য “কোর ওয়েব ভাইটালস উন্নত করার সবচেয়ে কার্যকর উপায়” দেখুন।
অন্যান্য ওয়েব গুরুত্বপূর্ণ তথ্য
যদিও একটি চমৎকার ব্যবহারকারীর অভিজ্ঞতা বোঝা এবং প্রদান করার জন্য কোর ওয়েব ভাইটালস হলো অপরিহার্য মেট্রিক, তবে অন্যান্য সহায়ক মেট্রিকও রয়েছে।
এই অন্যান্য মেট্রিকগুলো তিনটি কোর ওয়েব ভাইটালসের প্রক্সি—কিংবা সম্পূরক মেট্রিক—হিসেবে কাজ করতে পারে, যা অভিজ্ঞতার একটি বৃহত্তর অংশ তুলে ধরতে বা কোনো নির্দিষ্ট সমস্যা নির্ণয়ে সহায়তা করে।
উদাহরণস্বরূপ, টাইম টু ফার্স্ট বাইট (TTFB) এবং ফার্স্ট কনটেন্টফুল পেইন্ট (FCP) উভয় মেট্রিকই লোডিং অভিজ্ঞতার অত্যন্ত গুরুত্বপূর্ণ দিক, এবং উভয়ই LCP-এর সমস্যা (যথাক্রমে ধীর সার্ভার রেসপন্স টাইম বা রেন্ডার-ব্লকিং রিসোর্স ) নির্ণয়ে সহায়ক।
একইভাবে, টোটাল ব্লকিং টাইম (TBT)- এর মতো একটি ল্যাব মেট্রিক INP-কে প্রভাবিত করতে পারে এমন সম্ভাব্য ইন্টারঅ্যাক্টিভিটি সমস্যা শনাক্ত ও নির্ণয় করার জন্য অত্যাবশ্যক। তবে, এটি কোর ওয়েব ভাইটালস সেটের অংশ নয়, কারণ এগুলো ফিল্ডে পরিমাপযোগ্য নয় এবং ব্যবহারকারী-কেন্দ্রিক ফলাফলও প্রতিফলিত করে না।
ওয়েব ভাইটালস-এর পরিবর্তন
ওয়েব ভাইটালস এবং কোর ওয়েব ভাইটালস হলো ওয়েব জুড়ে অভিজ্ঞতার মান পরিমাপ করার জন্য ডেভেলপারদের কাছে বর্তমানে উপলব্ধ সেরা সংকেত, কিন্তু এই সংকেতগুলো নিখুঁত নয় এবং ভবিষ্যতে এর উন্নতি বা সংযোজন প্রত্যাশিত।
কোর ওয়েব ভাইটালস সকল ওয়েব পেজের জন্য প্রাসঙ্গিক এবং গুগলের সংশ্লিষ্ট টুলগুলোতেও এটি প্রদর্শিত হয়। এই মেট্রিকগুলোতে কোনো পরিবর্তন আনলে তার সুদূরপ্রসারী প্রভাব পড়বে; তাই, ডেভেলপারদের আশা করা উচিত যে কোর ওয়েব ভাইটালস-এর সংজ্ঞা ও সীমা স্থিতিশীল থাকবে এবং এর আপডেটগুলো সম্পর্কে আগে থেকে বিজ্ঞপ্তি দেওয়া হবে ও একটি অনুমানযোগ্য বার্ষিক সময়সূচী থাকবে।
অন্যান্য ওয়েব ভাইটালস প্রায়শই প্রেক্ষাপট বা টুল-নির্দিষ্ট হয় এবং কোর ওয়েব ভাইটালস-এর তুলনায় বেশি পরীক্ষামূলক হতে পারে। ফলস্বরূপ, এগুলোর সংজ্ঞা এবং থ্রেশহোল্ড আরও ঘন ঘন পরিবর্তিত হতে পারে।
সমস্ত ওয়েব ভাইটালসের ক্ষেত্রে, পরিবর্তনগুলো এই পাবলিক চেঞ্জলগ- এ স্পষ্টভাবে নথিভুক্ত করা হবে।