HAR (HTTP Archive Format) Nedir?

HAR (HTTP Archive Format) Nedir?

Bu yazıda HAR dosyaları ile ilgili aşağıdaki alt başlıklar ele alınacaktır.

  1. HAR Dosyası Nedir, Ne Değildir?
  2. HAR Dosyası Ne İşe Yarar?
  3. HAR Dosyalarını Neden Kullanmalıyız?
  4. HAR Dosyası Kaydı Oluşturma
  5. HAR Dosya Formatını Nasıl Açmalıyız?

HAR Dosyası Nedir, Ne Değildir?

HAR (HTTP Archive Format) istemci ve sunucu arasında birçok tarayıcı (IE, Firefox, Chrome, Safari vb.) üzerinden oturum verilerini kaydeden JSON arşiv dosya formatıdır. HAR, ağ ortamında gönderici ve alıcı arasında iletişim gerçekleşirken HTTP oturum verileri olan HTTP response ve request headerlarını bulundurur. HAR dosya formatının uzantısı .har’dır.

HAR Dosyası Ne İşe Yarar?

HAR dosyası, tarayıcı sekmesi tarafından yapılan tüm web isteklerinin bilgilerini kaydetmek için kullanılır.

Bu dosya formatı, ortaya çıkacak darboğaz (bottleneck) ve güvenlik açıklarının sistem uzmanları, geliştiriciler veya güvenlik testi yapan kişilerce tespit edilmesini sağlayan bir formattır.

HAR Dosyalarını Neden Kullanmalıyız?

Kullanıcılarımızın web sitelerinin performans problemlerini, verilerin aktarım hızının düşmesine sebep olan darboğazlar (bottleneck), yavaş yüklenme süreleri ve bilgisayarın işlemcisine çok fazla yük bindirmeye sebep olan sayfa render işlem süreleri olarak sıralayabiliriz.

Bu problemlere çözüm olarak kullanıcılarımızın site performanslarının verimliliğini en kısa sürede çözebilmek için HAR dosyaları kontrol edilmelidir.

HAR dosyalarını iyi analiz etmemiz için aşağıdaki adımları doğru uygulamamız gerekmektedir.

HAR Dosyası Kaydı Oluşturma

Analiz işlemi için öncelikle tercih ettiğiniz tarayıcının farklılığına göre HAR dosyası oluşturmak gerekmektedir.

Bazı tarayıcılar için Har Dosyası kaydı oluşturma işlemleri aşağıda belirtilmiştir.

Google Chrome’da Har Dosyası Kaydı Oluşturma

Belirli bir URL için Google tarayıcısında HAR dosyası oluşturmak için aşağıda belirtilen adımları takip edelim.

  1. Chrome tarayıcınızı açın ve problemin oluştuğu web sayfaya tıklayınız
  2. Geliştirici aracını (inspect element) açınız. (Windows için kısayol: CTRL+Shift+i, Mac için CMD+alt+i)
  3. Network (Ağ) kısmını seçiniz
  4. Kaydı başlatmak için panelin sol kısmına gidin. Burada küçük yuvarlak kırmızı bir buton vardır.

(UYARI : Belirtilen yuvarlak buton kırmızı ise kaydetmeye başlamıştır.Bu nedenle butonun üzerine tıklamanıza gerek yoktur.Eğer gri renkte ise butonun üzerine basıp başlatmanız gerekmektedir.)

Preverse log’un yanındaki kutucuğu (Disable Cache) olarak işaretleyin.

  1. Tutulan herhangi log kayıtlarını silmek için “Clear butonu”na tıklayınız.

  1. Yukarıda belirtilen görseldeki gibi istediğiniz içeriği kaydetmek için sağa tıklayıp “HAR Dosyası olarak kaydet”e tıklayın.

Firefox’da HAR Dosyası Oluşturma

  1. Firefox tarayıcınızı açın ve problemin oluştuğu web sayfaya tıklayınız.
  2. Geliştirici aracını(inspect element) açınız(Windows için kısayol: CTRL+Shift+i, Mac için CMD+alt+i).
  3. Ağ(Network) sekmesine tıklayınız
  4. Sayfayı yenilemek için F5 tuşuna basınız.
  5. İstediğiniz içerik için sağ tıklayın ve “Tümünü HAR File Olarak Kaydet” seçeneğine tıklayın.
  6. Hedeflenen dosyayı seçin ve kaydedin.

