ওয়েব ভাইটালস এক্সটেনশন আপডেটে ফিল্ড ডেটা দিয়ে আপনার পথ খুঁজুন

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

Rick Viscomi

প্রকাশিত: 2 জুলাই, 2021

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

পৃষ্ঠার কার্যক্ষমতা হার্ডওয়্যার এবং নেটওয়ার্ক গুণমান সহ অনেক বিষয়ের উপর নির্ভর করে। আপনি আপনার মেশিনে একটি পৃষ্ঠা যেভাবে অনুভব করেন তা বেশিরভাগ ব্যবহারকারীর অভিজ্ঞতার থেকে খুব আলাদা হতে পারে। এই কারণেই ওয়েব ভাইটালস এক্সটেনশনের সংস্করণ 1.0-এ একটি নতুন বৈশিষ্ট্য রয়েছে যা আপনার স্থানীয় কোর ওয়েব ভাইটাল পরিমাপের সাথে Chrome UX রিপোর্ট (CrUX) থেকে বাস্তব-ব্যবহারকারীর ডেটা একত্রিত করে৷ এই বৈশিষ্ট্যটি অন্যান্য ব্যবহারকারীদের একই পৃষ্ঠাগুলির অভিজ্ঞতার পরিপ্রেক্ষিতে আপনার স্থানীয় পরিমাপগুলি প্রদর্শন করে৷ এটি একটি চকচকে নতুন UI এর সাথে আসে এবং এটি কীভাবে কাজ করে তা দেখাতে আমি উত্তেজিত।

CrUX থেকে ফিল্ড ডেটা

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

ব্যবহারকারীর অভিজ্ঞতার ডেটা তিনটি গুণগত রেটিংয়ে বিভক্ত: ভাল, উন্নতি প্রয়োজন এবং খারাপ। প্রতিটি রেটিংয়ের জন্য ব্যবহৃত থ্রেশহোল্ডগুলি প্রতিটি কোর ওয়েব ভাইটাল মেট্রিক্সের গাইডে নথিভুক্ত করা হয়েছে: LCP , FID , এবং CLS ৷ সুতরাং উদাহরণস্বরূপ, CrUX API আপনাকে বলতে পারে যে একটি প্রদত্ত পৃষ্ঠায় 16% বাস্তব-ব্যবহারকারীর অভিজ্ঞতা 2.5 সেকেন্ডের মধ্যে ভাল LCP আছে বলে মূল্যায়ন করা হয়।

নতুন এক্সটেনশন UI

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

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

অরিজিন-লেভেল ডেটাতে ফিরে আসা

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

আরেকটি সাধারণ ক্ষেত্রে একটি "ইনপুটের জন্য অপেক্ষা করা হচ্ছে..." বার্তা দেখা। এর কারণ হল FID হল একমাত্র কোর ওয়েব ভাইটাল যার জন্য ব্যবহারকারীর ইন্টারঅ্যাকশন পরিমাপ করা প্রয়োজন, তাই আপনি পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট না করা পর্যন্ত এক্সটেনশনে দেখানোর জন্য কোনো স্থানীয় FID ডেটা থাকবে না।

প্রান্ত মামলা

কিছু কম সাধারণ এজ কেস আছে যেগুলো আপনি এক্সটেনশন ব্যবহার করার সময় চালাতে পারেন।

এটা ঘটতে পারে যে সমগ্র উত্সের অপর্যাপ্ত তথ্য আছে। সেই ক্ষেত্রে, এক্সটেনশনটি আপনাকে দেখাবে যে আপনার স্থানীয় অভিজ্ঞতাগুলি কীভাবে পারফর্ম করেছে৷

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

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

ফোন থেকে ফিল্ড ডেটা তুলনা করা

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

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

এক্সটেনশনে ফোন ডেটা সক্ষম করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

1. টুলবারে এক্সটেনশন আইকনে রাইট ক্লিক করুন এবং অপশন নির্বাচন করুন।
2. ফোন ক্ষেত্রের ডেটা বিকল্পের সাথে স্থানীয় অভিজ্ঞতা তুলনা করুন।

আপনি কোন মোডে আছেন তা নির্দেশ করতে UI কয়েকটি জায়গায় আপডেট হবে৷ সচেতন থাকুন যে সত্যিকারের ফোন ব্যবহারকারীদের অভিজ্ঞতা ডেস্কটপ ব্যবহারকারীদের থেকে খুব আলাদা হতে পারে, তাই বিবেচনার সাথে এই বৈশিষ্ট্যটি ব্যবহার করুন৷

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

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

