تازه‌های Lighthouse 11

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

Lighthouse ابزار ممیزی وب‌سایت است که به توسعه‌دهندگان کمک می‌کند فرصت‌ها و عیب‌یابی‌ها را برای بهبود تجربه کاربری سایت‌هایشان پیدا کنند.

Lighthouse 11 بلافاصله در خط فرمان ازطریق npm، در Chrome Canary، و در PageSpeed Insights دردسترس است. این ویژگی در Chrome 118 به نسخه پایدار Chrome اضافه خواهد شد.

فهرست کامل تغییرات را در گزارش تغییرات نسخه ۱۱.۰ ببینید.

به‌روزرسانی‌های دسته دسترس‌پذیری

به‌روزرسانی‌های دسته‌بندی شامل ممیزی‌های خودکار جدید، وزن‌دهی بهبودیافته، و ممیزی‌های دستی اولویت‌بندی‌شده است تا به توسعه‌دهندگان کمک کند سایت‌هایشان را دسترس‌پذیرتر کنند.

حسابرسی‌ها و وزن‌دهی جدید

از Lighthouse 10.0،‏ ۱۳ ممیزی دسترس‌پذیری جدید اضافه شده است:

  • aria-allowed-role
  • aria-dialog-name
  • aria-text
  • html-xml-lang-mismatch
  • image-redundant-alt
  • input-button-name
  • label-content-name-mismatch
  • link-in-text-block
  • select-name
  • skip-link
  • table–duplicate-name
  • table-fake-caption
  • td-has-header

علاوه‌بر ممیزی‌های جدید، وزن همه ممیزی‌ها به‌روز شده است تا با سطوح تأثیر قانون aXe مربوطه مطابقت بهتری داشته باشد. برای جزئیات دقیق درباره ممیزی‌ها و وزن‌های جدید، به سند امتیازدهی دسترس‌پذیری Lighthouse مراجعه کنید.

رؤیت‌پذیری ممیزی دستی

Lighthouse همیشه شامل برخی ممیزی‌های دستی بوده است که نمی‌توانند به‌طور خودکار آزمایش شوند، اما همچنان به‌عنوان یک بازبینه برای تأیید عملکرد مهم گنجانده شده‌اند. اکنون وقتی همه ممیزی‌های خودکارشده با موفقیت انجام شود، بخش ممیزی دستی به‌طور خودکار ازهم باز می‌شود.

گزارش Lighthouse که ممیزی‌های دستی را در دسته دسترس‌پذیری گسترده‌شده نشان می‌دهد

این امر تأکید می‌کند که گذراندن همه ممیزی‌های خودکار و کسب امتیاز ۱۰۰ در دسترس‌پذیری تضمین نمی‌کند که صفحه ممیزی‌شده دسترس‌پذیر است؛ آزمایش دستی همچنان مهم است. ممیزی‌های دستی نیز دوباره مرتب شده‌اند تا با دردسترس‌ترین بررسی‌ها شروع شوند.

تغییرات در ممیزی‌های موجود

تعامل تا ترسیم بعدی (INP)

INP دیگر آزمایشی نیست، بنابراین این سنجه از experimental-interaction-to-next-paint به interaction-to-next-paint منتقل شده است.

عامل‌های خدماتی

برای اینکه صفحه‌ای به‌عنوان «برنامه وب پیش‌رونده» در Chrome نصب‌شدنی باشد، دیگر به کارگر سرویس نیاز نیست، بنابراین بررسی service-worker از دسته «برنامه وب پیش‌رونده» Lighthouse برداشته شده است.

خلاصه منبع

ممیزی resource-summary از گزارش Lighthouse برداشته شده است. آمار درخواست شبکه همچنان می‌تواند بااستفاده از ممیزی پنهان network-requests گردآوری شود:

const {lhr} = await lighthouse('https://example.com');
const networkRequests = lhr.audits['network-requests'].details.items;
const resourceSummary = {};

for (const request of networkRequests) {
  let total = resourceSummary[request.resourceType] || 0;
  total += request.resourceSize;
  resourceSummary[request.resourceType] = total;
}

console.log(resourceSummary);

پیمایش قدیمی

پرچم --legacy-navigation برای CLI، تابع legacyNavigation() در Node API، و چارگوش انتخاب «پیمایش قدیمی» در پانل DevTools همگی برداشته شده‌اند. این کار انتقال چندساله در زیرساخت Lighthouse را برای پشتیبانی از جریان‌های کاربر تکمیل می‌کند.

درحال اجرای Lighthouse

Lighthouse در Chrome DevTools،‏ npm (به‌عنوان یک ماژول Node و یک ابزار CLI)، و به‌عنوان افزونه مرورگر (در Chrome و Firefox) دردسترس است. همچنین چندین سرویس Google، ازجمله PageSpeed Insights را تقویت می‌کند.

برای امتحان کردن Lighthouse Node CLI، از فرمان‌های زیر استفاده کنید:

npm install -g lighthouse
lighthouse https://www.example.com --view

تماس با تیم Lighthouse

برای بحث درباره ویژگی‌های جدید، تغییرات در نسخه Lighthouse 11، یا هر چیز دیگری که به Lighthouse مربوط می‌شود: