আপনার সাইটের লোড এবং রানটাইম কর্মক্ষমতা সম্পর্কে দ্রুত ধারণা পেতে পারফরম্যান্স মনিটর ব্যবহার করুন।
ওভারভিউ
পারফরম্যান্স মনিটর প্যানেল একটি টাইমলাইন প্রদর্শন করে যা রিয়েল-টাইমে কর্মক্ষমতা মেট্রিক্স গ্রাফ করে। এটি দেখানো বা লুকানোর জন্য একটি মেট্রিক ক্লিক করুন. তারপর দেখুন আপনার অ্যাপের সাথে ইন্টারঅ্যাক্ট করার সাথে সাথে গ্রাফ কিভাবে পরিবর্তিত হয়।
কর্মক্ষমতা মনিটর নিম্নলিখিত মেট্রিক্স ট্র্যাক করে:
- CPU 'র ব্যবহার.
- জাভাস্ক্রিপ্ট হিপ সাইজ।
- পৃষ্ঠায় DOM নোড, JavaScript ইভেন্ট শ্রোতা, নথি এবং ফ্রেমের মোট সংখ্যা।
- প্রতি সেকেন্ডে বিন্যাস এবং শৈলী পুনঃগণনা।
পারফরম্যান্স মনিটর প্যানেল খুলুন
পারফরম্যান্স মনিটর প্যানেল খুলতে:
- DevTools খুলুন ।
- টিপে কমান্ড মেনু খুলুন:
- macOS: কমান্ড + শিফট + পি
- উইন্ডোজ, লিনাক্স, ক্রোমওএস: কন্ট্রোল + শিফট + পি
-
Performance monitorটাইপ করা শুরু করুন, শো পারফরম্যান্স মনিটর নির্বাচন করুন এবং এন্টার টিপুন। DevTools আপনার DevTools উইন্ডোর নীচে কর্মক্ষমতা মনিটর প্যানেল প্রদর্শন করে।
বিকল্পভাবে, উপরের ডানদিকে, more_vert আরও বিকল্প > আরও সরঞ্জাম > পারফরম্যান্স মনিটর নির্বাচন করুন।
পারফরম্যান্স মনিটর প্যানেল ব্যবহার করুন
পারফরম্যান্স মনিটর আপনার ওয়েবসাইটের রানটাইম কর্মক্ষমতা সম্পর্কে একটি সাধারণ ধারণা দেয়।
আপনার ওয়েবসাইটের সাথে ইন্টারঅ্যাক্ট করার সাথে সাথে মেট্রিক মানগুলি কীভাবে পরিবর্তিত হয় তা পর্যবেক্ষণ করলে উন্নতির সুযোগগুলি প্রকাশ করতে পারে।
পারফরম্যান্স মনিটরের একটি দরকারী বৈশিষ্ট্য হল এটি পৃষ্ঠা নেভিগেশন জুড়ে থাকে। সুতরাং, ফ্রন্টএন্ড ডেভেলপার হিসাবে, আপনি পারফরম্যান্স মনিটর খোলার মাধ্যমে, তাদের ওয়েবসাইটে স্ক্রোল করে এবং DOM নোড এবং লেআউট/সেকেন্ড মেট্রিক্সের উপর নজর রেখে লেআউট থ্র্যাশিং এর মতো সমস্যাগুলি এড়াতে পারেন।
ব্যবহারকারীরা যদি আপনার সাইটে ধীরগতির লোডের সময় রিপোর্ট করে থাকেন, তাহলে পারফরম্যান্স মনিটর আপনাকে সমস্যার ক্ষেত্র চিহ্নিত করতে সাহায্য করতে পারে।
উদাহরণস্বরূপ, CPU ব্যবহারের একটি বড় স্পাইক অদক্ষ কোড নির্দেশ করতে পারে। এবং সাধারণত, যদি একটি পৃষ্ঠায় উচ্চ সংখ্যক JS ইভেন্ট শ্রোতা থাকে তবে আপনার কোড রিফ্যাক্টর করা এবং মেমরি খালি করতে সেই সংখ্যাগুলি হ্রাস করা উপকারী হতে পারে।
আপনি যদি সবেমাত্র কর্মক্ষমতা বিশ্লেষণ করে শুরু করেন, প্রস্তাবিত পথ হল প্রথমে লাইটহাউস প্যানেল ব্যবহার করা, এবং তারপর পারফরম্যান্স প্যানেল বা পারফরম্যান্স মনিটর ব্যবহার করে আরও তদন্ত করা।