ছবির ক্রেডিট: মার্ক গার্লিক/সায়েন্স ফটো লাইব্রেরি/গেটি ইমেজ

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

Rick Viscomi

প্রকাশিত: 2 জুলাই, 2021

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

পৃষ্ঠার কার্যক্ষমতা হার্ডওয়্যার এবং নেটওয়ার্ক গুণমান সহ অনেক বিষয়ের উপর নির্ভর করে। আপনি আপনার মেশিনে একটি পৃষ্ঠা যেভাবে অনুভব করেন তা বেশিরভাগ ব্যবহারকারীর অভিজ্ঞতার থেকে খুব আলাদা হতে পারে। এই কারণেই ওয়েব ভাইটালস এক্সটেনশনের সংস্করণ 1.0-এ একটি নতুন বৈশিষ্ট্য রয়েছে যা আপনার স্থানীয় কোর ওয়েব ভাইটাল পরিমাপের সাথে Chrome UX রিপোর্ট (CrUX) থেকে বাস্তব-ব্যবহারকারীর ডেটা একত্রিত করে৷ এই বৈশিষ্ট্যটি অন্যান্য ব্যবহারকারীদের একই পৃষ্ঠাগুলির অভিজ্ঞতার পরিপ্রেক্ষিতে আপনার স্থানীয় পরিমাপগুলি প্রদর্শন করে৷ এটি একটি চকচকে নতুন UI এর সাথে আসে এবং এটি কীভাবে কাজ করে তা দেখাতে আমি উত্তেজিত।

CrUX থেকে ফিল্ড ডেটা

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

ব্যবহারকারীর অভিজ্ঞতার ডেটা তিনটি গুণগত রেটিংয়ে বিভক্ত: ভাল, উন্নতি প্রয়োজন এবং খারাপ। প্রতিটি রেটিংয়ের জন্য ব্যবহৃত থ্রেশহোল্ডগুলি প্রতিটি কোর ওয়েব ভাইটাল মেট্রিক্সের গাইডে নথিভুক্ত করা হয়েছে: LCP , FID , এবং CLS ৷ সুতরাং উদাহরণস্বরূপ, CrUX API আপনাকে বলতে পারে যে একটি প্রদত্ত পৃষ্ঠায় 16% বাস্তব-ব্যবহারকারীর অভিজ্ঞতা 2.5 সেকেন্ডের মধ্যে ভাল LCP আছে বলে মূল্যায়ন করা হয়।

নতুন এক্সটেনশন UI

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

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

অরিজিন-লেভেল ডেটাতে ফিরে আসা

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

আরেকটি সাধারণ ক্ষেত্রে একটি "ইনপুটের জন্য অপেক্ষা করা হচ্ছে..." বার্তা দেখা। এর কারণ হল FID হল একমাত্র কোর ওয়েব ভাইটাল যার জন্য ব্যবহারকারীর ইন্টারঅ্যাকশন পরিমাপ করা প্রয়োজন, তাই আপনি পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট না করা পর্যন্ত এক্সটেনশনে দেখানোর জন্য কোনো স্থানীয় FID ডেটা থাকবে না।

প্রান্ত মামলা

কিছু কম সাধারণ এজ কেস আছে যেগুলো আপনি এক্সটেনশন ব্যবহার করার সময় চালাতে পারেন।

এটা ঘটতে পারে যে সমগ্র উত্সের অপর্যাপ্ত তথ্য আছে। সেই ক্ষেত্রে, এক্সটেনশনটি আপনাকে দেখাবে যে আপনার স্থানীয় অভিজ্ঞতাগুলি কীভাবে পারফর্ম করেছে৷

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

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

ফোন থেকে ফিল্ড ডেটা তুলনা করা

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

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

এক্সটেনশনে ফোন ডেটা সক্ষম করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

1. টুলবারে এক্সটেনশন আইকনে রাইট ক্লিক করুন এবং অপশন নির্বাচন করুন।
2. ফোন ক্ষেত্রের ডেটা বিকল্পের সাথে স্থানীয় অভিজ্ঞতা তুলনা করুন।

আপনি কোন মোডে আছেন তা নির্দেশ করতে UI কয়েকটি জায়গায় আপডেট হবে৷ সচেতন থাকুন যে সত্যিকারের ফোন ব্যবহারকারীদের অভিজ্ঞতা ডেস্কটপ ব্যবহারকারীদের থেকে খুব আলাদা হতে পারে, তাই বিবেচনার সাথে এই বৈশিষ্ট্যটি ব্যবহার করুন৷

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

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

ছবির ক্রেডিট: মার্ক গার্লিক/সায়েন্স ফটো লাইব্রেরি/গেটি ইমেজ

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

