রানটাইম পারফরম্যান্স হল লোডিং এর বিপরীতে আপনার পৃষ্ঠাটি চলমান অবস্থায় কীভাবে পারফর্ম করে। এই টিউটোরিয়াল আপনাকে শেখায় কিভাবে রানটাইম কর্মক্ষমতা বিশ্লেষণ করতে Chrome DevTools পারফরম্যান্স প্যানেল ব্যবহার করতে হয়। RAIL মডেলের পরিপ্রেক্ষিতে, এই টিউটোরিয়ালে আপনি যে দক্ষতাগুলি শিখবেন তা আপনার পৃষ্ঠার প্রতিক্রিয়া, অ্যানিমেশন এবং নিষ্ক্রিয় পর্যায়গুলি বিশ্লেষণ করার জন্য দরকারী।
শুরু করুন
এই টিউটোরিয়ালে, আমরা একটি লাইভ পৃষ্ঠায় পারফরম্যান্সের বাধা খুঁজে পেতে পারফরম্যান্স প্যানেল ব্যবহার করব। শুরু করতে:
- ছদ্মবেশী মোডে Google Chrome খুলুন। ছদ্মবেশী মোড নিশ্চিত করে যে Chrome একটি পরিষ্কার অবস্থায় চলে। উদাহরণস্বরূপ, যদি আপনার অনেক এক্সটেনশন ইনস্টল করা থাকে, তাহলে সেই এক্সটেনশনগুলি আপনার কর্মক্ষমতা পরিমাপে গোলমাল তৈরি করতে পারে।
আপনার ছদ্মবেশী উইন্ডোতে নিম্নলিখিত পৃষ্ঠাটি লোড করুন। এই আপনি প্রোফাইল যাচ্ছেন যে ডেমো. পৃষ্ঠাটি ছোট নীল স্কোয়ারের একটি গুচ্ছ উপরে এবং নীচে সরানো দেখায়।
https://googlechrome.github.io/devtools-samples/jank/DevTools খুলতে Command + Option + I (Mac) বা Control + Shift + I (Windows, Linux) টিপুন।