تتيح أداة Lighthouse الآن ميزانيات الأداء. يمكن إعداد هذه الميزة، المعروفة باسم LightWallet، في أقل من خمس دقائق، وهي تقدّم ملاحظات حول مقاييس الأداء وحجم موارد الصفحة وكميتها.
تثبيت Lighthouse
يتوفّر LightWallet في إصدار سطر الأوامر من Lighthouse 5 والإصدارات الأحدث.
للبدء، ثبِّت 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 هذا مثالاً على خمس ميزانيات منفصلة:
- ميزانية تبلغ 3000 ملي ثانية لمقياس "سرعة التفاعل"
- حدّ أقصى يبلغ 1000 ملي ثانية لمقياس "سرعة عرض أوّل محتوى مفيد على الصفحة"
- ميزانية تبلغ 125 كيلوبايت لإجمالي مقدار JavaScript على الصفحة
- ميزانية تبلغ 300 كيلوبايت للحجم الإجمالي للصفحة
- ميزانية تبلغ 10 طلبات لعدد الطلبات المقدَّمة إلى مصادر خارجية
للحصول على قائمة كاملة بمقاييس الأداء وأنواع الموارد المتوافقة، يُرجى الرجوع إلى قسم الميزانيات المستندة إلى الأداء في مستندات Lighthouse.
تشغيل Lighthouse
شغِّل Lighthouse باستخدام العلامة --budget-path. تُعلم هذه العلامة Lighthouse بموقع ملف الميزانية.
lighthouse https://example.com --budget-path=./budget.json
عرض النتائج
إذا تم ضبط LightWallet بشكلٍ صحيح، سيتضمّن تقرير Lighthouse قسم الميزانيات ضمن فئة الأداء.
في إصدار JSON من تقرير Lighthouse، يمكن العثور على نتائج Lightwallet ضمن نتائج تدقيق performance-budget.