Rick Viscomi

প্রকাশিত: 2 জুলাই, 2021

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

পৃষ্ঠার কার্যক্ষমতা হার্ডওয়্যার এবং নেটওয়ার্ক গুণমান সহ অনেক বিষয়ের উপর নির্ভর করে। আপনি আপনার মেশিনে একটি পৃষ্ঠা যেভাবে অনুভব করেন তা বেশিরভাগ ব্যবহারকারীর অভিজ্ঞতার থেকে খুব আলাদা হতে পারে। এই কারণেই ওয়েব ভাইটালস এক্সটেনশনের সংস্করণ 1.0-এ একটি নতুন বৈশিষ্ট্য রয়েছে যা আপনার স্থানীয় কোর ওয়েব ভাইটাল পরিমাপের সাথে Chrome UX রিপোর্ট (CrUX) থেকে বাস্তব-ব্যবহারকারীর ডেটা একত্রিত করে৷ এই বৈশিষ্ট্যটি অন্যান্য ব্যবহারকারীদের একই পৃষ্ঠাগুলির অভিজ্ঞতার পরিপ্রেক্ষিতে আপনার স্থানীয় পরিমাপগুলি প্রদর্শন করে৷ এটি একটি চকচকে নতুন UI এর সাথে আসে এবং এটি কীভাবে কাজ করে তা দেখাতে আমি উত্তেজিত।

CrUX থেকে ফিল্ড ডেটা

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

ব্যবহারকারীর অভিজ্ঞতার ডেটা তিনটি গুণগত রেটিংয়ে বিভক্ত: ভাল, উন্নতি প্রয়োজন এবং খারাপ। প্রতিটি রেটিংয়ের জন্য ব্যবহৃত থ্রেশহোল্ডগুলি প্রতিটি কোর ওয়েব ভাইটাল মেট্রিক্সের গাইডে নথিভুক্ত করা হয়েছে: LCP , FID , এবং CLS ৷ সুতরাং উদাহরণস্বরূপ, CrUX API আপনাকে বলতে পারে যে একটি প্রদত্ত পৃষ্ঠায় 16% বাস্তব-ব্যবহারকারীর অভিজ্ঞতা 2.5 সেকেন্ডের মধ্যে ভাল LCP আছে বলে মূল্যায়ন করা হয়।

নতুন এক্সটেনশন UI

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

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

অরিজিন-লেভেল ডেটাতে ফিরে আসা

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

আরেকটি সাধারণ ক্ষেত্রে একটি "ইনপুটের জন্য অপেক্ষা করা হচ্ছে..." বার্তা দেখা। এর কারণ হল FID হল একমাত্র কোর ওয়েব ভাইটাল যার জন্য ব্যবহারকারীর ইন্টারঅ্যাকশন পরিমাপ করা প্রয়োজন, তাই আপনি পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট না করা পর্যন্ত এক্সটেনশনে দেখানোর জন্য কোনো স্থানীয় FID ডেটা থাকবে না।

প্রান্ত মামলা

কিছু কম সাধারণ এজ কেস আছে যেগুলো আপনি এক্সটেনশন ব্যবহার করার সময় চালাতে পারেন।

এটা ঘটতে পারে যে সমগ্র উত্সের অপর্যাপ্ত তথ্য আছে। সেই ক্ষেত্রে, এক্সটেনশনটি আপনাকে দেখাবে যে আপনার স্থানীয় অভিজ্ঞতাগুলি কীভাবে পারফর্ম করেছে৷

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

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

ফোন থেকে ফিল্ড ডেটা তুলনা করা

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

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

এক্সটেনশনে ফোন ডেটা সক্ষম করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

1. টুলবারে এক্সটেনশন আইকনে রাইট ক্লিক করুন এবং অপশন নির্বাচন করুন।
2. ফোন ক্ষেত্রের ডেটা বিকল্পের সাথে স্থানীয় অভিজ্ঞতা তুলনা করুন।

আপনি কোন মোডে আছেন তা নির্দেশ করতে UI কয়েকটি জায়গায় আপডেট হবে৷ সচেতন থাকুন যে সত্যিকারের ফোন ব্যবহারকারীদের অভিজ্ঞতা ডেস্কটপ ব্যবহারকারীদের থেকে খুব আলাদা হতে পারে, তাই বিবেচনার সাথে এই বৈশিষ্ট্যটি ব্যবহার করুন৷

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

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

ছবির ক্রেডিট: মার্ক গার্লিক/সায়েন্স ফটো লাইব্রেরি/গেটি ইমেজ