GTmetrix Rehberi

GTmetrix, web sitenizin performansını analiz eden ve hızını artırmanıza yardımcı olan güçlü bir araçtır. Bu rehberde GTmetrix’in temel özelliklerini, nasıl kullanılacağını ve yaygın hataların nasıl düzeltileceğini anlatacağım.

GTmetrix Nedir?

Gtmetrix, web sitelerinin performansını ölçen ve optimize etmenize yardımcı olan ücretsiz bir araçtır. Web sitenizin yükleme hızını, sayfa boyutunu ve diğer önemli metrikleri analiz ederek sitenizin kullanıcı deneyimini ve arama motoru sıralamalarını geliştirmenize yardımcı olur.

GTmetrix Hesabı Oluşturma ve Site Analizi

Adım 1: Hesap Oluşturma

  • GTmetrix’in resmi web sitesine gidin.
  • Ücretsiz bir hesap oluşturun. Ücretli sürüm, daha detaylı analizler ve ek özellikler sunar.
gtmetrix kayıt ekranı

Kayıt olduktan sonra Account tıklandığında hesabınıza ait bilgiler çıkacaktır.

Bizi esas ilgilendiren kısım Analysis Options alanıdır.

GTmetrix’e üye olmadığınız takdirde, analizler sadece Vancouver, Kanada üzerinden yapılır. Bu durum, bulunduğumuz lokasyon açısından doğru sonuçlar vermez. Üyelik ile London, UK lokasyonunu seçerek, daha doğru ve güvenilir analiz sonuçları elde edebilirsiniz çünkü bu konum bize daha yakındır.

Adım 2: Site Analizi Yapma

  • Ana sayfadaki analiz kutusuna web sitenizin URL’sini girin.
  • “Analyze” butonuna tıklayın.
Gtmetrix analiz

GTmetrix Raporunu Anlama

gtnetrix analiz verisi

Performans Skorları

Summary:

GTmetrix’in “Summary” (Özet) sekmesi, web sitenizin performansıyla ilgili genel bir bakış sunar. Bu sekme, temel performans metriklerini ve iyileştirme önerilerini içerir.

Speed Visualization:

Bu özellik, web sitenizin yükleme hızını görsel olarak analiz etmenize olanak tanır.

hız görselleştirmesi

Page Details:

Bu sekme, web sitenizin yapısal iyileştirmelerini gösterir.

Fully Loaded Time:

Sayfanın tamamen yüklenme süresi.

Total Page Size:

Sayfanın toplam boyutu.

Requests:

Sayfanın yüklenmesi için yapılan istek sayısı.

hız ve performans

Hız ve Performans Metrikleri

Bu sekme, web sitenizin performansını yüzde olarak gösterir.

performans skoru

Performans sekmesinde, GTmetrix Lighthouse Performans verilerini kullanır.

First Contentful Paint

İlk İçerik Boyama (FCP), ziyaretçilerin sayfanızda gerçek içeriği (metin, resim, video vb.) ne kadar hızlı görebildiğini ölçen bir performans metriğidir.

Time to Interactive

Time to Interactive (TTI), bir sayfanın yükleme tepki verimliliğini ölçen ve sayfanın etkileşimli gibi görünmesine rağmen aslında öyle olmadığı durumları belirlemeye yardımcı olan bir performans metriğidir.

Speed Index

Speed Index (SI), sayfanızın üst kısmında (above-the-fold) görsel olarak ne kadar hızlı tamamlandığını ölçen bir performans metriğidir.

SI, tarayıcı görünüm alanının boyutuna bağlı olarak değişir ve First Contentful Paint (FCP) veya Largest Contentful Paint (LCP) gibi diğer metriklerden farklıdır çünkü sayfanın yükleme zaman çizelgesinde bir kilometre taşı değildir.

Bunun yerine, sayfanın yükleme davranışını kare kare analiz ederek ziyaretçinin sayfa deneyimini yansıtan bir hesaplama sonucudur.

