Lighthouse اکنون از بودجه‌های عملکرد پشتیبانی می‌کند. این ویژگی که LightWallet نام دارد، در کمتر از پنج دقیقه راه‌اندازی می‌شود و درباره سنجه‌های عملکرد و اندازه و تعداد منابع صفحه بازخورد ارائه می‌دهد.
نصب Lighthouse
LightWallet در نسخه خط فرمان Lighthouse v5+ دردسترس است.
برای شروع، Lighthouse را نصب کنید:
npm install -g lighthouse
ایجاد بودجه
فایلی با نام budget.json ایجاد کنید. در این فایل، JSON زیر را اضافه کنید:
[
{
"path": "/*",
"timings": [
{
"metric": "interactive",
"budget": 3000
},
{
"metric": "first-meaningful-paint",
"budget": 1000
}
],
"resourceSizes": [
{
"resourceType": "script",
"budget": 125
},
{
"resourceType": "total",
"budget": 300
}
],
"resourceCounts": [
{
"resourceType": "third-party",
"budget": 10
}
]
}
]
این فایل نمونه budget.json پنج بودجه جداگانه را تنظیم می‌کند:
- بودجه ۳۰۰۰ میلی‌ثانیه‌ای برای «زمان تا تعامل».
- بودجه ۱۲۵ کیلوبایتی برای مقدار کل جاوا اسکریپت در صفحه.
- بودجه ۳۰۰ کیلوبایتی برای اندازه کلی صفحه.
- بودجه ۱۰ درخواست برای تعداد درخواست‌های ارسالی به مبدأهای طرف سوم.
برای فهرست کامل سنجه‌های عملکرد و انواع منابع پشتیبانی‌شده، به بخش بودجه‌های عملکرد در اسناد Lighthouse مراجعه کنید.
اجرای Lighthouse
Lighthouse را بااستفاده از پرچم --budget-path اجرا کنید. این پرچم مکان فایل بودجه شما را به Lighthouse می‌گوید.
lighthouse https://example.com --budget-path=./budget.json
مشاهده نتایج
اگر LightWallet به‌درستی پیکربندی شده باشد، گزارش Lighthouse حاوی بخش بودجه‌ها در دسته عملکرد خواهد بود.
در نسخه JSON گزارش Lighthouse، نتایج Lightwallet را می‌توان در یافته‌های ممیزی برای ممیزی performance-budget پیدا کرد.