বাতিঘর 3.0 আউট! 3.0 দ্রুত অডিট, কম ভিন্নতা, একটি নতুন রিপোর্ট UI, নতুন অডিট এবং আরও অনেক কিছুর বৈশিষ্ট্য রয়েছে৷
কিভাবে 3.0 তে আপডেট করবেন
- সিএলআই
npm install -g lighthouse@next
চালান। - নোড
npm install lighthouse@next
চালান। - ক্রোম এক্সটেনশন । আপনার এক্সটেনশনটি 3.0 এ স্বয়ংক্রিয়ভাবে আপডেট হওয়া উচিত।
- Chrome DevTools । Lighthouse 3.0 Chrome 69 এ উপলব্ধ হবে।
দ্রুত অডিট এবং কম বৈচিত্র্য
লাইটহাউস 3.0 আপনার অডিটগুলি দ্রুত সম্পন্ন করে, রানের মধ্যে কম পার্থক্য সহ, কয়েকটি পরিবর্তনের জন্য ধন্যবাদ:
- সিমুলেটেড থ্রটলিং । পূর্বে Lighthouse আসলে অডিট চালানোর আগে আপনার পৃষ্ঠা থ্রোটল. এখন, লাইটহাউস একটি নতুন অভ্যন্তরীণ অডিটিং ইঞ্জিন ব্যবহার করে, কোডনাম ল্যান্টার্ন, যা আপনার সাধারণ নেটওয়ার্ক এবং CPU সেটিংসের অধীনে আপনার অডিট চালায় এবং তারপরে মোবাইল অবস্থার অধীনে পৃষ্ঠাটি লোড হতে কতক্ষণ সময় লাগবে তা অনুমান করে।
- অপেক্ষার সময় অপেক্ষাকৃত ছোট । একটি পৃষ্ঠা লোড করা শেষ হয়েছে তা নির্ধারণ করতে, লাইটহাউসকে নেটওয়ার্ক এবং CPU-এর কোনো কার্যকলাপ না থাকার জন্য অপেক্ষা করতে হবে। এই অপেক্ষার সময়টি v3 তে ছোট।
নতুন রিপোর্ট UI
Lighthouse 3.0 একটি একেবারে নতুন রিপোর্ট UI বৈশিষ্ট্যযুক্ত, Lighthouse এবং Chrome UX (গবেষণা ও ডিজাইন) টিমের মধ্যে সহযোগিতার জন্য ধন্যবাদ৷
আমন্ত্রণ পরিবর্তন
লাইটহাউসের নোড সংস্করণটি এখন CLI সংস্করণের মতো একই কনফিগারেশন বিকল্পগুলিকে সমর্থন করে৷ আপনি v2 তে আপনার নোড লাইটহাউস মডিউলটি কীভাবে কনফিগার করেছেন তার উপর নির্ভর করে এটি একটি ব্রেকিং পরিবর্তন হতে পারে। আরও তথ্যের জন্য আমন্ত্রণ পরিবর্তন দেখুন।
স্কোরিং পরিবর্তন
Lighthouse 3.0-এ পারফরমেন্স অডিটের জন্য স্কোরিং মডেল পরিবর্তিত হয়। 50 এর একটি স্কোর 75 তম পার্সেন্টাইলকে প্রতিনিধিত্ব করে এবং 100 এর একটি নিখুঁত স্কোর 98 তম পার্সেন্টাইলকে প্রতিনিধিত্ব করে, যা হ্রাসকারী আয়ের বিন্দু।
পারফরম্যান্স স্কোর হল পারফরম্যান্স অডিটের একটি ওজনযুক্ত গড়। অডিটের ওজনও v3 তে পরিবর্তিত হয়।
অডিট নাম | v2 ওজন | v3 ওজন |
---|---|---|
প্রথম কন্টেন্টফুল পেইন্ট (v3 এ নতুন) | N/A | 3 |
প্রথম অর্থপূর্ণ পেইন্ট | 5 | 1 |
প্রথম CPU নিষ্ক্রিয় (v2 তে প্রথম ইন্টারেক্টিভ) | 5 | 3 |
ইন্টারেক্টিভ করার সময় (ভি 2 তে ধারাবাহিকভাবে ইন্টারেক্টিভ) | 5 | 5 |
উপলব্ধিগত গতি সূচক | 1 | N/A |
গতি সূচক | N/A | 4 |
আনুমানিক ইনপুট লেটেন্সি | 1 | 0 |
সামনের দিকে, Lighthouse v3 স্কোরিং গাইড হল লাইটহাউস v3-এ স্কোরিং কীভাবে কাজ করে সে সম্পর্কে আপনার যা জানা দরকার তার সত্যের উৎস।
নতুন আউটপুট বিন্যাস এবং পরিবর্তন
CSV আউটপুট সমর্থন
রিপোর্ট ফলাফল এখন CSV আউটপুট হতে পারে. প্রতিটি সারিতে একটি অডিটের জন্য তথ্য এবং ফলাফল রয়েছে, যার মধ্যে রয়েছে:
- অডিট যে ক্যাটাগরির অন্তর্ভুক্ত তার নাম।
- অডিটের নাম।
- নিরীক্ষার বর্ণনা।
- অডিটের জন্য ব্যবহৃত স্কোরের ধরন।
- স্কোর মান।
JSON আউটপুট পরিবর্তন
সংস্করণ 3.0 লাইটহাউসের JSON আউটপুট বিন্যাসে অনেক পরিবর্তন এনেছে। আরও বিস্তারিত জানার জন্য Lighthouse v3 মাইগ্রেশন গাইড দেখুন।
নতুন অডিট
প্রথম কনটেন্টফুল পেইন্ট
ব্যবহারকারীর স্ক্রিনে টেক্সট বা ইমেজ কন্টেন্ট প্রথম আঁকা হয়েছে সেই সময় পরিমাপ করুন।
robots.txt বৈধ নয়
নিশ্চিত করুন যে আপনার সাইটের robots.txt
ফাইল সঠিকভাবে তৈরি হয়েছে যাতে সার্চ বট আপনার সাইট ক্রল করতে পারে।
অ্যানিমেটেড কন্টেন্টের জন্য ভিডিও ফরম্যাট ব্যবহার করুন
ভিডিও ফাইলের আকারে ব্যাপক সম্ভাব্য সঞ্চয়ের জন্য video
ট্যাগ দিয়ে GIF প্রতিস্থাপন করুন।
আরও জানতে ভিডিও দিয়ে অ্যানিমেটেড GIF প্রতিস্থাপন দেখুন।
যেকোন উৎসের একাধিক, ব্যয়বহুল রাউন্ড ট্রিপ এড়িয়ে চলুন
link
ট্যাগগুলিতে rel="preconnect"
অ্যাট্রিবিউট যোগ করে আপনার লোড কর্মক্ষমতা উন্নত করুন, যা ব্রাউজারকে যত তাড়াতাড়ি সম্ভব একটি মূলের সাথে সংযোগ স্থাপন করতে জানায়।
আরও জানতে প্রি-কানেক্ট দেখুন।
অডিট পরিবর্তন
প্রথম ইন্টারেক্টিভ ➡ প্রথম CPU নিষ্ক্রিয়
এটি কীভাবে কাজ করে তা আরও ভালভাবে বর্ণনা করার জন্য প্রথম ইন্টারেক্টিভ অডিটের নাম পরিবর্তন করে ফার্স্ট সিপিইউ আইডল রাখা হয়েছে। নিরীক্ষার সাধারণ উদ্দেশ্য একই। ব্যবহারকারীরা কখন আপনার পৃষ্ঠার সাথে প্রথম ইন্টারঅ্যাক্ট করতে সক্ষম হয় তা পরিমাপ করতে এই অডিটটি ব্যবহার করুন৷
উপলব্ধিগত গতি সূচক ➡ গতি সূচক
লাইটহাউস 3.0-এ উপলব্ধিগত গতি সূচক নিরীক্ষা এখন গতি সূচক । এই পরিবর্তনটি Lighthouse সারিবদ্ধ করে কিভাবে WebPageTest এই মেট্রিক পরিমাপ করে। নিরীক্ষার উদ্দেশ্য একই, কিন্তু অন্তর্নিহিত মেট্রিক সামান্য ভিন্ন।