লাইটহাউস 11-এ নতুন কী আছে

অ্যাডাম রেইন
Adam Raine
GitHub
জেসমিন ইয়ান
Jasmine Yan
GitHub

Lighthouse হল একটি ওয়েবসাইট অডিটিং টুল যা ডেভেলপারদের তাদের সাইটের ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে সুযোগ এবং ডায়াগনস্টিক সহ সাহায্য করে।

Lighthouse 11 অবিলম্বে npm এর মাধ্যমে কমান্ড লাইনে , Chrome Canary- এ এবং PageSpeed ​​Insights- এ উপলব্ধ। এটি Chrome 118-এ Chrome স্থিতিশীল অবস্থায় অবতরণ করবে।

11.0 চেঞ্জলগে পরিবর্তনের সম্পূর্ণ তালিকা দেখুন।

অ্যাক্সেসিবিলিটি বিভাগ আপডেট

বিভাগ আপডেটের মধ্যে রয়েছে নতুন স্বয়ংক্রিয় অডিট, উন্নত ওজন, এবং অগ্রাধিকারযুক্ত ম্যানুয়াল অডিট যাতে ডেভেলপারদের তাদের সাইটগুলিকে আরও অ্যাক্সেসযোগ্য করে তুলতে সাহায্য করে।

নতুন অডিট এবং ওজন

লাইটহাউস 10.0 থেকে, 13টি নতুন অ্যাক্সেসিবিলিটি অডিট যোগ করা হয়েছে:

  • aria-allowed-role
  • aria-dialog-name
  • aria-text
  • html-xml-lang-mismatch
  • image-redundant-alt
  • input-button-name
  • label-content-name-mismatch
  • link-in-text-block
  • select-name
  • skip-link
  • table–duplicate-name
  • table-fake-caption
  • td-has-header

নতুন নিরীক্ষার পাশাপাশি, সমস্ত নিরীক্ষার ওজনগুলি সংশ্লিষ্ট কুক্ষ নিয়মের প্রভাব স্তরের সাথে আরও ভালভাবে মেলে আপডেট করা হয়েছে৷ নতুন অডিট এবং ওজন সম্পর্কে সঠিক বিবরণের জন্য লাইটহাউস অ্যাক্সেসিবিলিটি স্কোরিং ডকুমেন্টেশন দেখুন।

ম্যানুয়াল অডিট দৃশ্যমানতা

লাইটহাউস সবসময় কিছু ম্যানুয়াল অডিট অন্তর্ভুক্ত করে যা স্বয়ংক্রিয়ভাবে পরীক্ষা করা যায় না, তবে গুরুত্বপূর্ণ কার্যকারিতা যাচাই করার জন্য এখনও একটি চেকলিস্ট হিসাবে অন্তর্ভুক্ত করা হয়েছে। সমস্ত স্বয়ংক্রিয় অডিট পাস হয়ে গেলে ম্যানুয়াল অডিট বিভাগটি এখন স্বয়ংক্রিয়ভাবে প্রসারিত হয়।

একটি বাতিঘর রিপোর্ট অ্যাক্সেসিবিলিটি বিভাগে ম্যানুয়াল অডিটগুলিকে প্রসারিত করেছে৷

এটি জোর দেয় যে সমস্ত স্বয়ংক্রিয় অডিট পাস করা এবং অ্যাক্সেসযোগ্যতায় 100 স্কোর করা নিশ্চিত করে না যে নিরীক্ষিত পৃষ্ঠাটি অ্যাক্সেসযোগ্য; ম্যানুয়াল পরীক্ষা এখনও গুরুত্বপূর্ণ। ম্যানুয়াল অডিটগুলিও সবচেয়ে সহজলভ্য চেকগুলির সাথে শুরু করার জন্য পুনর্বিন্যাস করা হয়েছে৷

বিদ্যমান অডিট পরিবর্তন

নেক্সট পেইন্টের সাথে মিথস্ক্রিয়া (INP)

INP আর পরীক্ষামূলক নয় , তাই মেট্রিক experimental-interaction-to-next-paint থেকে interaction-to-next-paint সরানো হয়েছে।

সেবা কর্মীরা

Chrome-এ PWA হিসাবে একটি পৃষ্ঠা ইনস্টল করার জন্য একজন পরিষেবা কর্মীর আর প্রয়োজন নেই, তাই Lighthouse PWA বিভাগ থেকে service-worker চেক সরিয়ে দেওয়া হয়েছে।

সম্পদের সারাংশ

resource-summary নিরীক্ষা বাতিঘর রিপোর্ট থেকে সরানো হয়েছে. নেটওয়ার্ক অনুরোধ পরিসংখ্যান এখনও লুকানো network-requests অডিট ব্যবহার করে কম্পাইল করা যেতে পারে:

const {lhr} = await lighthouse('https://example.com');
const networkRequests = lhr.audits['network-requests'].details.items;
const resourceSummary = {};

for (const request of networkRequests) {
  let total = resourceSummary[request.resourceType] || 0;
  total += request.resourceSize;
  resourceSummary[request.resourceType] = total;
}

console.log(resourceSummary);

উত্তরাধিকার নেভিগেশন

CLI-এর জন্য --legacy-navigation ফ্ল্যাগ, Node API-এ legacyNavigation() ফাংশন এবং DevTools প্যানেলে "Legacy navigation" চেকবক্স সবই সরিয়ে দেওয়া হয়েছে। এটি ব্যবহারকারীর প্রবাহকে সমর্থন করার জন্য লাইটহাউসের পরিকাঠামোতে একটি বছর-দীর্ঘ পরিবর্তন সম্পন্ন করে৷

চলমান বাতিঘর

Lighthouse Chrome DevTools , npm (একটি নোড মডিউল এবং একটি CLI টুল হিসাবে), এবং একটি ব্রাউজার এক্সটেনশন হিসাবে ( Chrome এবং Firefox এ) পাওয়া যায়। এটি পেজস্পিড ইনসাইট সহ বেশ কয়েকটি Google পরিষেবাকেও ক্ষমতা দেয়৷

লাইটহাউস নোড CLI চেষ্টা করতে, নিম্নলিখিত কমান্ডগুলি ব্যবহার করুন:

npm install -g lighthouse
lighthouse https://www.example.com --view

লাইটহাউস টিমের সাথে যোগাযোগ করুন

নতুন বৈশিষ্ট্য, Lighthouse 11 রিলিজে পরিবর্তন, বা Lighthouse সম্পর্কিত অন্য কিছু নিয়ে আলোচনা করতে: