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 फ़ाइल में, पांच अलग-अलग बजट सेट किए गए हैं:
- टाइम टू इंटरैक्टिव के लिए 3,000 मिलीसेकंड का बजट.
- पेज पर मौजूद JavaScript के लिए, 125 केबी का बजट.
- पेज के कुल साइज़ के लिए 300 केबी का बजट.
- तीसरे पक्ष के ऑरिजिन को किए गए अनुरोधों की संख्या के लिए, 10 अनुरोधों का बजट.
इस्तेमाल की जा सकने वाली परफ़ॉर्मेंस मेट्रिक और रिसॉर्स टाइप की पूरी सूची देखने के लिए, Lighthouse के दस्तावेज़ों में परफ़ॉर्मेंस बजट सेक्शन देखें.
Lighthouse चलाएं
--budget-path फ़्लैग का इस्तेमाल करके Lighthouse चलाएं. यह फ़्लैग, Lighthouse को आपकी बजट फ़ाइल की जगह की जानकारी देता है.
lighthouse https://example.com --budget-path=./budget.json
नतीजे देखना
अगर LightWallet को सही तरीके से कॉन्फ़िगर किया गया है, तो Lighthouse रिपोर्ट में परफ़ॉर्मेंस कैटगरी के अंदर बजट सेक्शन शामिल होगा.
Lighthouse रिपोर्ट के JSON वर्शन में, Lightwallet के नतीजे performance-budget ऑडिट के लिए ऑडिट के नतीजों में देखे जा सकते हैं.