Panel jaringan: Menganalisis beban dan resource jaringan

Dale St. Marthe
Dale St. Marthe

Gunakan panel Jaringan untuk menganalisis pemuatan halaman dan memeriksa resource jaringan.

Ringkasan

Panel Jaringan memungkinkan Anda:

Lihat Memeriksa aktivitas jaringan untuk tutorial terpandu yang menjelajahi beberapa fitur panel Jaringan yang paling umum digunakan.

Membuka panel Jaringan

Untuk membuka panel Jaringan, buka DevTools, lalu klik Jaringan yang terletak di panel tindakan di bagian atas.

Atau, untuk membuka panel Jaringan melalui Menu perintah, ikuti langkah-langkah berikut:

  1. Buka DevTools.
  2. Buka Menu perintah dengan menekan:
  3. macOS: Command+Shift+P
  4. Windows, Linux, ChromeOS: Control+Shift+P Menu Perintah dengan
  5. Mulai ketik Network, pilih Tampilkan panel Jaringan, lalu tekan Enter.

Merekam aktivitas jaringan

Saat Anda membuka DevTools, permintaan jaringan akan otomatis dicatat di panel Jaringan, selama DevTools terbuka.

Selain merekam, Anda dapat melakukan hal berikut:

Memeriksa permintaan jaringan

Semua permintaan jaringan dicatat dalam tabel Requests di bagian tengah panel.

Untuk mempelajari lebih lanjut kolom yang ditampilkan secara default dan kolom tambahan yang dapat Anda tambahkan, lihat Melihat log permintaan.

Klik nama permintaan untuk melihat tab dengan informasi tambahan tentang permintaan tersebut, termasuk hal berikut:

  • Header: Header HTTP dari resource yang dipilih.
  • Payload: Parameter string kueri dan data formulir permintaan.
  • Pratinjau: Rendering dasar HTML.
  • Response: Kode sumber HTML dari resource yang dipilih.
  • Pemrakarsa: Penyebab resource diminta.
  • Pengaturan waktu: Perincian aktivitas jaringan untuk resource yang dipilih.
  • Cookie: Cookie permintaan dan responsnya.

Memfilter dan mengurutkan permintaan jaringan

Panel Jaringan memberi Anda dua cara untuk mengurutkan permintaan di tabel Permintaan:

Berikut adalah beberapa cara untuk memfilter permintaan di tabel Permintaan:

Untuk mempelajari cara menelusuri header dan respons HTTP dari semua resource untuk string atau ekspresi reguler tertentu, lihat Menelusuri header dan respons jaringan.

Mengubah perilaku pemuatan

Uji pengalaman pengguna halaman Anda dengan mengubah perilaku pemuatan di panel Jaringan.

Dengan menggunakan panel Jaringan, Anda dapat melakukan hal berikut:

Menyimpan dan mengekspor data permintaan jaringan

Untuk menyimpan dan mengekspor data permintaan jaringan, lihat artikel berikut: