Lighthouse در Chrome DevTools برای نمایندگان به نماینده کدنویسی شما اجازه میدهد تا کیفیت وبسایت را با انجام بررسیهای سلامت زنده برای دسترسیپذیری، سئو، بهترین شیوهها و مرور نمایندگان ارزیابی کند.
در یک گردش کار عاملمحور، عامل کدنویسی شما به جای جستجوی تصادفی کدبیس شما برای بهبودهای کلی، از ممیزیهای Lighthouse برای شناسایی مشکلات خاص و قابل اندازهگیری زمان اجرا استفاده میکند.
این رویکرد هدفمند، توصیههای عملی را مستقیماً در چارچوب کاری نماینده شما ارائه میدهد و به نماینده کدنویسی شما اجازه میدهد تا اشکالات را با دقت بیشتری نسبت به جستجوهای گسترده و ایستا در سراسر پایگاه کد شما پیدا و برطرف کند.
ممیزیهای لایتهاوس بر این دستههای اصلی تمرکز دارند:
- قابلیت دسترسی (a11y) : تضمین میکند که سایت شما برای همه، از جمله افرادی که از صفحهخوانها استفاده میکنند، قابل استفاده است.
- سئو : بررسیهای فنی را انجام میدهد تا مطمئن شود موتورهای جستجو میتوانند محتوای شما را پیدا کرده و درک کنند.
- بهترین شیوهها : تأیید کنید که سایت شما از استانداردهای مدرن توسعه وب پیروی میکند.
- مرور عاملمحور : میزان توانایی دستیاران هوش مصنوعی در درک و تعامل با وبسایت شما را اندازهگیری کنید.
هنگام استفاده از Lighthouse، موارد زیر را در نظر داشته باشید:
- پشتیبانی محلی و مرحلهبندی : نماینده شما میتواند هر صفحهای را که در کروم قابل مشاهده است، از جمله سرورهای توسعه محلی و فایلهای HTML محلی که از طریق پروتکل
file://قابل دسترسی هستند، ممیزی کند. - رفتار مرورگر : ممکن است بررسیها (Audits) برای مدت کوتاهی در مشاهده شما اختلال ایجاد کنند. ممکن است با شبیهسازی دستگاهها توسط این ابزار، اندازه صفحه تغییر کند یا صفحه دوباره بارگذاری شود.
کیفیت وب را بررسی کنید
از گردشهای کاری و مثالهای زیر برای ادغام Lighthouse در فرآیند توسعه خود استفاده کنید.
تأیید دسترسی
وقتی رابط کاربری را تغییر میدهید، به نماینده خود وظیفه دهید تا تأیید کند که صفحه همچنان در دسترس است.
مثال:
How can I improve accessibility on this page as measured by Lighthouse?
Example agent execution: Your agent triggers a Lighthouse audit with formFactor set to mobile . It analyzes the results, such as insufficient color contrast or missing ARIA labels , and suggests specific code fixes.
سئو را برای دیده شدن در جستجو بررسی کنید
الزامات فنی سئو اغلب در چرخه توسعه خیلی دیر مشخص میشوند. میتوانید از نماینده خود بخواهید که در حین ساخت، موانع فنی را پیدا و برطرف کند.
مثال:
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 منسوخشده گزارششده توسط Lighthouse را بررسی میکند.
بهبود کلی سایت
شما میتوانید ممیزیهای کامل Lighthouse را از سایت خود اجرا کنید و به شما در تعریف زمینههای بهبود در مراحل اولیه توسعه کمک کند.
مثال:
Run a full Lighthouse audit of my site, in mobile and desktop, and suggest improvement areas and possible fixes for any problems you find.
نمونه اجرای عامل: عامل شما یک ممیزی کامل Lighthouse از سایت شما را هم در موبایل و هم در دسکتاپ اجرا میکند و تغییراتی را پیشنهاد میدهد که میتواند نمرات ممیزیهای مختلف را بهبود بخشد. اگر عامل شما دانش زمینهای کاملی از کد منبع داشته باشد، ممکن است مستقیماً اصلاحاتی را پیشنهاد دهد. اگر به زمینه مناسب دسترسی داشته باشد، میتواند نحوه بهبود پیکربندی سرور یا سایر پیکربندیهای backend را نیز پیشنهاد دهد.