পৃষ্ঠা লোড বিশ্লেষণ এবং নেটওয়ার্ক সংস্থান পরিদর্শন করতে নেটওয়ার্ক প্যানেল ব্যবহার করুন৷
ওভারভিউ
নেটওয়ার্ক প্যানেল আপনাকে অনুমতি দেয়:
- নেটওয়ার্ক কার্যকলাপ রেকর্ড
- নেটওয়ার্ক অনুরোধগুলি পরিদর্শন করুন
- ফিল্টার এবং বাছাই নেটওয়ার্ক অনুরোধ
- সার্চ নেটওয়ার্ক হেডার এবং প্রতিক্রিয়া
- লোডিং আচরণ পরিবর্তন করুন
- নেটওয়ার্ক অনুরোধ ব্লক করুন
- নেটওয়ার্ক শর্ত পরিবর্তন করুন
- ডিবাগ
prefetch
স্পেকুলেশন নিয়ম - HTTP প্রতিক্রিয়া শিরোনাম ওভাররাইড করুন
- ওয়াইল্ডকার্ড অক্ষর সহ একাধিক URL এর জন্য হেডার ওভাররাইড করুন।
- নেটওয়ার্ক অনুরোধের ডেটা সংরক্ষণ এবং রপ্তানি করুন
সর্বাধিক ব্যবহৃত নেটওয়ার্ক প্যানেল বৈশিষ্ট্যগুলির কিছু অন্বেষণ করার জন্য একটি নির্দেশিত টিউটোরিয়ালের জন্য নেটওয়ার্ক কার্যকলাপ পরিদর্শন করুন।
নেটওয়ার্ক প্যানেল খুলুন
নেটওয়ার্ক প্যানেল খুলতে, DevTools খুলুন এবং তারপরে শীর্ষে অ্যাকশন বারে অবস্থিত নেটওয়ার্কে ক্লিক করুন।
বিকল্পভাবে, কমান্ড মেনুর মাধ্যমে নেটওয়ার্ক প্যানেল খুলতে এই পদক্ষেপগুলি অনুসরণ করুন:
- DevTools খুলুন ।
- টিপে কমান্ড মেনু খুলুন:
- macOS: কমান্ড + শিফট + পি
- উইন্ডোজ, লিনাক্স, ক্রোমওএস: কন্ট্রোল + শিফট + পি
-
Network
টাইপ করা শুরু করুন, নেটওয়ার্ক প্যানেল দেখান নির্বাচন করুন এবং এন্টার টিপুন।
নেটওয়ার্ক কার্যকলাপ রেকর্ড
আপনি যখন DevTools খুলবেন , নেটওয়ার্ক প্যানেলে নেটওয়ার্ক অনুরোধগুলি স্বয়ংক্রিয়ভাবে রেকর্ড করা হবে, যতক্ষণ না DevTools খোলা থাকে।
রেকর্ডিং ছাড়াও, আপনি নিম্নলিখিতগুলি করতে পারেন:
- নেটওয়ার্ক অনুরোধ রেকর্ডিং বন্ধ করুন .
- অনুরোধ টেবিল থেকে সব অনুরোধ সাফ করুন .
- পৃষ্ঠা লোড জুড়ে অনুরোধ সংরক্ষণ করুন .
- একটি অফলাইন অভিজ্ঞতা অনুকরণ করুন ৷
- ধীরগতির নেটওয়ার্ক সংযোগ অনুকরণ করুন ।
নেটওয়ার্ক অনুরোধগুলি পরিদর্শন করুন
সমস্ত নেটওয়ার্ক অনুরোধ প্যানেলের কেন্দ্রে অনুরোধ টেবিলে লগ ইন করা হয়।
ডিফল্টরূপে প্রদর্শিত কলাম এবং আপনি যোগ করতে পারেন এমন অতিরিক্ত কলাম সম্পর্কে আরও জানতে, অনুরোধের একটি লগ দেখুন দেখুন।
নিম্নলিখিত সহ অনুরোধের অতিরিক্ত তথ্য সহ ট্যাবগুলি দেখতে একটি অনুরোধের নামে ক্লিক করুন:
- শিরোনাম : নির্বাচিত সংস্থানের HTTP শিরোনাম।
- পেলোড : একটি অনুরোধের ক্যোয়ারী স্ট্রিং প্যারামিটার এবং ফর্ম ডেটা।
- পূর্বরূপ : HTML এর একটি মৌলিক রেন্ডারিং।
- প্রতিক্রিয়া : নির্বাচিত সম্পদের HTML সোর্স কোড।
- সূচনাকারী : কি কারণে একটি সংস্থান অনুরোধ করা হয়েছে।
- সময় : নির্বাচিত সম্পদের জন্য নেটওয়ার্ক কার্যকলাপের একটি ভাঙ্গন।
- কুকিজ : একটি অনুরোধের কুকি এবং তার প্রতিক্রিয়া।
ফিল্টার এবং বাছাই নেটওয়ার্ক অনুরোধ
নেটওয়ার্ক প্যানেল আপনাকে অনুরোধ টেবিলে অনুরোধগুলি সাজানোর দুটি উপায় দেয়:
অনুরোধের সারণীতে অনুরোধ ফিল্টার করার বিভিন্ন উপায় নিচে দেওয়া হল:
- বৈশিষ্ট্য দ্বারা ফিল্টার অনুরোধ
- টাইপ দ্বারা ফিল্টার অনুরোধ
- সময় অনুসারে অনুরোধগুলি ফিল্টার করুন
- ডেটা URL লুকান
- এক্সটেনশন URL লুকান
- অবরুদ্ধ প্রতিক্রিয়া কুকি সহ শুধুমাত্র অনুরোধগুলি দেখান৷
- শুধুমাত্র অবরুদ্ধ অনুরোধ দেখান
- শুধুমাত্র তৃতীয় পক্ষের অনুরোধ দেখান
সার্চ নেটওয়ার্ক হেডার এবং প্রতিক্রিয়া
একটি নির্দিষ্ট স্ট্রিং বা রেগুলার এক্সপ্রেশনের জন্য HTTP শিরোনাম এবং সমস্ত সংস্থানগুলির প্রতিক্রিয়াগুলি কীভাবে অনুসন্ধান করবেন তা শিখতে, অনুসন্ধান নেটওয়ার্ক শিরোনাম এবং প্রতিক্রিয়াগুলি দেখুন।
লোডিং আচরণ পরিবর্তন করুন
নেটওয়ার্ক প্যানেলে লোডিং আচরণ পরিবর্তন করে আপনার পৃষ্ঠার ব্যবহারকারীর অভিজ্ঞতা পরীক্ষা করুন।
নেটওয়ার্ক প্যানেল ব্যবহার করে আপনি নিম্নলিখিতগুলি করতে পারেন:
- ব্রাউজার ক্যাশে নিষ্ক্রিয় করে প্রথমবারের দর্শকদের অনুকরণ করুন
- ম্যানুয়ালি ব্রাউজার ক্যাশে সাফ করুন
- ব্রাউজার কুকিজ ম্যানুয়ালি সাফ করুন
- অফলাইনে অনুকরণ করুন
- একটি ধীর নেটওয়ার্ক সংযোগ অনুকরণ
- HTTP প্রতিক্রিয়া শিরোনাম ওভাররাইড করুন
- ব্যবহারকারী এজেন্টকে ওভাররাইড করুন
নেটওয়ার্ক অনুরোধের ডেটা সংরক্ষণ এবং রপ্তানি করুন
নেটওয়ার্ক অনুরোধের ডেটা সংরক্ষণ এবং রপ্তানি করতে, নিম্নলিখিতগুলি দেখুন: