Ağ paneli: Ağ yükünü ve kaynakları analiz etme

Dale St. Marthe
Dale St. Marthe
LinkedIn

Sayfa yüklemesini analiz etmek ve ağ kaynaklarını incelemek için Ağ panelini kullanın.

Genel Bakış

Ağ paneli şunları yapmanıza olanak tanır:

En sık kullanılan Ağ paneli özelliklerinden bazılarını inceleyen rehberli bir eğitim için Ağ etkinliğini inceleme bölümüne göz atın.

Ağ panelini aç

Ağ panelini açmak için Geliştirici Araçları'nı açın, ardından üstteki işlem çubuğunda yer alan Ağ'ı tıklayın.

Alternatif olarak, Ağ panelini Komut menüsü aracılığıyla açmak için şu adımları uygulayın:

  1. Geliştirici Araçları'nı açın.
  2. Şu tuşlara basarak Komut menüsünü açın:
  3. macOS: Command+Üst Karakter+P
  4. Windows, Linux, ChromeOS: Control+Üst Karakter+P Komut Menüsü
  5. Network yazmaya başlayın, Ağ panelini göster'i seçin ve Enter tuşuna basın.

Ağ etkinliğini kaydet

Geliştirici Araçları'nı açtığınızda, Geliştirici Araçları açık olduğu sürece ağ istekleri Ağ paneline otomatik olarak kaydedilir.

Kaydetmeye ek olarak aşağıdakileri de yapabilirsiniz:

Ağ isteklerini inceleme

Tüm ağ istekleri, panelin ortasındaki İstekler tablosuna kaydedilir.

Varsayılan olarak görüntülenen sütunlar ve ekleyebileceğiniz diğer sütunlar hakkında daha fazla bilgi edinmek için İstek günlüğünü görüntüleme bölümüne bakın.

Bir istekle ilgili aşağıdakiler de dahil olmak üzere ek bilgilerin yer aldığı sekmeleri görmek için isteğin adını tıklayın:

  • Üst bilgiler: Seçilen kaynağın HTTP üstbilgileri.
  • Yük: Bir isteğin sorgu dizesi parametreleri ve form verileri.
  • Önizleme: HTML'nin temel bir şekilde oluşturulması.
  • Yanıt: Seçilen kaynağın HTML kaynak kodu.
  • Başlatan: Bir kaynağın istenmesinin nedeni.
  • Zamanlama: Seçilen kaynak için ağ etkinliğinin dökümü.
  • Çerezler: Bir isteğin ve yanıtının çerezleridir.

Ağ isteklerini filtreleme ve sıralama

Ağ paneli, İstekler tablosundaki istekleri sıralamak için size iki yol sunar:

Aşağıda, İstekler tablosunda istekleri filtrelemenin çeşitli yolları açıklanmıştır:

Belirli bir dize veya normal ifade için tüm kaynakların HTTP üstbilgilerinde ve yanıtlarında nasıl arama yapacağınızı öğrenmek üzere Arama ağı üstbilgileri ve yanıtları başlıklı makaleyi inceleyin.

Yükleme davranışını değiştir

Ağ panelinde yükleme davranışını değiştirerek sayfanızın kullanıcı deneyimini test edin.

Ağ panelini kullanarak aşağıdakileri yapabilirsiniz:

Ağ isteği verilerini kaydedin ve dışa aktarın

Ağ isteği verilerini kaydetmek ve dışa aktarmak için aşağıdakilere bakın: