একটি নতুন মডিউলার টুল যা একাধিক উৎস থেকে স্বয়ংক্রিয়ভাবে পারফরম্যান্স ডেটা সংগ্রহ করতে সক্ষম করে।
অটোওয়েবপার্ফ (AWP) কী?
অটোওয়েবপার্ফ (AWP) একটি মডিউলার টুল যা একাধিক উৎস থেকে স্বয়ংক্রিয়ভাবে পারফরম্যান্স ডেটা সংগ্রহ করতে সক্ষম করে। বর্তমানে বিভিন্ন ক্ষেত্রে ( ল্যাব এবং ফিল্ড ) ওয়েবসাইটের পারফরম্যান্স পরিমাপ করার জন্য অনেক টুল উপলব্ধ আছে, যেমন ক্রোম ইউএক্স রিপোর্ট, পেজস্পিড ইনসাইটস, বা ওয়েবপেজটেস্ট। AWP একটি সহজ সেটআপের মাধ্যমে বিভিন্ন অডিট টুলের সাথে ইন্টিগ্রেশনের সুবিধা দেয়, ফলে আপনি এক জায়গা থেকেই সাইটের পারফরম্যান্স ক্রমাগত পর্যবেক্ষণ করতে পারেন।
ওয়েব ভাইটালস নির্দেশিকা প্রকাশের ফলে ওয়েব পেজগুলোর নিবিড় ও সক্রিয় পর্যবেক্ষণ ক্রমশ গুরুত্বপূর্ণ হয়ে উঠছে। এই টুলটির পেছনের প্রকৌশলীরা বছরের পর বছর ধরে পারফরম্যান্স অডিট করে আসছেন এবং তাদের দৈনন্দিন কাজের একটি ম্যানুয়াল, পুনরাবৃত্তিমূলক ও সময়সাপেক্ষ অংশকে স্বয়ংক্রিয় করতে তারা AWP তৈরি করেছেন। বর্তমানে, AWP একটি পরিপক্ক পর্যায়ে পৌঁছেছে এবং এটি ব্যাপকভাবে শেয়ার করার জন্য প্রস্তুত, যাতে যে কেউ এর অটোমেশন থেকে উপকৃত হতে পারে।
টুলটি গিটহাবের অটোওয়েবপার্ফ পাবলিক রিপোজিটরিতে পাওয়া যায়।
AWP দিয়ে কী করা হয়?
ওয়েব পেজের পারফরম্যান্স নিরীক্ষণের জন্য বিভিন্ন টুল এবং এপিআই উপলব্ধ থাকলেও, সেগুলোর বেশিরভাগই একটি নির্দিষ্ট সময়ে পরিমাপ করা ডেটা প্রকাশ করে। একটি ওয়েবসাইটকে যথাযথভাবে নিরীক্ষণ করতে এবং গুরুত্বপূর্ণ পেজগুলোর ভালো পারফরম্যান্স বজায় রাখতে, সময়ের সাথে সাথে কোর ওয়েব ভাইটালস -এর পরিমাপ ক্রমাগতভাবে গ্রহণ করা এবং এর প্রবণতা পর্যবেক্ষণ করার পরামর্শ দেওয়া হয়।
AWP একটি ইঞ্জিন এবং পূর্ব-নির্মিত API ইন্টিগ্রেশন প্রদান করে এই কাজটি সহজ করে তোলে, যা বিভিন্ন পারফরম্যান্স মনিটরিং API-তে পুনরাবৃত্তিমূলক কোয়েরি স্বয়ংক্রিয় করার জন্য প্রোগ্রাম্যাটিকভাবে কনফিগার করা যায়।
উদাহরণস্বরূপ, AWP ব্যবহার করে, আপনি আপনার হোম পেজে একটি দৈনিক পরীক্ষা সেট করতে পারেন, যা CrUX API থেকে ফিল্ড ডেটা এবং PageSpeed Insights-এর একটি লাইটহাউস রিপোর্ট থেকে ল্যাব ডেটা সংগ্রহ করবে। এই ডেটা সময়ের সাথে সাথে লিখে সংরক্ষণ করা যেতে পারে, যেমন Google Sheets- এ, এবং তারপর Data Studio ড্যাশবোর্ডে তা ভিজ্যুয়ালাইজ করা যায়। AWP পুরো প্রক্রিয়ার কঠিন অংশটিকে স্বয়ংক্রিয় করে তোলে, যা সময়ের সাথে সাথে ল্যাব এবং ফিল্ডের প্রবণতা অনুসরণ করার জন্য এটিকে একটি দুর্দান্ত সমাধান করে তোলে। আরও বিস্তারিত জানার জন্য নিচে Data Studio-তে অডিট ফলাফল ভিজ্যুয়ালাইজ করা দেখুন।
স্থাপত্যের সংক্ষিপ্ত বিবরণ
AWP একটি মডিউলার-ভিত্তিক লাইব্রেরি, যেখানে তিন ধরনের মডিউল রয়েছে:
- ইঞ্জিন
- সংযোগকারী মডিউল
- সংগ্রাহক মডিউল
ইঞ্জিনটি একটি কানেক্টর থেকে (উদাহরণস্বরূপ, একটি স্থানীয় CSV ফাইল থেকে) পরীক্ষার একটি তালিকা গ্রহণ করে, নির্বাচিত সংগ্রাহকগুলির (যেমন PageSpeed Insights) মাধ্যমে পারফরম্যান্স অডিট চালায় এবং ফলাফলগুলি আউটপুট কানেক্টরে (উদাহরণস্বরূপ, Google Sheets) লিখে দেয়।
AWP-তে আগে থেকেই বেশ কিছু গ্যাদারার এবং কানেক্টর অন্তর্ভুক্ত রয়েছে:
- পূর্ব-বাস্তবায়িত সংগ্রাহক:
- পূর্ব-বাস্তবায়িত সংযোগকারী:
- গুগল শীটস
- JSON
- CSV
AWP দিয়ে অডিট স্বয়ংক্রিয় করা
AWP আপনার পছন্দের অডিট প্ল্যাটফর্ম, যেমন PageSpeed Insights , WebPageTest , বা CrUX API-এর মাধ্যমে পারফরম্যান্স অডিট স্বয়ংক্রিয় করে। পরীক্ষার তালিকা কোথা থেকে লোড করতে হবে এবং ফলাফল কোথায় লিখতে হবে, তা বেছে নেওয়ার সুবিধা AWP প্রদান করে।
উদাহরণস্বরূপ, আপনি নিচের কমান্ডটি ব্যবহার করে একটি গুগল শিটে সংরক্ষিত টেস্টের তালিকার জন্য অডিট চালাতে পারেন এবং ফলাফলগুলো একটি CSV ফাইলে লিখতে পারেন:
PSI_APIKEY=<YOUR_KEY> SHEETS_APIKEY=<YOUR_KEY> ./awp run sheets:<SheetID> csv:output.csv
পুনরাবৃত্ত নিরীক্ষা
আপনি দৈনিক, সাপ্তাহিক বা মাসিক ভিত্তিতে পুনরাবৃত্তিমূলক অডিট চালাতে পারেন। উদাহরণস্বরূপ, আপনি নীচের মতো একটি স্থানীয় JSON-এ সংজ্ঞায়িত পরীক্ষার তালিকার জন্য দৈনিক অডিট চালাতে পারেন:
{
"tests": [
{
"label": "web.dev",
"url": "https://web.dev",
"gatherer": "psi"
}
]
}
নিচের কমান্ডটি স্থানীয় JSON ফাইল থেকে অডিট টেস্টের তালিকা পড়ে, স্থানীয় মেশিনে অডিটগুলো চালায় এবং তারপর ফলাফলগুলো একটি স্থানীয় CSV ফাইলে আউটপুট করে:
PSI_APIKEY=<YOUR_KEY> ./awp run json:tests.json csv:output.csv
প্রতিদিন ব্যাকগ্রাউন্ড সার্ভিস হিসেবে অবিচ্ছিন্নভাবে অডিট চালানোর জন্য, আপনি এর পরিবর্তে নিচের কমান্ডটি ব্যবহার করতে পারেন:
PSI_APIKEY=<YOUR_KEY> ./awp continue json:tests.json csv:output.csv
বিকল্পভাবে, আপনি একটি ইউনিক্স-সদৃশ পরিবেশে ক্রনট্যাব সেট আপ করে AWP-কে একটি দৈনিক ক্রন জব হিসেবে চালাতে পারেন:
0 0 * * * PSI_APIKEY=<YOUR_KEY> ./awp run json:tests.json csv:output.csv
দৈনিক অডিট এবং ফলাফল সংগ্রহ স্বয়ংক্রিয় করার আরও উপায় আপনি AWP গিটহাব রিপোজিটরিতে খুঁজে পেতে পারেন।
ডেটা স্টুডিওতে অডিট ফলাফল ভিজ্যুয়ালাইজ করা
কোর ওয়েব ভাইটালস ক্রমাগত পরিমাপ করার পাশাপাশি, রিয়েল ইউজার মেট্রিক্স (RUM) বা AWP দ্বারা সংগৃহীত ক্রোম ইউএক্স রিপোর্ট (CrUX) ডেটা ব্যবহার করে ট্রেন্ডগুলো মূল্যায়ন করা এবং সম্ভাব্য রিগ্রেশনগুলো শনাক্ত করা গুরুত্বপূর্ণ। উল্লেখ্য যে, ক্রোম ইউএক্স রিপোর্ট (CrUX) হলো একটি ২৮-দিনের চলমান অ্যাগ্রিগেশন, তাই CrUX-এর সাথে আপনার নিজস্ব RUM ডেটাও ব্যবহার করার পরামর্শ দেওয়া হয়, যাতে আপনি রিগ্রেশনগুলো আরও দ্রুত শনাক্ত করতে পারেন।
ডেটা স্টুডিও একটি বিনামূল্যের ভিজ্যুয়ালাইজেশন টুল, যেখানে আপনি সহজেই পারফরম্যান্স মেট্রিক্স লোড করে চার্ট আকারে ট্রেন্ড আঁকতে পারেন। উদাহরণস্বরূপ, নিচের টাইম সিরিজ চার্টগুলো ক্রোম ইউএক্স রিপোর্ট ডেটার উপর ভিত্তি করে কোর ওয়েব ভাইটালস দেখাচ্ছে। চার্টগুলোর মধ্যে একটিতে সাম্প্রতিক সপ্তাহগুলোতে ক্রমবর্ধমান কিউমুলেটিভ লেআউট শিফট দেখা যাচ্ছে, যার অর্থ হলো নির্দিষ্ট কিছু পেজের লেআউট স্থিতিশীলতায় অবনতি ঘটেছে। এই পরিস্থিতিতে, আপনি এই পেজগুলোর অন্তর্নিহিত সমস্যাগুলো বিশ্লেষণ করার প্রচেষ্টাকে অগ্রাধিকার দিতে চাইবেন।
ডেটা সংগ্রহ থেকে ভিজ্যুয়ালাইজেশন পর্যন্ত সম্পূর্ণ প্রক্রিয়াটিকে সহজ করতে, আপনি নিম্নলিখিত কমান্ডটি ব্যবহার করে URL-এর একটি তালিকা সহ AWP চালাতে পারেন, যা স্বয়ংক্রিয়ভাবে ফলাফলগুলিকে Google Sheets-এ এক্সপোর্ট করবে:
PSI_APIKEY=<YOUR_KEY> SHEETS_APIKEY=<YOUR_KEY> ./awp run sheets:<SheetID> csv:output.csv
একটি স্প্রেডশিটে দৈনিক মেট্রিক্স সংগ্রহ করার পর, আপনি একটি ডেটা স্টুডিও ড্যাশবোর্ড তৈরি করতে পারেন যা সরাসরি স্প্রেডশিট থেকে ডেটা লোড করে এবং ট্রেন্ডগুলোকে একটি টাইম সিরিজ চার্টে প্লট করে। ডেটা স্টুডিওতে ভিজ্যুয়ালাইজ করার জন্য ডেটা সোর্স হিসেবে স্প্রেডশিটের সাথে AWP কীভাবে সেট আপ করতে হয়, সে সম্পর্কে বিস্তারিত ধাপ জানতে গুগল স্প্রেডশিটস এপিআই কানেক্টর দেখুন।
এরপর কী?
কোর ওয়েব ভাইটালস এবং অন্যান্য পারফরম্যান্স মেট্রিক্স পরিমাপ করার জন্য একটি নিরবচ্ছিন্ন মনিটরিং পাইপলাইন স্থাপন করার প্রচেষ্টা কমাতে AWP একটি সহজ এবং সমন্বিত উপায় প্রদান করে। আপাতত, AWP সবচেয়ে সাধারণ ব্যবহারের ক্ষেত্রগুলো কভার করে এবং ভবিষ্যতে অন্যান্য ব্যবহারের ক্ষেত্রগুলো পূরণের জন্য আরও ফিচার যুক্ত করতে থাকবে।
AutoWebPerf রিপোজিটরিতে আরও জানুন।