আপনার ওয়েবসাইট কার্যকরভাবে অডিট, উন্নত ও মনিটর করতে Google টুল কম্বাইন করুন।
প্রকাশিত: ২৮ মে, ২০২০
Core Web Vitals হল মেট্রিকের একটি সেট যা লোড পারফর্ম্যান্স, ব্যবহারকারীর ইনপুটের প্রতি রেসপন্সিভনেস এবং লেআউট স্টেবিলিটির মতো মানদণ্ডের ভিত্তিতে ব্যবহারকারীর অভিজ্ঞতা মূল্যায়ন করে।
আপনার ওয়েবসাইটের জন্য Core Web Vitals উন্নত করার একটি প্ল্যান এই গাইডে এক্সপ্লোর করা হবে, তবে সেই প্ল্যানটি কোথায় শুরু হবে তা নির্ভর করে আপনি নিজের ফিল্ড ডেটা সংগ্রহ করছেন কিনা তার উপর। ব্যবহারকারীর অভিজ্ঞতা সংক্রান্ত সমস্যা ডায়াগনসিস ও সমাধান করার জন্য Google-এর কোন টুল আপনার কাজে লাগবে তার উপর নির্ভর করে এটি কোথায় শেষ হবে।
Core Web Vitals ফিল্ডে সবচেয়ে ভালোভাবে পরিমাপ করা যায়
ব্যবহারকারীরা আপনার ওয়েবসাইট কীভাবে ব্যবহার করেন তা পরিমাপ করার জন্য Core Web Vitals বিশেষভাবে ডিজাইন করা হয়েছে—এগুলি হল ব্যবহারকারী-কেন্দ্রিক মেট্রিক। Lighthouse-এর মতো ল্যাব-ভিত্তিক টুল হল ডায়াগনস্টিক টুল যা সম্ভাব্য পারফর্ম্যান্স সমস্যা ও পেশাদার পদ্ধতি হাইলাইট করে। ল্যাব-ভিত্তিক টুলগুলি নির্দিষ্ট, পূর্বনির্ধারিত শর্তে চালানো হয় এবং আপনার ব্যবহারকারীদের অভিজ্ঞতা থেকে প্রাপ্ত রিয়েল-লাইফ Core Web Vitals পরিমাপ নাও দেখাতে পারে।
যেমন, Lighthouse হল ল্যাব-ভিত্তিক টুল যা সিমুলেটেড ডেস্কটপ বা মোবাইল পরিবেশে সিমুলেটেড থ্রটলিংয়ের মাধ্যমে পরীক্ষা চালায়। পারফর্ম্যান্স সংক্রান্ত সমস্যা ডায়াগনসিস করার সময় স্লো নেটওয়ার্ক ও ডিভাইসের অবস্থার সিমুলেশন সহায়ক হলেও, এগুলি হল নেটওয়ার্কের অবস্থা ও ডিভাইসের ক্ষমতার বিশাল বৈচিত্র্যের একটি ক্ষুদ্র অংশ মাত্র এবং তাই আপনার সাইটে ব্যবহারকারীরা কী অভিজ্ঞতা পাচ্ছেন তা হয়ত প্রতিফলিত করে না।
Lighthouse-এর মতো ল্যাব-ভিত্তিক টুলও সাধারণত সম্পূর্ণ নতুন ভিজিটর হিসেবে কোনও ওয়েব পেজের "কোল্ড লোড" করে। এটি প্রায়শই সবচেয়ে ধীরগতির লোড, তবে বাস্তবে, ভিজিটররা আগে ভিজিট করে থাকলে বা সাইট ব্রাউজ করার সময় কিছু অ্যাসেট ক্যাশে করা থাকতে পারে। নতুন দর্শক ও টুল, কুকি ব্যানার বা তাদের দেখানো অন্যান্য কন্টেন্টের সাথে সাইটটি ভিন্নভাবে অনুভব করতে পারে।
সংক্ষেপে, ল্যাব-ভিত্তিক টুল সম্ভাব্য পারফর্ম্যান্স সংক্রান্ত সমস্যার ইঙ্গিত দিতে পারে এবং ডিবাগ ও ইটারেট করতে সাহায্য করতে পারে, তবে কতজন দর্শক আপনার ওয়েবসাইট আসলে ব্যবহার করছেন তা নাও দেখাতে পারে। বাস্তব-জগতের পারফর্ম্যান্স পরিমাপ করার জন্য ফিল্ড ডেটা এবং কীভাবে এটি উন্নত করা যায় তার ডায়াগনস্টিকসের জন্য Lighthouse-এর মতো ল্যাব-ভিত্তিক টুল ব্যবহার করুন। এছাড়াও, কখন Lighthouse ব্যবহার করবেন বিভাগ দেখুন।
Google Chrome ব্যবহারকারীর অভিজ্ঞতা রিপোর্টের (CrUX) মাধ্যমে Core Web Vitals পরিমাপ করে। এটি হল Chrome-এর প্রকৃত ব্যবহারকারীদের থেকে সংগ্রহ করা একটি সর্বজনীন ডেটাসেট। এটি অনেক Google এবং থার্ড-পার্টি টুলের মেরুদণ্ড যা কোনও সাইটের Core Web Vitals রিপোর্ট করে।
তবে, CrUX-এর কিছু সীমাবদ্ধতা আছে। এটি প্রায়ই আপনাকে বলতে পারে যে কখন সমস্যা হয়েছে, কিন্তু কেন হয়েছে তা বলার জন্য পর্যাপ্ত ডেটা থাকে না।
সম্ভব হলে, আপনার নিজের ফিল্ড ডেটা সংগ্রহ করুন
ফিল্ডে ওয়েবসাইটের পারফর্ম্যান্স উন্নত করার জন্য সবচেয়ে ভালো ডেটাসেট হল আপনার তৈরি করা ডেটাসেট। আপনার ওয়েবসাইটের ভিজিটরদের থেকে ফিল্ড ডেটা সংগ্রহ করার মাধ্যমে এটি শুরু হয়। আপনি এটি কীভাবে করবেন তা আপনার সংস্থার সাইজের উপর নির্ভর করে এবং আপনি থার্ড-পার্টি সমাধান-এর জন্য পেমেন্ট করতে চান নাকি নিজের সমাধান তৈরি করতে চান তার উপর নির্ভর করে।
পেড সলিউশন প্রায় নিশ্চিতভাবেই Core Web Vitals (এবং অন্যান্য পারফর্ম্যান্স মেট্রিক) পরিমাপ করবে এবং সাধারণত ফলাফল হিসেবে পাওয়া ডেটা খুঁটিয়ে দেখার জন্য বিভিন্ন ধরনের টুল প্রদান করবে। উল্লেখযোগ্য রিসোর্স সহ বড় প্রতিষ্ঠানে, এটিই হতে পারে পছন্দের পদ্ধতি।
তবে, আপনি কোনও বড় প্রতিষ্ঠানের অংশ নাও হতে পারেন—এমনকি থার্ড-পার্টি সমাধান কেনার সামর্থ্যও আপনার নাও থাকতে পারে। এইসব ক্ষেত্রে, Google-এর web-vitals লাইব্রেরি আপনাকে সব Web Vitals সংগ্রহ করতে সাহায্য করবে। তবে, সেই ডেটা কীভাবে রিপোর্ট, স্টোর ও বিশ্লেষণ করা হবে তার দায়িত্ব আপনার।
আপনি যদি আগে থেকেই Google Analytics ব্যবহার করেন, কিন্তু নিজের ফিল্ড ডেটা সংগ্রহ করা শুরু না করে থাকেন, তাহলে আপনার কাছে web-vitals লাইব্রেরি ব্যবহার করে ফিল্ডে সংগ্রহ করা Web Vitals, Google Analytics-এ পাঠানোর এবং ডেটার রিপোর্ট তৈরি করতে GA4-এর BigQuery এক্সপোর্ট ব্যবহার করার সুযোগ থাকতে পারে।
Google-এর টুল সম্পর্কে বোঝা
আপনি নিজের ফিল্ড ডেটা সংগ্রহ করছেন কিনা তা নির্বিশেষে, Core Web Vitals বিশ্লেষণ করার জন্য উপযোগী হতে পারে এমন বেশ কয়েকটি Google টুল রয়েছে। ওয়ার্কফ্লো তৈরি করার আগে, প্রতিটি টুলের হাই-লেভেল ওভারভিউ আপনাকে বুঝতে সাহায্য করতে পারে যে কোন টুল আপনার জন্য সবচেয়ে ভালো হতে পারে—বা নাও হতে পারে।
Chrome User Experience Report (CrUX)
আগে যেমন উল্লেখ করা হয়েছে, CrUX হল লক্ষ লক্ষ ওয়েবসাইট থেকে Google Chrome-এর প্রকৃত ব্যবহারকারীদের একটি অংশের থেকে সংগ্রহ করা ফিল্ড ডেটার একটি সর্বজনীন ডেটাসেট। এতে Core Web Vital মেট্রিক এবং পর্যাপ্ত ট্রাফিক সহ ওয়েবসাইটের জন্য অন্যান্য মেট্রিক অন্তর্ভুক্ত রয়েছে।
CrUX মাসিক BigQuery ডেটাসেট হিসেবে অরিজিন লেভেলে অথবা URL বা অরিজিন লেভেলে দৈনিক API হিসেবে উপলভ্য, তবে URL বা অরিজিনের CrUX ডেটাসেটে পর্যাপ্ত স্যাম্পেল থাকতে হবে। CrUX ডেটা বিভিন্ন CrUX টুলের মাধ্যমে উপলভ্য, যা প্রোগ্রাম্যাটিক অ্যাক্সেস এবং ব্যবহারকারীদের জন্য ভিজ্যুয়াল টুল উভয়ই প্রদান করে।
CrUX কখন ব্যবহার করতে হবে
আপনি নিজের ফিল্ড ডেটা সংগ্রহ করলেও, CrUX এখনও উপযোগী। CrUX, Chrome ব্যবহারকারীদের একটি সাবসেটকে উপস্থাপন করলেও, আপনার ওয়েবসাইটের ফিল্ড ডেটা CrUX ডেটার সাথে কীভাবে সারিবদ্ধ হয় তা দেখতে তুলনা করা সহায়ক। প্রত্যেকটির সুবিধা ও অসুবিধা আছে, যার ফলে পার্থক্য দেখা যেতে পারে। আপনার ওয়েবসাইটের জন্য কোনও ফিল্ড ডেটা সংগ্রহ না করলে, CrUX একটি উচ্চ-স্তরের ওভারভিউ প্রদান করার জন্য বিশেষভাবে মূল্যবান—যদি আপনার ওয়েবসাইটটি তার ডেটাসেটে উপস্থাপন করা হয়।
আপনি সরাসরি CrUX ব্যবহার করতে পারেন অথবা অন্য কোনও টুল (নিচে উল্লেখ করা টুল সহ) ব্যবহার করতে পারেন। BigQuery বা API ব্যবহার করে সরাসরি CrUX ডেটাসেট ব্যবহার করা, এমন ডেটা প্রকাশ করার জন্য উপযোগী যা অন্যান্য টুলে দেখানো হয় না—উদাহরণস্বরূপ, দেশ-স্তরের ডেটা প্রায়শই অন্যান্য টুলে উপলভ্য হয় না, বা CrUX-এ অতিরিক্ত মেট্রিক দেখতে যা আবার প্রায়শই অন্যান্য টুলে দেখানো হয় না।
CrUX কখন ব্যবহার করবেন না
CrUX শুধুমাত্র Chrome ব্যবহারকারীদের প্রতিনিধিত্ব করে এবং এমনকি, Chrome ব্যবহারকারীদের শুধুমাত্র একটি সাবসেট। একটি সম্পূর্ণ RUM সমাধানে Chrome এবং অন্যান্য ব্রাউজার জুড়ে আরও অভিজ্ঞতা অন্তর্ভুক্ত থাকতে পারে যেখানে তারা Web Vital মেট্রিককে সাপোর্ট করে।
যেসব ওয়েবসাইটে পর্যাপ্ত ট্রাফিক আসে না, সেগুলি CrUX ডেটাসেটে দেখানো হয় না। আপনার ক্ষেত্রেও যদি এমনটি হয়, তাহলে আপনার ওয়েবসাইট ফিল্ডে কেমন পারফর্ম করছে তা বোঝার জন্য আপনাকে নিজের ফিল্ড ডেটা সংগ্রহ করতে হবে, কারণ CrUX কোনও বিকল্প হবে না। অন্যথায়, আপনাকে ল্যাব ডেটার উপর নির্ভর করতে হবে, তবে আগে যেমন বলা হয়েছে, এটি হয়ত প্রতিনিধিত্বমূলক নাও হতে পারে।
CrUX যে ডেটা প্রদান করে তা হল আগের ২৮ দিনের রোলিং গড়, তাই এটি ডেভেলপমেন্টের সময় ব্যবহার করার জন্য আদর্শ টুল নয়, কারণ CrUX ডেটাসেটে উন্নতি প্রতিফলিত হতে বেশ কিছুটা সময় লাগবে।
সবশেষে, পাবলিক ডেটাসেট হিসেবে CrUX কতটা তথ্য উপলভ্য করতে পারে এবং কীভাবে এই ডেটা কোয়েরি করা যেতে পারে তার উপর সীমাবদ্ধতা রয়েছে। আপনার নিজস্ব RUM ডেটা ক্যাপচার করলে আপনি আরও বিবরণ সংগ্রহ করতে পারবেন (যেমন, LCP এলিমেন্ট) এবং সমস্যা শনাক্ত করার জন্য ডেটা আরও বেশি করে ভাগ করতে পারবেন। লগ-আউট করা ব্যবহারকারীদের তুলনায় লগ-ইন করা ব্যবহারকারীরা কি ভাল বা খারাপ Core Web Vitals-এর অভিজ্ঞতা পান? যেসব ব্যবহারকারীর LCP স্লো, তাদের কি কোনও নির্দিষ্ট LCP এলিমেন্ট আছে? কোন ইন্টার্যাকশনের কারণে FID ও INP ভ্যালু বেশি হচ্ছে?
PageSpeed Insights (PSI)
PSI হল এমন একটি টুল যা CrUX থেকে ফিল্ড ডেটা এবং নির্দিষ্ট পৃষ্ঠার জন্য Lighthouse থেকে ল্যাব ডেটা রিপোর্ট করে। আরও বিবরণের জন্য সেইসব আলাদা বিভাগ দেখুন।
PSI কখন ব্যবহার করতে হয়
মোবাইল ও ডেস্কটপ ব্যবহারকারী, উভয়ের জন্যই পৃষ্ঠা-লেভেল বা অরিজিন-লেভেলে CrUX পারফর্ম্যান্স মূল্যায়ন করার জন্য PSI দারুণ। কোনও পৃষ্ঠা বা সাইটের জন্য Core Web Vitals-এর প্রাথমিক ওভারভিউয়ের জন্য এটি একটি ভালো বিকল্প। এছাড়াও, এটি আপনাকে প্রতিযোগীদের মতো অন্যান্য সাইটের জন্য Core Web Vitals ডেটা দেখতে দেয়।
এছাড়াও, PSI, Lighthouse ডেটা প্রদান করে, যা আপনার Core Web Vitals উন্নত করার জন্য উপযোগী সাজেশন দেয়—যদি মেট্রিকগুলি সারিবদ্ধ হয়। এগুলি এক না হলে, Lighthouse-এর সাজেশন কম প্রাসঙ্গিক হতে পারে।
যেহেতু Lighthouse সার্ভার থেকে রান করা হয়, তাই DevTools থেকে Lighthouse রান করার চেয়ে এটি আরও সামঞ্জস্যপূর্ণ বেসলাইন তৈরি করতে পারে।
PSI কখন ব্যবহার করবেন না
PSI শুধুমাত্র সর্বজনীন URL-এর জন্য উপলভ্য। এটি সর্বজনীনভাবে অ্যাক্সেসযোগ্য নয় এমন ডেভেলপমেন্ট সাইটে ব্যবহার করা যাবে না।
সাইট জনপ্রিয়তার থ্রেশহোল্ড সহ নির্দিষ্ট যোগ্যতার মাপকাঠি পূরণ করলে তবেই CrUX ডেটা উপলভ্য হয়। কোনও পৃষ্ঠা বা অরিজিনের জন্য CrUX ডেটা উপলভ্য না থাকলে PSI কম উপযোগী হয়, কারণ এই ক্ষেত্রে এটি শুধুমাত্র Lighthouse ল্যাব ডেটা দেখাতে পারে।
একইভাবে, আপনার কাছে নির্দিষ্ট URL-এর পরিবর্তে শুধুমাত্র অরিজিন-লেভেল CrUX ডেটা থাকলে, অরিজিন-লেভেল ফিল্ড ডেটার সাথে পৃষ্ঠা-লেভেল ল্যাব ডায়াগনস্টিকসের সম্পর্ক স্থাপন করার উপযোগিতা সীমিত হয়ে যায়। সাইটের পারফর্ম্যান্সের সারসংক্ষেপ হিসেবে অরিজিন-লেভেল ফিল্ড ডেটা এখনও খুব উপযোগী তথ্য এবং Lighthouse অডিট সাহায্য করতে পারে, তবে এই ক্ষেত্রে অতিরিক্ত সতর্কতা অবলম্বন করা উচিত।
সবশেষে, CrUX-এ পৃষ্ঠা-লেভেল ডেটা উপলভ্য থাকলেও, Lighthouse ল্যাব ডেটা থেকে আলাদা হলে, Lighthouse থেকে পাওয়া সাজেশন সীমিত মূল্যের হতে পারে। এটি বিশেষ করে পোস্ট-লোড CLS সংক্রান্ত সমস্যা এবং ইন্টার্যাক্টিভিটি Core Web Vitals (FID ও INP)-এর ক্ষেত্রে হতে পারে যেখানে ল্যাব-ভিত্তিক অডিট কম উপযোগী।
Search Console
Search Console আপনার সাইটের সার্চ ট্রাফিক ও পারফর্ম্যান্স পরিমাপ করে, যার মধ্যে Core Web Vitals-ও অন্তর্ভুক্ত। এটি শুধুমাত্র সেইসব সাইটের মালিকদের জন্য উপলভ্য যারা সাইটের মালিকানা কনফার্ম করেছেন।
Search Console-এর একটি গুরুত্বপূর্ণ ফিচার হল, এটি একই ধরনের পৃষ্ঠাগুলিকে (যেমন, একই টেমপ্লেট ব্যবহার করে এমন পৃষ্ঠা) একটি সিঙ্গল গ্রুপ অ্যাসেসমেন্টে গ্রুপ করে। এছাড়াও, Search Console-এ CrUX থেকে পাওয়া ফিল্ড ডেটার উপর ভিত্তি করে Core Web Vitals রিপোর্ট অন্তর্ভুক্ত থাকে।
কখন Search Console ব্যবহার করতে হয়
ডেভেলপার এবং ডেভেলপার নন এমন ব্যক্তি, উভয়ের জন্যই Search Console উপযুক্ত। এর মাধ্যমে সার্চ ও পৃষ্ঠার পারফর্ম্যান্স এমনভাবে মূল্যায়ন করা যায় যা অন্যান্য Google টুলের মাধ্যমে করা যায় না। CrUX ডেটার প্রেজেন্টেশন এবং একই ধরনের পৃষ্ঠাগুলিকে গ্রুপ করার মাধ্যমে, পারফর্ম্যান্সের উন্নতি কীভাবে পৃষ্ঠাগুলির সম্পূর্ণ বিভাগকে প্রভাবিত করে সে সম্পর্কে নতুন ইনসাইট প্রদান করে।
Search Console কখন ব্যবহার করবেন না
Search Console এমন প্রোজেক্টের জন্য উপযুক্ত নাও হতে পারে যেগুলি বিভিন্ন থার্ড-পার্টি টুল ব্যবহার করে যা সাদৃশ্য অনুসারে পৃষ্ঠাগুলিকে গ্রুপ করে, অথবা যদি কোনও ওয়েবসাইট CrUX ডেটাসেটে উপস্থাপন না করা হয়।
পৃষ্ঠার গ্রুপিং কিছুটা বিভ্রান্তিকর হতে পারে যখন কোনও গ্রুপের উদাহরণ পৃষ্ঠার বৈশিষ্ট্য গ্রুপের বাকি পৃষ্ঠার থেকে আলাদা হয়—যেমন, গ্রুপটি যদি সামগ্রিকভাবে নির্দিষ্ট Core Web Vitals-এ ব্যর্থ হয়, কিন্তু উদাহরণ পৃষ্ঠাগুলি একই Core Web Vitals-এ পাস করে বলে মনে হয়। কোনও গ্রুপে লং টেইল বা খুব কম ভিজিট করা পৃষ্ঠা থাকলে এমনটি হতে পারে, কারণ সেগুলি ক্যাশে হওয়ার সম্ভাবনা কম থাকে এবং তাই লোড হতে বেশি সময় লাগতে পারে। লং টেলে এই ধরনের পৃষ্ঠার সংখ্যা যথেষ্ট বেশি হলে, সেগুলি গ্রুপের সামগ্রিক পাস রেটকে প্রভাবিত করতে পারে।
লাইটহাউস
Lighthouse হল একটি ল্যাব টুল যা পৃষ্ঠার পারফর্ম্যান্স উন্নত করার জন্য নির্দিষ্ট সুযোগ প্রদান করে। এছাড়াও, Lighthouse ইউজার ফ্লো ডেভেলপারদের পেজ লোড ছাড়াও পারফর্ম্যান্স টেস্ট করার জন্য ইন্টার্যাকশন ফ্লো স্ক্রিপ্ট করার অনুমতি দেয়।
Lighthouse-CI হল একটি সম্পর্কিত টুল যা প্রোজেক্ট তৈরি এবং ডিপ্লয় করার সময় Lighthouse রান করে, যাতে পারফর্ম্যান্স রিগ্রেশন টেস্টিংয়ে সহায়তা করা যায়। এটি পুল রিকোয়েস্টের সাথে লাইটহাউস রিপোর্ট দেখায় এবং সময়ের সাথে সাথে পারফর্ম্যান্স মেট্রিক ট্র্যাক করে।
Lighthouse কখন ব্যবহার করবেন
লোকাল ও স্টেজিং, উভয় এনভায়রনমেন্টেই ডেভেলপমেন্টের সময় পারফর্ম্যান্স উন্নত করার সুযোগ খুঁজে বের করার জন্য Lighthouse দারুণ একটি টুল। Lighthouse CI একইভাবে স্টেজিং এবং প্রোডাকশন এনভায়রনমেন্টে বিল্ড এবং ডিপ্লয় ফেজে উপযোগী, যেখানে ব্যবহারকারীর ভালো অভিজ্ঞতা বজায় রাখার জন্য পারফর্ম্যান্স রিগ্রেশন টেস্টিং প্রয়োজন।
Lighthouse কখন ব্যবহার করবেন না
Lighthouse (বা Lighthouse CI) হল ফিল্ড ডেটার বিকল্পনয়। Lighthouse হল মূলত একটি ডায়াগনস্টিক টুল যা পূর্বনির্ধারিত পৃষ্ঠা লোড থেকে সম্ভাব্য সমস্যা এবং পেশাদার পদ্ধতি তালিকাভুক্ত করে। এটি যে সাজেশন দেখায় তা সবসময় আপনার ব্যবহারকারীদের অভিজ্ঞতা অনুযায়ী পারফর্ম্যান্সের সাথে নাও মিলতে পারে।
PageSpeed Insights-এর মতো টুলের মাধ্যমে প্রোডাকশন সাইট ডায়াগনসিস করার জন্য Lighthouse ব্যবহার করা যেতে পারে, তবে প্রোডাকশনে পৌঁছানোর আগেই পারফর্ম্যান্স সংক্রান্ত সমস্যার সমাধান করার জন্য ডেভেলপমেন্ট ও কন্টিনিউয়াস ইন্টিগ্রেশন এনভায়রনমেন্টে Lighthouse ব্যবহার করা আদর্শ।
Lighthouse যে অডিট প্রদান করে তা Chrome DevTools-এর পারফর্ম্যান্স প্যানেলে "ইনসাইট" ফিচারের মাধ্যমেও উপলভ্য, যা কোনও পৃষ্ঠার পারফর্ম্যান্সের আরও গভীর বিশ্লেষণ প্রদান করে।
Chrome DevTools-এ পারফর্ম্যান্স প্যানেল
Chrome DevTools হল ইন-ব্রাউজার ডেভেলপমেন্ট টুলের একটি সংগ্রহ, যার মধ্যে পারফর্ম্যান্স প্যানেল অন্তর্ভুক্ত। পারফর্ম্যান্স প্যানেল হল একটি ল্যাব টুল যাতে দুটি "মোড" থাকে:
পারফর্ম্যান্স প্যানেল প্রথমবার খোলা হলে, একটি লাইভ মেট্রিক্স স্ক্রিন বর্তমান Core Web Vitals মেট্রিক প্রদান করে, যার সাথে CrUX থেকে ফিল্ড ডেটা ইম্পোর্ট করার ক্ষমতা থাকে। পারফর্ম্যান্স সংক্রান্ত সমস্যা খুঁজে বের করার জন্য পৃষ্ঠার সাথে ইন্টার্যাক্ট করার সময় পারফর্ম্যান্সের "লাইভ" ভিউ হিসেবে এটি উপযোগী—বিশেষ করে লোড হওয়ার পরে হওয়া সমস্যার ক্ষেত্রে, যা আপনি CLS ও INP মেট্রিকের মাধ্যমে দেখতে পেতে পারেন।
দ্বিতীয়ত, পারফর্ম্যান্স প্যানেল ডেভেলপারদের পৃষ্ঠা লোড হওয়ার সময় বা রেকর্ড করা সময়সীমার মধ্যে সব পৃষ্ঠা অ্যাক্টিভিটির প্রোফাইল (বা ট্রেস) ক্যাপচার করার অনুমতি দেয়। এই ভিউ নেটওয়ার্ক, রেন্ডারিং, পেইন্টিং এবং স্ক্রিপ্টিং অ্যাক্টিভিটির মতো ডাইমেনশন জুড়ে যা কিছু লক্ষ্য করে তার পাশাপাশি পৃষ্ঠার Core Web Vitals সম্পর্কে গভীর ইনসাইট প্রদান করে। এছাড়াও, এতে ইনসাইট অন্তর্ভুক্ত থাকে, যা Lighthouse-এর প্রদান করা ইনসাইটের মতো।
পারফর্ম্যান্স প্যানেল কখন ব্যবহার করবেন
কোনও নির্দিষ্ট পৃষ্ঠার পারফর্ম্যান্স সম্পর্কে গভীর ইনসাইট পেতে ডেভেলপারদের পারফর্ম্যান্স প্যানেল ব্যবহার করা উচিত।
লাইভ মেট্রিক ভিউ ব্যবহার করে পৃষ্ঠার বর্তমান পারফর্ম্যান্সের বৈশিষ্ট্য দ্রুত বোঝা যায় এবং পৃষ্ঠার সাথে ইন্টার্যাক্ট করার সময় সম্ভাব্য সমস্যাও চিহ্নিত করা যায়।
INP-কে প্রভাবিত করে এমন রেসপন্সিভনেস সংক্রান্ত সমস্যা ডিবাগ করার জন্য ট্রেস ভিউ বিশেষভাবে উপযোগী। খারাপভাবে রেসপন্স করা ইন্টার্যাকশন শনাক্ত করা এবং তা রিপিট করা গেলে, ব্রাউজারে কী ঘটছে তা বোঝার জন্য পারফর্ম্যান্স প্যানেল প্রচুর ডেটা প্রদান করতে পারে, যেমন, মূল থ্রেড ব্লক করা থেকে শুরু করে জাভাস্ক্রিপ্ট কল স্ট্যাক এবং রেন্ডারিংয়ের কাজ।
পারফর্ম্যান্স প্যানেল কখন ব্যবহার করবেন না
পারফর্ম্যান্স প্যানেল হল একটি ডেভেলপার টুল যা মূলত ল্যাব ডেটা প্রদান করে—যদিও CrUX থেকে কিছু ফিল্ড প্রসঙ্গ সহ। এটি ফিল্ড ডেটার বিকল্প নয়।
ট্রেস ভিউতে অনেক ডিবাগিং ইনফরমেশন থাকে, তবে সেই কারণে, নতুন ডেভেলপার বা ডেভেলপার নন এমন ব্যক্তিদের পক্ষে এটি বোঝা কঠিন হতে পারে। তবে, প্যানেল খোলার সাথে সাথে যে লাইভ মেট্রিক্স ভিউ দেখা যায়, সেটি সম্পূর্ণ বিবরণ যাদের প্রয়োজন নেই তাদের জন্য সহজে ব্যবহারযোগ্য ইন্টারফেস প্রদান করে এই সমস্যার সমাধান করে।
আপনার ওয়েবসাইটের Core Web Vitals যাতে ভাল থাকে তা নিশ্চিত করার জন্য তিন ধাপের ওয়ার্কফ্লো
ব্যবহারকারীর অভিজ্ঞতা উন্নত করার জন্য কাজ করার সময়, এই প্রসেসটিকে একটি অবিচ্ছিন্ন চক্র হিসেবে ভাবা সবচেয়ে ভালো। Core Web Vitals এবং অন্যান্য পারফর্ম্যান্স মেট্রিক উন্নত করার জন্য, একটি পদ্ধতি হতে পারে:
- ওয়েবসাইটের স্বাস্থ্য মূল্যায়ন করা এবং অসন্তোষের কারণ চিহ্নিত করা।
- ডিবাগ ও অপ্টিমাইজ করুন।
- রিগ্রেশন ধরতে ও আটকাতে কন্টিনিউয়াস ইন্টিগ্রেশন টুলের সাহায্যে মনিটর করুন।
ধাপ ১: ওয়েবসাইটের স্বাস্থ্য মূল্যায়ন করা এবং উন্নতির সুযোগ শনাক্ত করা
ওয়েবসাইটের স্বাস্থ্য মূল্যায়ন করার জন্য ফিল্ড ডেটা দিয়ে শুরু করা সবচেয়ে ভালো।
- অরিজিনে সামগ্রিক Core Web Vitals অভিজ্ঞতার মেট্রিক্স এবং কোনও স্বতন্ত্র URL-এ নির্দিষ্ট তথ্য দেখতে PageSpeed Insights ব্যবহার করুন।
- যেসব পৃষ্ঠায় উন্নতি প্রয়োজন সেগুলি শনাক্ত করতে Search Console উপযোগী হতে পারে, যেখানে আপনার সাইটের জন্য এর পৃষ্ঠা গ্রুপিং ফিচার ভালভাবে কাজ করে।
- আপনার কাছে RUM ডেটা থাকলে, সমস্যা সহ নির্দিষ্ট পৃষ্ঠা বা ট্রাফিক সেগমেন্ট শনাক্ত করার জন্য এটি প্রায়শই সেরা বিকল্প।
আপনি নিজে সংগ্রহ করা ফিল্ড ডেটা বা CrUX ডেটা বিশ্লেষণ করুন না কেন, এই প্রথম ধাপটি অত্যন্ত গুরুত্বপূর্ণ। আপনি ফিল্ড ডেটা সংগ্রহ না করলে, CrUX ডেটা আপনাকে গাইড করার জন্য যথেষ্ট হতে পারে—তবে, আপনার ওয়েবসাইট ডেটাসেটে থাকতে হবে।
PageSpeed Insights-এর মাধ্যমে সাইটের পারফর্ম্যান্স বিশ্লেষণ করা
PageSpeed Insights, ৭৫তম পার্সেন্টাইলে ব্যবহারকারীর অভিজ্ঞতার ডেটার শেষ ২৮ দিন কভার করে CrUX ডেটা দেখায়। এর অর্থ হল, ৭৫% ব্যবহারকারীর অভিজ্ঞতা যদি প্রদত্ত মেট্রিকের জন্য সেট করা থ্রেশহোল্ড পূরণ করে, তাহলে সেই অভিজ্ঞতাকে "ভালো" হিসেবে বিবেচনা করা হয়।
আপনি যদি কোনও নির্দিষ্ট পৃষ্ঠার পারফর্ম্যান্স দেখতে চান, তাহলে সেটি ব্যবহার করুন। অপ্টিমাইজ করা শুরু করার সময় সাইটের সামগ্রিক ভিউ পেতে, আপনি হোম পেজ থেকে শুরু করতে পারেন, কারণ এটি সাধারণত অনেক সাইটের সবচেয়ে জনপ্রিয় পৃষ্ঠাগুলির মধ্যে একটি।
প্রথমে PSI-এর আপনার আসল ব্যবহারকারীরা কী অভিজ্ঞতা পাচ্ছেন বিভাগে মনোযোগ দিন। আপনি ডেটার সর্বাধিক চারটি ভিউ দেখতে পাবেন: লেখা URL এবং সম্পূর্ণ অরিজিনের জন্য মোবাইল ও ডেস্কটপ। এগুলি তুলনা করে দেখুন যে এগুলির মধ্যে কী পার্থক্য আছে। মোবাইল সাধারণত ডেস্কটপের চেয়ে কম পারফর্ম করে কারণ এটি একটি আরও রিসোর্স-সীমাবদ্ধ ডিভাইস যা সম্ভাব্য কম স্থিতিশীল নেটওয়ার্ক পরিস্থিতিতে কাজ করে। URL এবং অরিজিন ডেটা উল্লেখযোগ্যভাবে আলাদা হলে, কেন তা বোঝার চেষ্টা করুন: হোম পেজগুলি প্রায়শই প্রথম দেখা পৃষ্ঠা হয় (অর্থাৎ, একটি ল্যান্ডিং পৃষ্ঠা) তাই অরিজিনের চেয়ে ধীর হতে পারে ব্যবহারকারীরা আনপ্রাইমড ব্রাউজার ক্যাশের সম্পূর্ণ প্রভাব অনুভব করেন। পরবর্তী পৃষ্ঠাগুলি সম্ভবত দ্রুত লোড হবে, কারণ যেকোনও শেয়ার করা অ্যাসেট ক্যাশে করা হবে, যা মোট অরিজিন-লেভেল ডেটা কমিয়ে দেবে।
এছাড়াও, PSI তিনটি Core Web Vitals (LCP, CLS ও INP) এবং ডায়াগনস্টিক TTFB ও FCP মেট্রিক দেখায়। Core Web Vitals-এর কোনও মেট্রিক কি ব্যর্থ হচ্ছে এবং কতটা? এটি আপনাকে কোথায় মনোযোগ দিতে হবে তা নির্দেশ করবে।
এইসব সংখ্যার মধ্যে সম্পর্ক বুঝুন—বিশেষ করে LCP-এর জন্য। LCP যদি স্লো হয়, যেমন এই উদাহরণে দেখানো হয়েছে, তাহলে TTFB ও FCP দেখুন, এই দুটিই হল সেই মেট্রিকের মাইলস্টোন। এই উদাহরণে, আমাদের কাছে ১.৮ সেকেন্ডের TTFB আছে, যা ভাল LCP-এর জন্য ২.৫ সেকেন্ডের সাজেস্ট করা থ্রেশহোল্ড পূরণ করা খুব কঠিন করে তুলবে। এর থেকে বোঝা যায় যে ব্যাকএন্ড স্লো (সার্ভার সংক্রান্ত সমস্যা বা CDN-এর অভাব), নেটওয়ার্ক স্লো অথবা রিডাইরেক্টের কারণে প্রথম HTML বাইট আসতে দেরি হচ্ছে। আরও তথ্যের জন্য TTFB অপ্টিমাইজ করার গাইড দেখুন। FCP-এর ক্ষেত্রে আরও এক সেকেন্ড সময় লাগে, যা নেটওয়ার্কের স্পিড কম হওয়ার ইঙ্গিত দেয়। এই উদাহরণে FCP-এর পরে LCP-এর জন্য বেশি সময় লাগেনি, যা থেকে বোঝা যায় যে পৃষ্ঠা লোড হওয়ার পরে LCP রিসোর্স ভালভাবে অপ্টিমাইজ করা হয়েছে। CrUX এখন রিসোর্সের ধরন ও সাবপার্টে আরও ডায়াগনস্টিক তথ্য দেখায়, যা আপনাকে LCP সংক্রান্ত সমস্যা ডায়াগনসিস করতে সাহায্য করে।
CLS-এর জন্য, CrUX CLS এবং Lighthouse CLS স্কোর দেখুন এবং এটি লোড CLS সমস্যা (যা Lighthouse ধরতে পারবে এবং সেই বিষয়ে পরামর্শ দেবে) নাকি পোস্ট-লোড CLS সমস্যা (যা Lighthouse ধরতে পারবে না) তা বোঝার চেষ্টা করুন। আরও তথ্যের জন্য Optimize CLS গাইড দেখুন।
রেসপন্সিভনেসের জন্য, INP স্কোর দেখুন। প্রাথমিক পৃষ্ঠা লোড হওয়ার সময় অনেক জাভাস্ক্রিপ্ট প্রসেসিং হচ্ছে কিনা তা দেখতে, Lighthouse-এ TBT অডিট দেখুন, যা INP-কে প্রভাবিত করতে পারে। INP উন্নত করা কঠিন হতে পারে, তাই আরও তথ্যের জন্য INP অপ্টিমাইজ করার নির্দেশিকা দেখুন।
Search Console-এ খারাপ পারফর্ম করা পৃষ্ঠা শনাক্ত করা
আপনি কোনও নির্দিষ্ট URL বা সম্পূর্ণ সাইট পরীক্ষা করতে চাইলে PSI উপযোগী হলেও, Search Console আপনাকে নির্দিষ্ট ধরনের পৃষ্ঠায় ফোকাস করতে সাহায্য করতে পারে। অনেক পৃষ্ঠা যদি একই থিম বা প্রযুক্তি শেয়ার করে এবং Search Console যদি সেগুলি শনাক্ত করতে পারে, তাহলে এটি বিশেষভাবে উপযোগী হয়।
Search Console-এ Core Web Vitals রিপোর্ট আপনার ওয়েবসাইটের পারফর্ম্যান্সের সামগ্রিক চিত্র দেখায়, তবে আপনি এখনও নির্দিষ্ট পৃষ্ঠায় গিয়ে দেখতে পারেন যে কোন কোন পৃষ্ঠায় বিশেষ নজর দিতে হবে। Search Console-এর মাধ্যমে আপনি এগুলিও করতে পারবেন:
- উন্নত করতে হবে এমন স্বতন্ত্র পৃষ্ঠা গ্রুপ এবং যেগুলি ব্যবহারকারীকে ভালো অভিজ্ঞতা প্রদান করে সেগুলি শনাক্ত করুন।
- স্ট্যাটাস, মেট্রিক ও একই ধরনের ওয়েব পেজের গ্রুপ (যেমন, ই-কমার্স ওয়েবসাইটে প্রোডাক্টের বিবরণ সংক্রান্ত পেজ) অনুযায়ী গ্রুপ করা URL-এর মাধ্যমে পারফর্ম্যান্সের গ্র্যানুলার ডেটা পান।
- মোবাইল ও ডেস্কটপ, দুটির ক্ষেত্রেই ব্যবহারকারীর অভিজ্ঞতা সংক্রান্ত কোয়ালিটি বিভাগের প্রতিটি URL-এর জন্য বিস্তারিত রিপোর্ট পান।
আপনার কাছে দেখার জন্য কিছু নির্দিষ্ট পৃষ্ঠা থাকলে, আপনি আগে ব্যাখ্যা করা PSI ব্যবহার করে সেই পৃষ্ঠাগুলির সমস্যাগুলি আরও ভালভাবে বুঝতে পারবেন।
ধাপ ২: ডিবাগ ও অপ্টিমাইজ করা
ধাপ ১-এ, আপনাকে এমন পৃষ্ঠাগুলি শনাক্ত করতে হবে যেগুলির পারফর্ম্যান্স উন্নত করা প্রয়োজন এবং আপনি কোন Core Web Vitals মেট্রিক উন্নত করতে চান তাও শনাক্ত করতে হবে। সমস্যা শনাক্ত করার জন্য মূল কারণ বুঝতে, আরও তথ্য পেতে আপনি Google টুলিং ব্যবহার করতে পারবেন।
- পৃষ্ঠার জন্য হাই-লেভেল নির্দেশিকা পেতে Lighthouse অডিট দেখুন
- রিয়েল টাইমে Core Web Vitals বিশ্লেষণ করতে পারফর্ম্যান্স প্যানেল লাইভ মেট্রিক্স ভিউ ব্যবহার করুন।
- পারফর্ম্যান্স সংক্রান্ত সমস্যা ডিবাগ করতে এবং কোডে করা পরিবর্তন পরীক্ষা করতে, পারফর্ম্যান্স প্যানেল ট্রেসিং ব্যবহার করুন।
আরও বিস্তারিত নির্দেশিকার জন্য, এইসব গাইড দেখুন:
Lighthouse-এর মাধ্যমে সুযোগ খুঁজে নিন
PageSpeed Insights আপনার জন্য Lighthouse রান করে। এছাড়াও, Chrome DevTools থেকে Lighthouse রান করা সম্ভব, যা স্থানীয়ভাবে সমস্যার সমাধান যাচাই করার জন্য উপযোগী, যদিও পারফর্ম্যান্স প্যানেল (পরবর্তী অংশে কভার করা হয়েছে) স্থানীয়ভাবে পারফর্ম্যান্স সংক্রান্ত সমস্যা শনাক্ত ও সমাধান করার জন্য আরও বেশি ব্যাপক টুল।
একটি মূল পয়েন্ট হল, Lighthouse অডিট যে সমস্যাগুলি আপনি সমাধান করার চেষ্টা করছেন (যেমন, স্লো LCP বা CLS সমস্যা) সেগুলি রেপ্লিকেট করে কিনা তা যাচাই করা। Lighthouse শুধুমাত্র পৃষ্ঠা লোড হওয়ার সময় ব্যবহারকারীর অভিজ্ঞতা মূল্যায়ন করে। যেহেতু এটি একটি ল্যাব টুল, তাই এটি TBT-এর জন্য INP বাদ দেয়।
আপনি যে সমস্যা সমাধান করার চেষ্টা করছেন, Lighthouse মেট্রিক যদি একই ধরনের সমস্যার কথা বলে, তাহলে এর অডিটে থাকা প্রচুর তথ্য সমস্যা শনাক্ত করতে এবং সমাধান সাজেস্ট করতে সাহায্য করতে পারে।
আপনি অডিট ফিল্টার করে শুধু সেইসব Core Web Vitals দেখতে পারেন যেগুলি আপনি ঠিক করতে আগ্রহী। এর ফলে আপনি নির্দিষ্ট মেট্রিক সম্পর্কিত সমস্যা সমাধানের উপর ফোকাস করতে পারবেন:
INP-এর জন্য, TBT অডিট ব্যবহার করে সেইসব সমস্যা শনাক্ত করুন যা সম্ভাব্যভাবে এইসব মেট্রিককে প্রভাবিত করতে পারে, তবে মনে রাখবেন যে ইন্টার্যাকশন ছাড়া, Lighthouse-এর ডায়াগনসিস করার ক্ষমতা সীমিত।
Chrome DevTools লাইভ মেট্রিক স্ক্রিনের মাধ্যমে রিয়েল টাইমে বিশ্লেষণ করুন
পারফর্ম্যান্স প্যানেলে Chrome DevTools লাইভ মেট্রিক্স স্ক্রিন, পৃষ্ঠা লোড হওয়ার সময় এবং পৃষ্ঠা ব্রাউজ করার সময় রিয়েল টাইমে Core Web Vitals দেখায়। এই কারণে, এটি INP-এর পাশাপাশি লোড হওয়ার পরে হওয়া লে-আউট শিফ্টও ক্যাপচার করতে পারে। এছাড়াও, প্রতিটি মেট্রিকের বিষয়ে আরও বিস্তারিত তথ্য দেখা সম্ভব:
এই ভিউ পারফর্ম্যান্স সংক্রান্ত সমস্যা শনাক্ত করতে অনেক সহায়ক তথ্য প্রদান করে এবং CrUX থেকে ফিল্ড সংক্রান্ত তথ্যও নিয়ে আসতে পারে। আরও তথ্যের জন্য আপনি ট্রেস ব্যবহার করে আরও গভীরে যেতে পারেন।
পারফর্ম্যান্স প্যানেলের মাধ্যমে আরও গভীরে যান
Chrome DevTools-এর পারফর্ম্যান্স প্যানেল আপনাকে রেকর্ড করা সময়সীমার মধ্যে সমস্ত পৃষ্ঠার আচরণের একটি প্রোফাইল (বা ট্রেস) রেকর্ড করতে দেয়।
পারফর্ম্যান্স ইনসাইট ইনসাইট সাইড প্যানেলে উপলভ্য। এছাড়াও, এটি Core Web Vital মেট্রিক্সের সাথে ফিল্ড ভ্যালুও দেখায়, যদি সেগুলি উপলভ্য থাকে।
লেআউট শিফ্ট ট্র্যাক লেআউট শিফ্ট হাইলাইট করে এবং এগুলিতে ক্লিক করলে CLS ডিবাগ করার জন্য শিফ্ট করা এলিমেন্ট সম্পর্কে আরও বিবরণ পাওয়া যায়।
LCP-এর মতো গুরুত্বপূর্ণ টাইমিং ট্রেসের নিচে টাইমিং বিকল্পে দেখানো হয়। আরও বিবরণের জন্য এগুলিতে ক্লিক করুন।
ফ্লেম চার্টে লাল রঙের ত্রিভুজ দিয়ে বড় টাস্ক (যা INP সম্পর্কিত সমস্যার কারণ হতে পারে) হাইলাইট করা হয়।
এইসব ফিচার—এবং পারফর্ম্যান্স প্যানেলের অন্যান্য অংশের তথ্য—কোনও পৃষ্ঠার Core Web Vitals-এ সমস্যার সমাধান কোনও প্রভাব ফেলছে কিনা তা নির্ধারণ করতে আপনাকে সাহায্য করতে পারে।
ফিল্ডে Core Web Vitals ডিবাগ করা
ব্যবহারকারীদের প্রভাবিত করে এমন সমস্ত Core Web Vitals সমস্যার কারণ ল্যাব টুল সবসময় শনাক্ত করতে পারে না। এটি একটি কারণ যার জন্য আপনার নিজস্ব ফিল্ড ডেটা সংগ্রহ করা খুবই গুরুত্বপূর্ণ, কারণ এটি এমন ফ্যাক্টর বিবেচনা করে যা ল্যাব ডেটা করতে পারে না।
আরও তথ্যের জন্য ফিল্ডে পারফর্ম্যান্স ডিবাগ করা দেখুন।
ধাপ ৩: পরিবর্তনের জন্য মনিটর করা
আপনি কোনও সমস্যার সমাধান করার পরে, আপনি নিশ্চিত করতে চান যে সেগুলি প্রয়োজনীয় প্রভাব ফেলেছে এবং নতুন সমস্যাগুলি আপনার Core Web Vitals-এ বাধা সৃষ্টি করছে না। এর জন্য ডেভেলপার ওয়ার্কফ্লোর অংশ হিসেবে পারফর্ম্যান্স সংক্রান্ত সমস্যা মনিটর করতে হয় যাতে প্রোডাকশনে পারফর্ম্যান্স সংক্রান্ত সমস্যা রিলিজ না হয় এবং এটি নিশ্চিত করতে ফিল্ড ডেটা নিয়মিত মনিটর করতে হয়।
কন্টিনিউয়াস ইন্টিগ্রেশন (CI) এনভায়রনমেন্টে পারফর্ম্যান্স রিক্যুইজিশন মনিটর করা
Lighthouse-CI আপনাকে কোড কমিটে অটোমেটিক Lighthouse অডিট চালাতে দেয় যাতে কোডে পারফর্ম্যান্স রিগ্রেশন প্রবেশ করতে না পারে। এটি পারফর্ম্যান্সের সময় (যা পরিবর্তনশীল) অথবা শুধু পারফর্ম্যান্স অডিট চেক করতে পারে, কোডে খারাপ প্র্যাক্টিস আটকানোর জন্য লিন্টিং টুল হিসেবে।
ফিল্ড ডেটার সাহায্যে ওয়েবসাইটের হেলথ ট্রেন্ড দেখুন
প্রোডাকশনে যাওয়ার আগে পারফর্ম্যান্স সংক্রান্ত সব সমস্যা খুঁজে বের করে সমাধান করার লক্ষ্য আপনার থাকা উচিত, তবে কোনও সমস্যা বাদ পড়ে গেলে তা খুঁজে বের করার জন্য RUM ব্যবহার করে ফিল্ড ডেটা মনিটর করা অত্যন্ত গুরুত্বপূর্ণ। এই বিষয়ে সাহায্য করার জন্য অনেক বাণিজ্যিক RUM প্রোডাক্ট উপলভ্য আছে। web-vitals জাভাস্ক্রিপ্ট লাইব্রেরি কোনও ওয়েবসাইটের ফিল্ড ডেটা সংগ্রহ অটোমেট করতে পারে এবং কাস্টম ড্যাশবোর্ড ও অ্যালার্ট সিস্টেমকে শক্তিশালী করতে ঐচ্ছিকভাবে এই ডেটা ব্যবহার করতে পারে।
RUM সলিউশন নেই এমন সাইটের জন্য, ফিল্ড ডেটার প্রাথমিক ট্রেন্ড বিশ্লেষণ হিসেবে আপনি বিভিন্ন CrUX টুল ব্যবহার করতে পারেন।
উপসংহার
ব্যবহারকারীদের দ্রুত ও আনন্দদায়ক অভিজ্ঞতা প্রদান করতে হলে, পারফর্ম্যান্সকে অগ্রাধিকার দেওয়ার মানসিকতা এবং অগ্রগতি নিশ্চিত করার জন্য একটি ওয়ার্কফ্লো গ্রহণ করা প্রয়োজন। অডিট, ডিবাগ ও মনিটর করার জন্য সঠিক টুল ও প্রসেস ব্যবহার করে, ব্যবহারকারীর দুর্দান্ত অভিজ্ঞতা তৈরি করা এবং ভাল Core Web Vitals-এর জন্য নির্ধারিত থ্রেশহোল্ডের মধ্যে থাকা আপনার পক্ষে সম্ভব।