Lighthouse হল একটি ওপেন সোর্স , আপনার ওয়েব অ্যাপের গুণমান উন্নত করার জন্য স্বয়ংক্রিয় টুল। আপনি এটি একটি Chrome এক্সটেনশন হিসাবে ইনস্টল করতে পারেন বা এটি একটি নোড কমান্ড লাইন টুল হিসাবে চালাতে পারেন। আপনি যখন Lighthouse-কে একটি URL দেন, তখন এটি পৃষ্ঠার বিরুদ্ধে পরীক্ষা-নিরীক্ষা চালায় এবং তারপরে পৃষ্ঠাটি কতটা ভালো করেছে তা ব্যাখ্যা করে এবং উন্নতির জন্য ক্ষেত্রগুলি নির্দেশ করে একটি প্রতিবেদন তৈরি করে।
আজ, আমরা Lighthouse এর 1.5 রিলিজ ঘোষণা করতে পেরে আনন্দিত, একটি বিশাল রিলিজ, 128 PRs সহ। লাইটহাউস 1.5-এ একগুচ্ছ বড় নতুন বৈশিষ্ট্য, অডিট এবং সাধারণ বাগ ফিক্স রয়েছে। আপনি এটি npm ( npm i -g lighthouse ) থেকে ইনস্টল করতে পারেন বা Chrome ওয়েব স্টোর থেকে এক্সটেনশনটি ডাউনলোড করতে পারেন ৷
নতুন অডিট
CSS ব্যবহার নিরীক্ষা আপনার পৃষ্ঠায় অব্যবহৃত শৈলী নিয়মের সংখ্যা এবং সেগুলি সরানোর খরচ/সময় সঞ্চয় প্রতিবেদন করে:
অপ্টিমাইজড ইমেজ অডিট অপ্টিমাইজ করা ছবি এবং তাদের অপ্টিমাইজ করার খরচ/সময় সাশ্রয় রিপোর্ট করে:
রেসপন্সিভ ইমেজ অডিট রিপোর্ট করে যে ছবিগুলি খুব বড় এবং প্রদত্ত ডিভাইসের জন্য সঠিকভাবে সাইজ করার সম্ভাব্য খরচ/সময় সাশ্রয়:
অবচয় এবং হস্তক্ষেপ অডিট Chrome থেকে কনসোল সতর্কতা তালিকাভুক্ত করে যদি আপনার পৃষ্ঠা অবচয় API ব্যবহার করে বা হস্তক্ষেপ আছে এমন বৈশিষ্ট্যগুলি ব্যবহার করে:
রিপোর্ট পরিবর্তন
আপনি যেমন দেখেছেন, আমরা টেবুলার ডেটা যোগ করে, বহিরাগত সহায়তা পাঠ্য লুকিয়ে, এবং ডেটা নেভিগেট করা সহজ করার জন্য নতুন বৈশিষ্ট্য যুক্ত করে প্রতিবেদনটিকে কম দৃশ্যমানভাবে বিশৃঙ্খল করার দিকে মনোনিবেশ করেছি।
এমুলেশন সেটিংস
একটি নির্দিষ্ট লাইটহাউস রানের জন্য কী থ্রটলিং এবং ইমুলেশন সেটিংস ব্যবহার করা হয়েছিল তা ভুলে যাওয়া সহজ। লাইটহাউস রিপোর্টে এখন রানটাইম ইমুলেশন সেটিংস অন্তর্ভুক্ত রয়েছে যা রিপোর্ট তৈরি করতে ব্যবহৃত হয়েছিল; একটি দীর্ঘ সময়ের বৈশিষ্ট্য অনুরোধ :
আরও দরকারী ট্রেস ডেটা
লাইটহাউস মেট্রিক্স যেমন "প্রথম অর্থপূর্ণ পেইন্ট", "টাইম টু ইন্টারঅ্যাকটিভ", ইত্যাদি ব্যবহারকারীর টাইমিং পরিমাপ হিসাবে উপহাস করা হয় এবং --save-assets ফ্ল্যাগ দিয়ে সংরক্ষিত ট্রেস ডেটাতে ফেরত দেওয়া হয়।
আপনি যদি --save-assets ফ্ল্যাগ ব্যবহার করেন, আপনি এখন DevTools-এ ট্রেস ড্রপ করতে পারেন বা DevTools টাইমলাইন ভিউয়ারে খুলতে পারেন। আপনি পৃষ্ঠা লোডের সম্পূর্ণ ট্রেস সহ প্রসঙ্গে আপনার মূল মেট্রিক্স দেখতে সক্ষম হবেন।
বাতিঘর দর্শক
HTML রিপোর্টে, আপনি বিভিন্ন ফরম্যাটে প্রতিবেদন রপ্তানির বিকল্প সহ একটি নতুন বোতাম লক্ষ্য করবেন। সেই বিকল্পগুলির মধ্যে একটি হল "ওপেন ইন ভিউয়ার"। এই বোতামটি ক্লিক করলে প্রতিবেদনটি অনলাইন ভিউয়ারে পাঠানো হবে, যেখানে আপনি GitHub ব্যবহারকারীদের সাথে প্রতিবেদনটি শেয়ার করতে পারবেন।
পর্দার আড়ালে, দর্শক একটি GitHub গোপন সারাংশ তৈরি করার জন্য OAuth এর মাধ্যমে আপনার অনুমতি পায় এবং সেখানে প্রতিবেদনটি সংরক্ষণ করে। যেহেতু এটি আপনার সারমর্ম হিসাবে সম্পন্ন হয়েছে, তাই আপনি প্রতিবেদনের ভাগ করার উপর সম্পূর্ণ নিয়ন্ত্রণ বজায় রাখেন এবং আপনি যে কোনো সময় এটি মুছে ফেলতে পারেন। আপনি আপনার GitHub সেটিংসের অধীনে সারাংশ তৈরি করার জন্য দর্শকের অনুমতি প্রত্যাহার করতে পারেন।
কর্মক্ষমতা পরীক্ষা
পারফরম্যান্স এক্সপেরিমেন্ট প্রকল্পের প্রথম সংস্করণ 1.5.0 এ অবতরণ করেছে। এটি আপনাকে আপনার পৃষ্ঠা লোড কর্মক্ষমতা নিয়ে পরীক্ষা করতে দেয়, বিকাশের সময় আপনার গুরুত্বপূর্ণ পথে সম্পদগুলিকে ব্লক করা বা বিলম্বিত করার প্রভাবগুলি ইন্টারেক্টিভভাবে পরীক্ষা করে।
যখন লাইটহাউস --interactive পতাকা দিয়ে চালানো হয়, তখন একটি বিশেষ প্রতিবেদন তৈরি হয় যা ব্যয়বহুল পৃষ্ঠার সংস্থানগুলির ইন্টারেক্টিভ নির্বাচনের অনুমতি দেয়। এক্সপেরিমেন্ট সার্ভার তখন সেই পৃষ্ঠায় লাইটহাউস পুনরায় চালায় এবং সেই রিসোর্সগুলি ব্লক করে দেয়।
লাইটহাউসে পারফরম্যান্স পরীক্ষা সম্পর্কে আরও জানুন ।
নতুন ডকুমেন্টেশন
সর্বশেষ কিন্তু অন্তত নয়, আমরা developers.google.com/web/tools/lighthouse/- এ ডকুমেন্টেশন আধুনিকীকরণ করেছি এবং নতুন অডিট রেফারেন্স যোগ করেছি।
আপাতত এই পর্যন্ত!
লাইটহাউসের সর্বশেষ সব বিবরণের জন্য, GitHub-এ সম্পূর্ণ রিলিজ নোটগুলি দেখুন। বরাবরের মতো, বাগ রিপোর্ট করতে , ফাইল বৈশিষ্ট্যের অনুরোধ, বা আপনি পরবর্তীতে কী দেখতে চান সে সম্পর্কে চিন্তাভাবনা করতে আমাদের সাথে যোগাযোগ করুন৷