কর্মক্ষমতা বাজেটের জন্য বাতিঘর ব্যবহার করুন

কেটি হেমপেনিয়াস
Katie Hempenius

বাতিঘর এখন কর্মক্ষমতা বাজেট সমর্থন করে. লাইটওয়ালেট নামে পরিচিত এই বৈশিষ্ট্যটি পাঁচ মিনিটের মধ্যে সেট আপ করা যেতে পারে এবং কর্মক্ষমতা মেট্রিক্স এবং পৃষ্ঠার সংস্থানগুলির আকার এবং পরিমাণ সম্পর্কে প্রতিক্রিয়া প্রদান করে৷

বাতিঘর ইনস্টল করুন

LightWallet Lighthouse v5+ এর কমান্ড লাইন সংস্করণে উপলব্ধ।

শুরু করতে, লাইটহাউস ইনস্টল করুন:

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 ফাইলটি পাঁচটি পৃথক বাজেট সেট করে:

  • টাইম টু ইন্টারেক্টিভের জন্য 3000ms এর বাজেট।
  • প্রথম অর্থপূর্ণ পেইন্টের জন্য 1000ms এর বাজেট
  • পৃষ্ঠায় জাভাস্ক্রিপ্টের মোট পরিমাণের জন্য 125 KB এর বাজেট৷
  • পৃষ্ঠার সামগ্রিক আকারের জন্য 300 KB এর বাজেট৷
  • তৃতীয় পক্ষের উৎসের কাছে করা অনুরোধের সংখ্যার জন্য 10টি অনুরোধের বাজেট।

সমর্থিত পারফরম্যান্স মেট্রিক্স এবং সংস্থান প্রকারের একটি সম্পূর্ণ তালিকার জন্য, Lighthouse ডক্সের পারফরম্যান্স বাজেট বিভাগ দেখুন।

বাতিঘর চালান

--budget-path পতাকা ব্যবহার করে Lighthouse চালান। এই পতাকা আপনার বাজেট ফাইলের অবস্থান Lighthouse বলে.

lighthouse https://example.com --budget-path=./budget.json

ফলাফল দেখুন

LightWallet সঠিকভাবে কনফিগার করা থাকলে, Lighthouse রিপোর্টে পারফরম্যান্স বিভাগের মধ্যে একটি বাজেট বিভাগ থাকবে।

বাতিঘর প্রতিবেদনের 'বাজেট' বিভাগ

Lighthouse রিপোর্টের JSON সংস্করণে, Lightwallet ফলাফলগুলি performance-budget নিরীক্ষার জন্য অডিট ফলাফলের মধ্যে পাওয়া যেতে পারে।