মেমরি প্যানেল ওভারভিউ

মেমরি প্যানেল ডায়াগনস্টিক সরঞ্জাম সরবরাহ করে যা আপনাকে জাভাস্ক্রিপ্ট অবজেক্টের মেমরি বিতরণ দেখতে, মেমরি লিকগুলি আবিষ্কার এবং বিচ্ছিন্ন করতে, ফাংশন দ্বারা মেমরি বরাদ্দের ভাঙ্গন পেতে এবং আরও অনেক কিছু করতে দেয়।

ওভারভিউ

মেমরি প্যানেল আপনাকে তিনটি প্রোফাইল প্রকার ক্যাপচার করতে দেয়। এই প্রোফাইল প্রকারগুলি আপনাকে বিভিন্ন দৃষ্টিকোণ থেকে স্ন্যাপশট দেখায় এবং বিভিন্ন উপযোগ প্রদান করে:

  • হিপ স্ন্যাপশট । হিপ স্ন্যাপশটগুলি আপনার পৃষ্ঠার জাভাস্ক্রিপ্ট অবজেক্ট এবং সম্পর্কিত DOM নোডগুলির মধ্যে মেমরি বিতরণ দেখায়।
  • টাইমলাইনে বরাদ্দ উপকরণ । বরাদ্দ টাইমলাইন সময়ের সাথে ইনস্ট্রুমেন্টেড জাভাস্ক্রিপ্ট মেমরি বরাদ্দ দেখায়। একবার একটি প্রোফাইল রেকর্ড করা হলে আপনি এটির মধ্যে বরাদ্দ করা বস্তুগুলি দেখতে একটি সময়ের ব্যবধান নির্বাচন করতে পারেন এবং রেকর্ডিং শেষ হওয়ার পরেও বেঁচে থাকে৷ মেমরি লিক বিচ্ছিন্ন করতে এই প্রোফাইল টাইপ ব্যবহার করুন.
  • বরাদ্দ স্যাম্পলিং । নমুনা পদ্ধতি ব্যবহার করে মেমরি বরাদ্দ রেকর্ড করে। এই প্রোফাইলের ন্যূনতম কর্মক্ষমতা ওভারহেড আছে এবং দীর্ঘ চলমান অপারেশনের জন্য ব্যবহার করা যেতে পারে। এটি জাভাস্ক্রিপ্ট এক্সিকিউশন স্ট্যাকের দ্বারা বিভক্ত বরাদ্দের ভাল অনুমান প্রদান করে।

আপনি এই প্রোফাইলগুলির প্রতিটি চালানোর জন্য একটি JavaScript VM উদাহরণ নির্বাচন করতে পারেন৷

আরও জানতে, দেখুন:

মেমরি প্যানেল খুলুন

মেমরি প্যানেল খুলতে:

  1. DevTools খুলুন
  2. টিপে কমান্ড মেনু খুলুন:
    • macOS: কমান্ড + শিফট + পি
    • উইন্ডোজ, লিনাক্স, ক্রোমওএস: কন্ট্রোল + শিফট + পি কমান্ড মেনু সহ
  3. memory টাইপ করা শুরু করুন, মেমরি দেখান নির্বাচন করুন এবং এন্টার টিপুন। DevTools আপনার DevTools উইন্ডোর উপরে মেমরি প্যানেল প্রদর্শন করে।

বিকল্পভাবে, আপনি নিম্নলিখিত উপায়ে মেমরি প্যানেল খুলতে পারেন:

  • উপরের অ্যাকশন বারে, double_arrow More প্যানেলে ক্লিক করুন এবং ড্রপ-ডাউন তালিকা থেকে মেমরি নির্বাচন করুন।
  • উপরের ডানদিকে কোণায়, more_vert আরও বিকল্প > আরও টুল > মেমরি নির্বাচন করুন।