Safari’de HAR Dosyası Oluşturma

  1. Safari tarayıcınızı açın ve problemin oluştuğu web sayfaya tıklayınız.
  2. Sayfayı inceleyebilmek için kısayol olarak Option+Command+i ’tuşlarına basınız.
  3. Network (Ağ) sekmesine gelip herhangi bir problem yaşanan içeriğini “Har olarak dışa aktar.” seçeneğine tıklayınız.

Internet Explorer’da HAR Dosyası Oluşturma

  1. Internet Explorer tarayıcınızı açın ve problemin oluştuğu sayfaya tıklayınız.
  2. Klavyenizde F12 tuşuna basınız.
  3. Ağ sekmesine tıklayınız.
  4. Ağ istekleri kaydetmek için bir dosya adı verin ve bir .har dosyası veya .xml uzantılı olarak ‘Kaydet’ ikonuna tıklayın.
  5. HAR dosyanızı HTTP Archive Viewer aracı yardımıyla analiz edebilirsiniz.

har file

HAR dosya formatını nasıl açmalıyız?

HAR dosyalarının içeriklerinin görüntülenmesine Har Viewer aracı (tool) yardımcı olur. Har Viewer sayesinde tarayıcı tarafından tutulan günlük dosya kayıtları, HTTP request (istek) ve response (yanıt) başlık bilgileri incelenebilir. HAR dosya içeriklerini görüntüleyebilmeniz için Chrome kullanıyorsanız HTTP Archive Viewer eklentisini, kullanmıyorsanız online Viewer araçlarını kullanabilirsiniz.

Har dosyalarının içeriğini görüntülemek için belirlenen iki adımı uygulayınız.

  1. Kaydettiğiniz HAR dosyasını görüntüleyebilmek için HAR Viewer aracında “Choose File” butonuna tıklayınız veya dosyanın içeriğini boş kutucuğa kopyalayarak görüntüleyebilirsiniz.

HAR file

  1. HAR Viewer’da HTTP oturum verilerini görüntüleyebilmek için “Inspect” tabını seçiniz.

HAR file

ucretsiz deneme

You may be interested

İmaj Optimizasyonu Nedir ve Web Sitelerinin Daha Hızlı Yüklenmesini Nasıl Sağlar?
Uncategorized
80 kişi okudu
Uncategorized
80 kişi okudu

İmaj Optimizasyonu Nedir ve Web Sitelerinin Daha Hızlı Yüklenmesini Nasıl Sağlar?

omer - Ekim 25, 2019

Günümüzde her önde gelen teknoloji şirketi, Amazon, eBay, Facebook ve Google da dahil olmak üzere imaj optimizasyonunu ciddiye alıyor. Sizce neden? Çünkü imaj optimizasyonunun sayfa yükleme hızına…

Medianova’nın En Yeni CDN Teknolojisi: Virtualized CDN (vCDN)
Uncategorized
85 kişi okudu
Uncategorized
85 kişi okudu

Medianova’nın En Yeni CDN Teknolojisi: Virtualized CDN (vCDN)

omer - Ekim 21, 2019

vCDN (sanallaştırılmış CDN), konteynerize fonksiyonlarıyla geleneksel CDN’lere kıyasla yüksek performans ve çevik hizmetler sunan bir platformdur. vCDN’i daha iyi anlamak için öncelikle CDN ile ilgili kavramları hatırlayalım.…

Medianova EdgeCache™ Teknolojisi Nedir ve Nasıl Çalışır?
Uncategorized
98 kişi okudu
Uncategorized
98 kişi okudu

Medianova EdgeCache™ Teknolojisi Nedir ve Nasıl Çalışır?

omer - Ekim 8, 2019

Medianova EdgeCache™ Teknolojisi Nedir ve Nasıl Çalışır? Sürekli daha etkin bir performans ve kaynak kullanımı için uğraştığımız için, yararlanabileceğimiz yeni teknolojileri durmadan araştırıyoruz. Bu kez, markamız olarak…

Most from this category