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:
- مشکلی را گزارش کنید یا بازخورد خود را در ردیاب مشکل Lighthouse GitHub ارسال کنید.
- در انجمن های گفتگوی Lighthouse GitHub سوال بپرسید.
- با تیم Lighthouse در توییتر @____lighthouse تماس بگیرید.