SI, diğer sayfa yükleme süreleriyle sıkı bir şekilde ilişkilidir. Bu, web sitenizin performansını bütünsel olarak değerlendirmek için kullanışlı bir genel ölçüdür.

Total Blocking Time

Total Blocking Time (TBT), 2020 yılında Lighthouse Performansı metrikleri arasına katılan bir ölçümdür ve sayfanızın kullanıcı girişlerine tepki verme süresini nicelendirir.

En basit haliyle, TBT, web sayfanızın kullanıcının sayfa ile etkileşimde bulunmasını engelleyen sürelerin toplamını ölçer.

Bu ölçüm, Web Yaşam Belirtileri’nden biridir ve PageSpeed Insights’te gördüğümüz yalnızca alan bazlı First Input Delay (FID) metriğinin yerine geçmiştir.

Largest Contentful Paint

TBT, 2020 yılında Lighthouse Performans metriklerine eklenen bir ölçüdür. Sayfanızın kullanıcı girişimlerine ne kadar hızlı yanıt verdiğini ölçer. Daha basit bir ifadeyle, TBT, web sayfanızın kullanıcının etkileşimde bulunmasını engelleyen toplam takılma süresini ölçer.

TBT, Web Vitals adı verilen önemli metriklerden biridir ve PageSpeed Insights’ta kullanılan FID (First Input Delay) ölçümünün yerini almıştır. FID, yalnızca gerçek kullanıcı deneyimini ölçen bir metrikkenken, TBT laboratuvar ortamında da ölçülebilir. Bu da geliştiricilerin sayfa yükleme performansını daha kolay optimize etmelerine olanak tanır.

Cumulative Layout Shift

CLS, Google’ın Web Vitals adı verilen ve web’de harika bir kullanıcı deneyimi sunmaya odaklanan girişiminin temel metriklerinden biridir. Diğer Web Vitals metrikleri gibi, CLS de sayfanın yüklenme hızı ve etkileşimli hale gelmesi için geçen süre gibi kullanıcı deneyimini etkileyen faktörleri ölçer. Düşük bir CLS puanı, sayfanızın kullanıcılar için daha kullanışlı ve keyifli olduğunu gösterir.

Structure (Sayfa Yapısı)

Show Audits Relevant to (İlgili Denetimleri Göster) sekmesinde

ilgili denetimler

FCP tıkladığımızda yukarıdaki gibi denetimler yer almaktadır.

Reduce unused CSS: Web sayfalarının daha hızlı yüklenmesi için kullanılmayan CSS kodlarının temizlenmesi ve sayfanın ilk görünen kısmı için gerekli olmayan CSS kodlarının ertelenmesini önermektedir. Bu sayede kullanıcılar daha hızlı bir şekilde içeriğe erişebilir.

Dikkat: Çoğu sitede bu işlemin sayfa hızını düşürdüğü ve hatalara yol açtığı gözlemlenmiştir. Bu nedenle, bu işlemi uygulamadan önce dikkatli olunması ve test edilmesi önerilir.

Avoid chaining critical requests:

Bu analiz, sayfa görüntülenirken hangi kaynakların önce yüklendiğini gösteriyor. Bu sayede, sayfanın içeriğini kullanıcıya daha hızlı göstermek için öncelikli olarak yüklenmesi gereken öğeleri belirlemenize yardımcı olur.

  • Kaynaklar: Web sayfanızın görüntülenmesi için gerekli olan dosyalar, resimler, kodlar gibi öğelerdir.
  • Yüklenme: Bu öğelerin internet üzerinden bilgisayarınıza alınması işlemidir.
  • Öncelikli: Bu, tarayıcının bazı öğeleri diğerlerinden daha önce yüklemesi anlamına gelir.
  • İçerik: Sayfanın üzerinde gördüğünüz yazı, resim, video gibi bölümlerdir.

Reduce initial server response time (İlk sunucu yanıt süresini azaltın)

İlk Sunucu Yanıt Süresini (TTFB) Azaltma

