এজেন্টদের জন্য ক্রোম ডেভটুলস-এর লাইটহাউস আপনার কোডিং এজেন্টকে অ্যাক্সেসিবিলিটি, এসইও, সেরা অনুশীলন এবং এজেন্টিক ব্রাউজিং-এর জন্য লাইভ হেলথ চেক করার মাধ্যমে ওয়েবসাইটের মান মূল্যায়ন করতে দেয়।
এজেন্টিক ওয়ার্কফ্লোতে, আপনার কোডিং এজেন্ট সাধারণ উন্নতির জন্য আপনার কোডবেসে এলোমেলোভাবে অনুসন্ধান করার পরিবর্তে, নির্দিষ্ট ও পরিমাপযোগ্য রানটাইম সমস্যা শনাক্ত করতে লাইটহাউস অডিট ব্যবহার করে।
এই সুনির্দিষ্ট পদ্ধতিটি আপনার এজেন্টের প্রেক্ষাপটের মধ্যেই সরাসরি কার্যকর পরামর্শ প্রদান করে, যার ফলে আপনার কোডিং এজেন্ট আপনার কোডবেস জুড়ে করা ব্যাপক ও স্থির অনুসন্ধানের চেয়ে আরও নির্ভুলভাবে বাগ খুঁজে বের করতে ও সমাধান করতে পারে।
লাইটহাউস অডিটগুলো এই প্রধান বিভাগগুলোর উপর আলোকপাত করে:
- অভিগম্যতা (অ্যাক্সেসিবিলিটি) : এটি নিশ্চিত করে যে আপনার সাইটটি স্ক্রিন রিডার ব্যবহারকারীসহ সকলের জন্য ব্যবহারযোগ্য।
- এসইও : সার্চ ইঞ্জিনগুলো যাতে আপনার কন্টেন্ট খুঁজে পেতে ও বুঝতে পারে, তা নিশ্চিত করার জন্য প্রযুক্তিগত পরীক্ষা চালায়।
- সর্বোত্তম অনুশীলন : আপনার সাইটটি যেন আধুনিক ওয়েব ডেভেলপমেন্ট মানদণ্ড অনুসরণ করে, তা নিশ্চিত করুন।
- এজেন্টিক ব্রাউজিং : এআই অ্যাসিস্ট্যান্টরা আপনার ওয়েবসাইট কতটা বুঝতে ও তার সাথে ইন্টারঅ্যাক্ট করতে পারে, তা পরিমাপ করুন।
লাইটহাউস ব্যবহার করার সময় নিম্নলিখিত বিষয়গুলো মনে রাখবেন:
- লোকাল ও স্টেজিং সাপোর্ট : আপনার এজেন্ট ক্রোমে দৃশ্যমান যেকোনো পৃষ্ঠা নিরীক্ষা করতে পারে, যার মধ্যে লোকাল ডেভেলপমেন্ট সার্ভার এবং
file://প্রোটোকলের মাধ্যমে অ্যাক্সেস করা লোকাল HTML ফাইলও অন্তর্ভুক্ত। - ব্রাউজারের আচরণ : অডিটের কারণে আপনার দেখার অভিজ্ঞতা সাময়িকভাবে ব্যাহত হতে পারে। টুলটি বিভিন্ন ডিভাইস অনুকরণ করার সময় আপনি পৃষ্ঠাটির আকার পরিবর্তন বা রিলোড হতে দেখতে পারেন।
ওয়েবের গুণমান নিরীক্ষা করুন
আপনার ডেভেলপমেন্ট প্রক্রিয়ায় লাইটহাউসকে অন্তর্ভুক্ত করতে নিম্নলিখিত ওয়ার্কফ্লো এবং উদাহরণগুলো ব্যবহার করুন।
অ্যাক্সেসযোগ্যতা যাচাই করুন
যখন আপনি কোনো UI পরিবর্তন করবেন, তখন পৃষ্ঠাটি অ্যাক্সেসযোগ্য থাকে কিনা তা যাচাই করার জন্য আপনার এজেন্টকে দায়িত্ব দিন।
উদাহরণ প্রম্পট:
How can I improve accessibility on this page as measured by Lighthouse?
এজেন্টের কার্য সম্পাদনের উদাহরণ: আপনার এজেন্ট formFactor mobile এ সেট করে একটি লাইটহাউস অডিট চালু করে। এটি অপর্যাপ্ত রঙের বৈসাদৃশ্য বা অনুপস্থিত ARIA লেবেলের মতো ফলাফলগুলো বিশ্লেষণ করে এবং নির্দিষ্ট কোড সংশোধনের পরামর্শ দেয়।
সার্চ দৃশ্যমানতার জন্য এসইও অডিট করুন
টেকনিক্যাল এসইও-এর প্রয়োজনীয়তাগুলো প্রায়শই ডেভেলপমেন্ট সাইকেলে অনেক দেরিতে ধরা পড়ে। আপনি বিল্ড করার সময়েই আপনার এজেন্টকে টেকনিক্যাল বাধাগুলো খুঁজে বের করে সমাধান করতে বলতে পারেন।
উদাহরণ প্রম্পট:
According to Lighthouse audit, how can I improve this page for better discoverability in search?
এজেন্টের কার্য সম্পাদনের উদাহরণ: আপনার এজেন্ট এসইও অডিট চালায় এবং অনুপস্থিত মেটা ট্যাগ, ক্যানোনিকাল লিঙ্ক বা বর্ণনামূলক টেক্সট শনাক্ত করে। এরপর এটি অডিটের ব্যর্থতা সমাধানের জন্য সোর্স কোড আপডেট করার প্রস্তাব দিতে পারে।
সর্বোত্তম অনুশীলন যাচাই করুন
আপনার স্থানীয় সার্ভার বা স্টেজিং সাইট যেন নিরাপত্তা ও প্রযুক্তিগত সর্বোত্তম অনুশীলনগুলো মেনে চলে, তা নিশ্চিত করুন।
উদাহরণ প্রম্পট:
Does my site follow best practices as measured by Lighthouse?
এজেন্টের কার্য সম্পাদনের উদাহরণ: আপনার এজেন্ট লাইটহাউস দ্বারা রিপোর্ট করা HTTPS ব্যবহার, কনসোল ত্রুটি এবং অপ্রচলিত API কলের মতো প্রযুক্তিগত দিকগুলো পর্যালোচনা করে।
সাধারণ সাইট উন্নয়ন
আপনি আপনার সাইটের সম্পূর্ণ লাইটহাউস অডিট চালাতে পারেন এবং উন্নয়নের প্রাথমিক পর্যায়েই উন্নতির ক্ষেত্রগুলো চিহ্নিত করতে পারেন।
উদাহরণ প্রম্পট:
Run a full Lighthouse audit of my site, in mobile and desktop, and suggest improvement areas and possible fixes for any problems you find.
এজেন্টের কার্য সম্পাদনের উদাহরণ: আপনার এজেন্ট মোবাইল এবং ডেস্কটপ উভয় ক্ষেত্রেই আপনার সাইটের একটি সম্পূর্ণ লাইটহাউস অডিট চালায় এবং বিভিন্ন অডিটের স্কোর উন্নত করতে পারে এমন পরিবর্তনের পরামর্শ দেয়। যদি আপনার এজেন্টের সোর্স কোড সম্পর্কে সম্পূর্ণ প্রাসঙ্গিক জ্ঞান থাকে, তবে এটি সরাসরি সমাধানের পরামর্শ দিতে পারে। যদি এটির সঠিক কনটেক্সটে অ্যাক্সেস থাকে, তবে এটি সার্ভার কনফিগারেশন বা অন্যান্য ব্যাকএন্ড কনফিগারেশন কীভাবে উন্নত করা যায় সে সম্পর্কেও পরামর্শ দিতে পারে।