Chrome DevTools-এর পারফরম্যান্স প্যানেল ডেভেলপারদের তাদের রানটাইম পারফরম্যান্স পরিমাপ করতে এবং 15 বছরের ভালো অংশে এক বা অন্য ফর্মে অপ্টিমাইজ করতে সাহায্য করছে। 'টাইমলাইন' নামক একটি প্যানেল দিয়ে শুরু করে, এটি আজ আপনার পরিচিত পারফরম্যান্স প্যানেলে পরিণত হয়েছে।
সেই সময়ের মধ্যে, Chrome অন্যান্য শক্তিশালী কর্মক্ষমতা পণ্য এবং বৈশিষ্ট্যগুলি চালু করেছে। উল্লেখযোগ্যভাবে, স্পট অপটিমাইজেশন সুযোগ আরও সহজে সাহায্য করার জন্য 2016 সালে লাইটহাউস চালু করা হয়েছিল। পরীক্ষামূলক পারফরম্যান্স ইনসাইট প্যানেলটি 2022 সালে সারফেসিং পারফরম্যান্স ইনসাইটের নতুন উপায় পরীক্ষা করার জন্য প্রকাশ করা হয়েছিল।
পারফরম্যান্স প্যানেলটি ডেটা এবং বৈশিষ্ট্যগুলির সাথে প্যাক করা হয়েছে যাতে বিকাশকারীদের পৃষ্ঠা লোড এবং রানটাইম পারফরম্যান্স সমস্যাগুলির গভীরে ডুব দিতে সহায়তা করে৷ তবে আসুন এক মিনিটের জন্য বাস্তব হই এবং স্বীকার করি যে এটি ব্যবহার করা চ্যালেঞ্জিং এবং পৃষ্ঠার কার্যক্ষমতা উন্নত করার সবচেয়ে বড় সুযোগগুলি সনাক্ত করা কঠিন হতে পারে। অতিরিক্তভাবে, অন্যান্য সরঞ্জামের শক্তি যা শব্দের মাধ্যমে বাছাই করতে এবং সুযোগগুলিকে দ্রুত বিচ্ছিন্ন করতে সাহায্য করে — যেমন লাইটহাউস — পারফরম্যান্স প্যানেল থেকে সংযোগ বিচ্ছিন্ন করা হয়েছে৷
ডেভেলপারদের জন্য পারফরম্যান্সের সমস্যাগুলি সনাক্ত করা এবং পুনরুত্পাদন করা সহজ করার জন্য আমাদের অনুসন্ধানে, আমরা লাইটহাউস এবং পারফরম্যান্স ইনসাইট প্যানেল থেকে বৈশিষ্ট্য এবং শিক্ষা আনতে যাচ্ছি এবং তাদের বিদ্যমান পারফরম্যান্স প্যানেলে একীভূত করতে যাচ্ছি। আমরা ওয়েব পারফরম্যান্স অপ্টিমাইজেশান টুল হিসাবে পারফরম্যান্স প্যানেলের কার্যকারিতা উন্নত করতে UX এবং ব্যবহারযোগ্যতার উপরও ফোকাস করছি।
ফলাফল কি? সমস্ত পারফরম্যান্স ডেটা এবং অন্তর্দৃষ্টিগুলির জন্য একটি একক প্যানেল—আগের চেয়ে সহজ এবং আরও শক্তিশালী৷
ওয়েব পারফরম্যান্সের উপর পদক্ষেপ নেওয়া, আরও সহজ
আপনার প্রতিক্রিয়া নিশ্চিত করে যে উচ্চ তথ্য ঘনত্ব যৌগিক ব্যবহারযোগ্যতা চ্যালেঞ্জ। সাহায্য করার জন্য আমরা সক্রিয়ভাবে সংশোধন এবং বৈশিষ্ট্যগুলি তৈরি করছি৷ মূল অপ্টিমাইজেশান যাত্রা, যেমন কোর ওয়েব ভাইটাল উন্নত করা, প্রথম-শ্রেণীর চিকিৎসা পাচ্ছে। আমরা টীকাগুলির মতো বৈশিষ্ট্যগুলি প্রবর্তন করার পরিকল্পনা করছি, যা আপনাকে অনুসন্ধানগুলি চিহ্নিত করতে এবং আপনার সহকর্মীদের সাথে শেখার ভাগ করতে সক্ষম করে। ডেটার মধ্যে পারস্পরিক সম্পর্ক সারফেস করা একটি জটিল সিস্টেমকে বোঝার ক্ষমতা উন্নত করতে সাহায্য করবে, আপনার জন্য ডেটা কীভাবে সংযুক্ত রয়েছে তা প্রকাশ করার আরও উপায় সহ, যেমন মেইন-থ্রেড কার্যকলাপে নেটওয়ার্ক অনুরোধ।
আমরা তাদের বিকাশ করার সাথে সাথে আমরা নতুন বৈশিষ্ট্যগুলি প্রেরণ করব এবং প্রতি কয়েক মাসে প্যানেলের অফার করা নতুন ক্ষমতাগুলির একটি আপডেট ভাগ করে নেব৷ স্তব্ধ! আপনি শীঘ্রই নতুন বৈশিষ্ট্য দেখতে শুরু করবেন!
পারফরম্যান্স প্যানেলে বাতিঘরের শক্তি
আমরা দেখেছি যে কীভাবে বিকাশকারীরা লাইটহাউস এবং পারফরম্যান্স প্যানেল উভয়ই ব্যবহার করে এবং উভয়ের মধ্যে প্রসঙ্গ পরিবর্তন করা একটি চ্যালেঞ্জ। তদ্ব্যতীত, লাইটহাউস অনুসন্ধানের উপর পদক্ষেপ নেওয়ার জন্য আরও অতিরিক্ত প্রসঙ্গ পেতে পারফরম্যান্স প্যানেলে যাওয়ার প্রয়োজন হতে পারে। এটি ঘর্ষণ সৃষ্টি করে, কারণ একটি পৃষ্ঠার কার্যক্ষমতার প্রেসক্রিপটিভ ওভারভিউ বিস্তারিত কর্মক্ষমতা ডেটা থেকে বিচ্ছিন্ন।
আমরা পারফরম্যান্স প্যানেলের মাধ্যমে Lighthouse এর কর্মক্ষমতা বিশ্লেষণকে গভীরভাবে একীভূত করতে যাচ্ছি। এই ইন্টিগ্রেশনের মাধ্যমে, লাইটহাউস পারফরম্যান্স প্যানেলের মধ্যেই পৃষ্ঠার কর্মক্ষমতা উন্নত করার শীর্ষ সুযোগগুলির উপর আলোকপাত করবে, সেই সুযোগের উপর পদক্ষেপ নেওয়ার জন্য প্রয়োজনীয় সমস্ত বিবরণ সহ।
পারফরম্যান্স প্যানেলে সমস্ত পারফরম্যান্স কার্যকারিতা সরানোর পরে, DevTools-এ স্বাধীন লাইটহাউস প্যানেলটি অপ্রয়োজনীয় হয়ে যাবে এবং সূর্যাস্ত হবে৷ এই প্যানেলের সূর্যাস্ত 2025 সালের দ্বিতীয়ার্ধ পর্যন্ত ঘটবে না। এটা জোর দিয়ে বলা গুরুত্বপূর্ণ যে লাইটহাউসটি চলে যাচ্ছে না ।
বাতিঘর এখানে থাকার জন্য
Lighthouse npm মডিউল, এবং PageSpeed Insights- এ Lighthouse রিপোর্ট ( PSI API সহ) অবসর দেওয়া হবে না। আমরা একটি ওপেন-সোর্স টুল হিসাবে লাইটহাউসের প্রাপ্যতা এবং গুণমানের প্রতি নিবেদিত রয়েছি যা পৃষ্ঠার কার্যক্ষমতা মূল্যায়ন করতে একজন বিকাশকারীর পছন্দের পরিবেশে ব্যবহার করা যেতে পারে।
এই ইন্টিগ্রেশনটি আমাদের পারফরম্যান্স প্যানেল এবং লাইটহাউসের ক্ষমতা উভয়ই সমতল করার একটি উপায় হিসাবে কাজ করে যারা বিকাশকারীদের লোডিং, প্রতিক্রিয়াশীলতা এবং বিষয়বস্তু স্থিতিশীলতা সম্পর্কে যুক্তি দেওয়ার চেষ্টা করে।
পরীক্ষামূলক পারফরম্যান্স ইনসাইট প্যানেলটি বাতিল করা হবে
পারফরম্যান্স ইনসাইট প্যানেলটি একটি পরীক্ষা হিসাবে পাঠানো হয়েছিল যাতে আমরা কীভাবে তিনটি মূল ব্যথার পয়েন্টগুলিকে আরও ভালভাবে সমাধান করতে পারি: পারফরম্যান্স প্যানেলের তথ্য ঘনত্ব হ্রাস করা, কেস-চালিত বিশ্লেষণকে সমর্থন করা এবং পারফরম্যান্স প্যানেল ব্যবহার করে শেখার বক্ররেখা হ্রাস করা।
আমরা ডেভেলপার ফিডব্যাকের মাধ্যমে পরীক্ষা থেকে অনেক কিছু শিখেছি। আমরা যাচাই করেছি যে কেস-চালিত বিশ্লেষণ ব্যবহার করে—উদাহরণস্বরূপ, "আমি LCP অপ্টিমাইজ করতে চাই", বা "আমি আরও প্রতিক্রিয়াশীল হওয়ার জন্য পৃষ্ঠাগুলি অপ্টিমাইজ করতে চাই" - অত্যন্ত মূল্যবান, এবং লেআউট শিফট ট্র্যাকের মতো বৈশিষ্ট্যগুলি মেট্রিক্সের নির্ণয় এবং উন্নতি করে অনেক বেশি সোজা।
ডেভেলপাররা পারফরম্যান্স ইনসাইটস প্যানেলটিকে পারফরম্যান্স প্যানেলের চেয়ে আরও বেশি সহজলভ্য বলেও খুঁজে পেয়েছেন, এটি যাচাই করে যে তথ্যের ঘনত্ব কম হওয়া আকর্ষণীয়। যাইহোক, এই হ্রাসকৃত ঘনত্ব অনেক ক্ষেত্রে একটি খরচে এসেছে, যার ফলে ডেভেলপারদের কর্মক্ষমতা প্যানেলে যেতে হবে যাতে পদক্ষেপ নেওয়ার জন্য প্রয়োজনীয় বিশদ ডেটা পেতে হয়।
আমাদের শিক্ষা—এবং পরীক্ষামূলক পারফরম্যান্স ইনসাইট প্যানেলের অনেক বৈশিষ্ট্য—পারফরম্যান্স প্যানেলে একত্রিত করা হবে। লাইটহাউস ইন্টিগ্রেশন সহ কেস-চালিত বিশ্লেষণ এবং তথ্যের ঘনত্বের উন্নতির মতো বৈশিষ্ট্যগুলি পৃষ্ঠার কার্যক্ষমতা সম্পর্কে অন্তর্দৃষ্টিগুলিকে আগের চেয়ে আরও কার্যকর করতে সাহায্য করবে৷
পারফরম্যান্স ইনসাইট পরীক্ষাটি 2024 সালের পরে সরিয়ে দেওয়া হবে।
যেখানে মতামত দিতে হবে
আমরা যখন নতুন বৈশিষ্ট্য প্রেরণ করি, আমরা প্রতিক্রিয়া স্বাগত জানাই। যোগ করা বৈশিষ্ট্যগুলিকে কীভাবে উন্নত করা যায় সে সম্পর্কে আপনার যদি ধারণা থাকে—অথবা যদি প্যানেলের মাধ্যমে আপনার বিদ্যমান প্রবাহটি অযথা ব্যাহত হয়- তাহলে আমরা আপনার কাছ থেকে শুনতে চাই । আমরা শুনতে চাই কী কাজ করছে, কী করছে না এবং আপনি কী মনে করেন আরও ভাল করা যেতে পারে। ধন্যবাদ!