TTFB (Time to First Byte), bir kullanıcının tarayıcısının bir web sitesine istek göndermesi ile sunucunun ilk bayt veriyi göndermesi arasındaki geçen süreyi ölçer. Düşük bir TTFB değeri, daha hızlı bir sayfa yükleme süresi ve daha iyi bir kullanıcı deneyimi anlamına gelir.

TTFB’yi nasıl azaltabilirsiniz?

TTFB’yi optimize etmek için yapabileceğiniz birçok şey var:

  • Daha hızlı bir barındırma sağlayıcısına geçin: Barındırma sağlayıcınızın sunucuları eski veya aşırı yüklenmişse, bu TTFB’nizi önemli ölçüde etkileyebilir. Daha hızlı ve daha güvenilir bir barındırma sağlayıcısına geçmek, TTFB’nizi azaltmada uzun bir yol kat edebilir.
  • Sunucu önbelleğini kullanın: Sunucu önbelleği, statik dosyaların (resimler, CSS, JavaScript) bir kopyasını sunucunuzda saklayarak bunların her istekte yeniden yüklenmesini önler. Bu, TTFB’yi önemli ölçüde azaltabilir.
  • Veritabanınızı optimize edin: Veritabanınız yavaşsa, bu TTFB’nizi de etkileyebilir. Veritabanınızda sorguları optimize etmek, gereksiz dizinleri kaldırmak ve veritabanınızı düzenli olarak yedeklemek ve optimize etmek gibi adımlar atabilirsiniz.
  • Kodunuzu optimize edin: Kodunuz şişkin veya verimsizse, bu TTFB’nizi de etkileyebilir. Kodunuzu gözden geçirerek gereksiz kodları kaldırabilir, kodunuzu daha küçük hale getirebilir ve daha verimli algoritmalar kullanabilirsiniz.
  • Resimlerinizi optimize edin: Resimler web sayfalarında önemli yer kaplar ve TTFB’yi etkileyebilir. Resimlerinizi sıkıştırarak, dosya boyutlarını küçülterek ve web siteniz için uygun boyutlarda kullanarak TTFB’yi optimize edebilirsiniz.
  • Bir içerik dağıtım ağı (CDN) kullanın: Bir CDN, statik dosyalarınızı dünyanın her yerindeki sunuculara dağıtarak kullanıcıların bunlara daha hızlı erişmesini sağlayabilir. Bu, TTFB’yi özellikle dünya çapında birçok kullanıcınız varsa önemli ölçüde azaltabilir.

SIKÇA SORULAN SORULAR

GTmetrix raporunda yer alan performans skorları ne anlama geliyor?

GTmetrix raporunda yer alan performans skorları, web sitenizin belirli performans metriklerine göre puanlamasını gösterir. Bu skorlar, sayfa yükleme hızı, içerik görselleştirme süresi, etkileşimli hale gelme süresi gibi faktörlere dayanır ve sitenizin performansını genel bir bakışla değerlendirmenizi sağlar.

GTmetrix raporunda “Fully Loaded Time” ne anlama geliyor?

“Fully Loaded Time”, web sayfanızın tamamen yüklenme süresini gösterir. Yani, tüm içeriklerin (resimler, metinler, videolar vb.) tarayıcıda görüntülenebilir hale gelmesi için geçen süreyi ifade eder.

GTmetrix raporunda “Total Page Size” ve “Requests” nedir?

“Total Page Size”, web sayfanızın toplam boyutunu MB cinsinden gösterir. Bu boyut, sayfanızın tüm kaynaklarının (HTML, CSS, JavaScript dosyaları, görseller vb.) toplam boyutudur. “Requests” ise, sayfanızın yüklenmesi için tarayıcı tarafından yapılan toplam istek sayısını ifade eder. Her istek, bir kaynağın (dosya, resim, yazı tipi vb.) sunucudan tarayıcıya indirilmesi anlamına gelir.

About the author
benimseom

Yorum yapın