چیزهای جدید در Lighthouse 11

آدام رین
Adam Raine
GitHub
یاسمین یان
Jasmine Yan
GitHub

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

Lighthouse 11 بلافاصله در خط فرمان از طریق npm ، در Chrome Canary و در PageSpeed ​​Insights در دسترس است. در Chrome stabil در Chrome 118 فرود می‌آید.

لیست کامل تغییرات را در تغییرات 11.0 مشاهده کنید.

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

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

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

از زمان Lighthouse 10.0، 13 ممیزی دسترسی جدید اضافه شده است:

  • 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

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

نمایان بودن حسابرسی دستی

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

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

این امر تاکید می کند که گذراندن تمام ممیزی های خودکار و کسب امتیاز 100 در دسترس پذیری تضمین نمی کند که صفحه ممیزی شده قابل دسترسی است. تست دستی هنوز مهم است. ممیزی های دستی نیز برای شروع با قابل دسترس ترین بررسی ها مجدداً ترتیب داده شده اند.

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

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

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

کارگران خدماتی

برای اینکه یک صفحه به‌عنوان PWA در Chrome قابل نصب باشد، دیگر نیازی به سرویس‌کار نیست، بنابراین بررسی service-worker از دسته Lighthouse PWA حذف شده است.

خلاصه منابع

ممیزی 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، و چک باکس "Legacy navigation" در پانل DevTools همگی حذف شده اند. این یک انتقال چند ساله در زیرساخت 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: