নেটওয়ার্ক প্যানেল: নেটওয়ার্ক লোড এবং সংস্থান বিশ্লেষণ করুন

ডেল সেন্ট মারথে
Dale St. Marthe

পেজ লোড বিশ্লেষণ করতে এবং নেটওয়ার্ক রিসোর্স পরিদর্শন করতে নেটওয়ার্ক প্যানেল ব্যবহার করুন।

সংক্ষিপ্ত বিবরণ

নেটওয়ার্ক প্যানেল আপনাকে নিম্নলিখিত সুবিধাগুলো দেয়:

নেটওয়ার্ক প্যানেলের সর্বাধিক ব্যবহৃত কিছু ফিচার সম্পর্কে জানতে ‘Inspect network activity’ টিউটোরিয়ালটি দেখুন।

নেটওয়ার্ক প্যানেলটি খুলুন

নেটওয়ার্ক প্যানেলটি খুলতে, DevTools খুলুন এবং তারপর উপরের অ্যাকশন বারে অবস্থিত Network-এ ক্লিক করুন।

বিকল্পভাবে, কমান্ড মেনুর মাধ্যমে নেটওয়ার্ক প্যানেল খুলতে এই ধাপগুলো অনুসরণ করুন:

  1. ডেভটুলস খুলুন
  2. নিম্নলিখিত বোতাম টিপে কমান্ড মেনু খুলুন:
  3. ম্যাকওএস: কমান্ড + শিফট + পি
  4. উইন্ডোজ, লিনাক্স, ক্রোমওএস: কন্ট্রোল + শিফট + পি কমান্ড মেনু সহ
  5. Network টাইপ করা শুরু করুন, Show Network panel নির্বাচন করুন এবং Enter চাপুন।

নেটওয়ার্ক কার্যকলাপ রেকর্ড করুন

আপনি যখন DevTools খোলেন , ততক্ষণ পর্যন্ত DevTools খোলা থাকলে নেটওয়ার্ক রিকোয়েস্টগুলো স্বয়ংক্রিয়ভাবে নেটওয়ার্ক প্যানেলে রেকর্ড হয়ে যায়।

রেকর্ডিং করার পাশাপাশি আপনি নিম্নলিখিত কাজগুলো করতে পারেন:

নেটওয়ার্ক অনুরোধগুলি পরিদর্শন করুন

সমস্ত নেটওয়ার্ক অনুরোধ প্যানেলের কেন্দ্রে অবস্থিত 'অনুরোধ' টেবিলে নথিভুক্ত করা হয়।

ডিফল্টরূপে প্রদর্শিত কলাম এবং আপনি যোগ করতে পারেন এমন অতিরিক্ত কলামগুলো সম্পর্কে আরও জানতে, ‘অনুরোধের লগ দেখুন’ দেখুন।

অনুরোধটির নামটিতে ক্লিক করলে সেই অনুরোধ সম্পর্কিত অতিরিক্ত তথ্যসহ ট্যাবগুলো দেখা যাবে, যার মধ্যে নিম্নলিখিত বিষয়গুলো অন্তর্ভুক্ত রয়েছে:

  • হেডার : নির্বাচিত রিসোর্সের HTTP হেডারসমূহ।
  • পেলোড : একটি অনুরোধের কোয়েরি স্ট্রিং প্যারামিটার এবং ফর্ম ডেটা।
  • প্রিভিউ : এইচটিএমএল-এর একটি প্রাথমিক উপস্থাপনা।
  • প্রতিক্রিয়া : নির্বাচিত রিসোর্সটির এইচটিএমএল সোর্স কোড।
  • প্রবর্তক : যার কারণে একটি রিসোর্সের জন্য অনুরোধ করা হয়েছে।
  • সময় : নির্বাচিত রিসোর্সের নেটওয়ার্ক কার্যকলাপের বিশদ বিবরণ।
  • কুকি : একটি অনুরোধ এবং তার প্রতিক্রিয়ার কুকি।

নেটওয়ার্ক অনুরোধগুলি ফিল্টার এবং সাজান

নেটওয়ার্ক প্যানেলটি আপনাকে রিকোয়েস্ট টেবিলে অনুরোধগুলি সাজানোর দুটি উপায় দেয়:

Requests টেবিলে অনুরোধগুলি ফিল্টার করার কয়েকটি উপায় নিচে দেওয়া হলো:

সমস্ত রিসোর্সের HTTP হেডার এবং রেসপন্সে কোনো নির্দিষ্ট স্ট্রিং বা রেগুলার এক্সপ্রেশন কীভাবে অনুসন্ধান করতে হয় তা জানতে, “সার্চ নেটওয়ার্ক হেডারস অ্যান্ড রেসপন্সেস” দেখুন।

লোডিং আচরণ পরিবর্তন করুন

নেটওয়ার্ক প্যানেলে লোডিং আচরণ পরিবর্তন করে আপনার পেজের ইউজার এক্সপেরিয়েন্স পরীক্ষা করুন।

নেটওয়ার্ক প্যানেল ব্যবহার করে আপনি নিম্নলিখিত কাজগুলো করতে পারেন:

নেটওয়ার্ক অনুরোধ ডেটা সংরক্ষণ এবং রপ্তানি করুন

নেটওয়ার্ক অনুরোধ ডেটা সংরক্ষণ ও রপ্তানি করতে, নিম্নলিখিতগুলি দেখুন: