বাতিঘর 2.6 আপডেট

বাতিঘর 2.6 আউট! হাইলাইট অন্তর্ভুক্ত:

নতুন বৈশিষ্ট্য, পরিবর্তন এবং বাগ ফিক্সের সম্পূর্ণ তালিকার জন্য 2.6 রিলিজ নোট দেখুন।

কিভাবে 2.6 এ আপডেট করবেন

  • এনপিএম। npm update lighthouse চালান। আপনি বিশ্বব্যাপী লাইটহাউস ইনস্টল করলে npm update lighthouse -g পতাকা চালান।
  • ক্রোম এক্সটেনশন। এক্সটেনশনটি স্বয়ংক্রিয়ভাবে আপডেট হওয়া উচিত, তবে আপনি chrome://extensions মাধ্যমে ম্যানুয়ালি আপডেট করতে পারেন।
  • DevTools. অডিট প্যানেলটি Chrome 65-এ 2.6 সহ শিপিং করা হবে। আপনি chrome://version এর মাধ্যমে Chrome এর কোন সংস্করণটি চালাচ্ছেন তা পরীক্ষা করতে পারেন। Chrome প্রতি 6 সপ্তাহে একটি নতুন সংস্করণে আপডেট হয়। আপনি Chrome Canary ডাউনলোড করে সর্বশেষ Chrome কোড চালাতে পারেন।

নতুন কর্মক্ষমতা অডিট

জাভাস্ক্রিপ্ট বুট-আপ সময় বেশি

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

'জাভাস্ক্রিপ্ট বুট-আপ সময় বেশি' অডিট।
চিত্র 1 . জাভাস্ক্রিপ্ট বুট আপ সময় উচ্চ অডিট হয়

স্ট্যাটিক সম্পদে অদক্ষ ক্যাশে নীতি ব্যবহার করে

নিশ্চিত করুন যে ব্রাউজারটি আপনার প্রতিটি সংস্থান সঠিকভাবে ক্যাশে করে।

'স্থির সম্পদে অদক্ষ ক্যাশে নীতি ব্যবহার করে' নিরীক্ষা
চিত্র ২ . স্ট্যাটিক সম্পদ নিরীক্ষায় অদক্ষ ক্যাশে নীতি ব্যবহার করে

পৃষ্ঠা পুনঃনির্দেশ এড়িয়ে যায়

পৃষ্ঠা পুনঃনির্দেশ একটি অতিরিক্ত নেটওয়ার্ক রাউন্ডট্রিপ যোগ করে, অথবা যদি একটি অতিরিক্ত DNS লুকআপের প্রয়োজন হয় তাহলে দুটি। পৃষ্ঠা লোডের সময় দ্রুত করার জন্য পুনঃনির্দেশগুলিকে ছোট করুন।

'পৃষ্ঠা পুনঃনির্দেশ এড়িয়ে যায়' নিরীক্ষা
চিত্র 3এড়িয়ে যাওয়া পৃষ্ঠা পুনঃনির্দেশ অডিট

অ্যাক্সেসিবিলিটি বিভাগের স্কোর রিহল

Lighthouse 2.6-এ, সামগ্রিক অ্যাক্সেসিবিলিটি স্কোর আলাদাভাবে গণনা করা হয়। HTTP আর্কাইভ ডেটাসেটের উপর ভিত্তি করে ব্যবহারকারীর অভিজ্ঞতার উপর এর প্রভাবের তীব্রতার পাশাপাশি সমস্যাটির ফ্রিকোয়েন্সির উপর ভিত্তি করে প্রতিটি অ্যাক্সেসিবিলিটি অডিটের স্কোর ওজন করে। একটি গভীর আলোচনার জন্য googlechrome/lighthouse/issues/3444 দেখুন৷

UX উন্নতির রিপোর্ট করুন

শীর্ষ-স্তরের ত্রুটি

আপনার প্রতিবেদনের শীর্ষে, Lighthouse আপনার পৃষ্ঠার স্কোরকে প্রভাবিত করতে পারে এমন ত্রুটির বিষয়ে আপনাকে সতর্ক করে।

রিপোর্টের শীর্ষে শীর্ষ-স্তরের ত্রুটি
চিত্র 4 । রিপোর্টের শীর্ষে শীর্ষ-স্তরের ত্রুটি

রপ্তানি প্রতিবেদন ক্লিক করুন রপ্তানি প্রতিবেদন তারপর আপনার প্রতিবেদনের সংক্ষিপ্ত বা বিশদ সংস্করণ মুদ্রণ করতে প্রিন্ট সারাংশ বা প্রিন্ট প্রসারিত নির্বাচন করুন।

প্রিন্ট সারাংশ এবং প্রসারিত ভিউ
চিত্র 5 । প্রিন্ট সারাংশ এবং প্রসারিত ভিউ

অ্যাসপেক্ট রেশিও বাগ ফিক্স

2.6 এমন একটি বাগও ঠিক করে যা সঠিক আকৃতির অনুপাত সহ চিত্রগুলিকে ব্যর্থ করে দেয় এমনকি যখন পৃষ্ঠায় কোনও ছবি ছিল না, বা সমস্ত চিত্র সঠিকভাবে আকারে ছিল।