GTMetrix raporunu nasıl okur ve sitenizin hızını analiz edebilirsiniz
GTMetrix, sitenizin performansını ölçmek açısından PagePeed Insights için en iyi alternatiflerden biridir. WP Rocket’te, müşterilerimizin sitelerini denetlemelerine ve önerilerini en iyi şekilde kullanmalarına yardımcı olmak için diğer performans test araçlarıyla birlikte GTMetrix’i her gün kullanıyoruz. PagePeed çoğunlukla kullanıcılara önerileri ile rehberlik etmek için renk ve puan üzerine odaklanırken, GTMetrix, şelalenin ana rolü oynadığı daha klasik bir arayüze dayanır. Bazı ayar seçenekleri (test sunucusu alanı, tarayıcı türü vb.) Tam ve güvenilir GTMetrix ile deneyim kazanır.
Bu öğreticide GTMetrix hakkında daha fazla bilgi edineceğiz ve bunun neden web sitenizin gerçek performansını değerlendirmek için çok geçerli bir araç olduğunu anlayacaksınız. GtMetrix nedir ve nasıl çalışır? GTMetrix, Vancouver, Kanada merkezli bir barındırma şirketi olan GT.NET’ten insanlar tarafından yapılan ücretsiz performans test aracıdır. Özel bir, toplama ve kişisel barındırma çözümü ve performansa adanmış özel cihazlar sağlarlar: aralarında GTMetrix var. GTMetrix ile bir performans testi yapmadan önce önerdiğimiz ilk şey, ücretsiz bir hesap oluşturmaktır.
Masaüstü için Firefox
Masaüstü için krom
Android için Chrome (Galaxy Nexus)
Google, hücresel öncelik veren dizinlemeye geçtikten sonra mevcut bağlantı, sitenizin çeşitli ağ türlerindeki performansının nasıl farkında olduğunun farkında. GTMetrix size bazı olasılıklar verir:
Sınırsız bağlantı
Geniş bant (yavaş, hızlı ve normal)
3G telefon
2g cep telefonu
LTE hücresel
56k arayın
Reklam bloğu Bu seçenekle reklamların siteniz üzerindeki etkisini görebilirsiniz. ADBlock seçeneğini kontrol ettiğinizde, GTMetrix reklam engellendiğinde URL’nizi tarar.
Smashing dergisi sitesini kullandıkları GTMetrix sitesinde gerçek vaka örneklerini kontrol edebilirsiniz. Bu yükleme testi, aktif olmayan ağın 2 saniyesi yerine (GTMetrix için varsayılandır ve tamamen yüklü bir süre olarak adlandırılır) doğru hız testini durdurur. Onload olayı, tüm sayfa işlemenin tamamlandığı ve tüm sayfa kaynaklarının indirildiği zamandır. Bu seçeneği kullanan rahatsızlık, bazen, tüm sayfa öğeleri, giriş olayı etkinleştirilmeden önce indirilmez (JavaScript tabanlı atlıkarınca veya benzer davranışları düşünün), sonuç olarak, bu seçenek etkinleştirildiğinde ölçülen sayfanın yükleme süresi Mayıs tutarsız olun. Bu nedenle, varsayılan olarak GTMetrix, tam zamanlı doldurulmuş olanı göz önünde bulundurarak sitenizi test edecektir: Onload olayının etkinleştirilmesini beklemek (reklamlar ve daha düşük yarım ömrü öğeleri dahil) ve daha sonra ağın 2 saniye aktif olarak beklemesini bekleyin. Web sitelerinin tam zamanlı olarak gösterilenden daha kısa sürede mükemmel bir şekilde kullanılabileceğini düşünmek önemlidir. Bir video oluşturun Sayfanızın nasıl düzgün yüklendiğini görmek istiyorsanız, video seçeneğini etkinleştirebilirsiniz.
GTMetrix, sayfanızın 4 kat daha yavaş yüklendiğini göreceğiniz videoyu kaydedecektir, bu nedenle sonunda ortaya çıkan yükleme sorunlarını algılamak daha kolay olacaktır. GTMetrix sekmesini nasıl okur ve GTMetrix raporunu başlattıktan sonra sonuçları yorumlar, sitenizin performansı hakkındaki tüm bilgileri görürsünüz. Her şeyden önce, seçtiğiniz test seçeneklerinin bir özeti var:
GTMetrix ile ilgili eğlenceli olan şey, PagesPeed ve YSLOW gibi diğer test cihazlarından türetilen metrikler de dahil olmak üzere çeşitli metrik türlerini görmenizi sağlayandır. Bu nedenle soldaki harici performans puanını göreceksiniz (GTMetrix kendinizi saymıyor) ve sağdaki sayfa ayrıntıları: Sayfa ayrıntıları, web sitenizin performansı hakkında sahip olabileceğiniz en önemli ve doğrudan bilgilerdir:
Tam zamanlı doldurulur, saniyeler içinde ifade edilir MB’de toplam sayfa boyutu İstek sayısı http
Bu, sitenizin performansının nasıl olduğunu anlamak için iyi bir başlangıçtır. Kılavuzumuzda WordPress için sayfa hızının optimizasyonu hakkında açıkladığımız gibi, farklı hız araçları yükleme süresi veya farklı performans sonuçları sağlayabilir. Bu ifade kısa sürede GTMetrix sekmesini görünce netleşti. Aşağıda PagesPeed sekmesindeki önerilerin bir listesi:
Ve bu, aynı web sitesi, YSLOW sekmesi altında puanlama:
Sitenizin performansını ayrıntılı olarak daha ayrıntılı olarak dalmak için GTMetrix Şelale Grafiğine dalış, üçüncü sekmeyi tıklamanız ve GTMetrix Şelale grafiğini okumalısınız. Şelale grafiği, her isteği inceleyerek ve zamanı ölçerek sayfanızı yükleme davranışını açıklar. Test edilen sayfalarda yer alan her komut dosyasını, medya dosyasını veya harici kaynakları içerir.
Bu sekme, sayfanız tarafından hangi kaynakların yüklendiğini ve hangi sırayla bulmak için çok kullanışlıdır. Her istek için, yatay çubukla temsil edilen yükleme süreniz var: bıçak ne kadar uzun olursa, indirmek/yürütmek için daha yavaş zaman. GTMetrix Şelale Grafiği beş sütun içerir; soldan sağa: İstenen kaynaklardan dosya adları; http yanıt durumu sunucudan kaynağa döndürülür; Kaynakların kaynaklandığı orijin dosyaları;
Her kaynak için dosya boyutu;
Her kaynağı indirmek/yürütmek için gereken süreyi temsil eden yükleme süresi bozulması.
Kaynak: Blog GTMetrix Dosya adını yönlendirirseniz, seçilen dosyanın tam yolunu okuyabilirsiniz. Ctrl+tıklarsanız, içeriği daha iyi tanımlamak ve görmek için dosyayı başka bir sekmede açabilirsiniz.
WordPress kullandığınız için, dosyanın kullandığınız eklentilerden veya temalardan birinden gelip gelmediğini anlamak kolay olacaktır. Bu noktada, sitenizin performansının ne kadar iyi olduğuna dair çok net bir resme sahipsiniz. Açık zamanın ayrıntılarına devam etmeden önce, dördüncü sütuna, dosya boyutuna dikkat edin. Burada büyük dosyanın boyutunu görürseniz, dosyayı kaydedin ve düzeltmeye çalışın: Bu bir resim mi yoksa video mu? Bu durumda, görüntüleri optimize edeceğiniz ve dosya boyutunu nasıl azaltacağınızla ilgili tam kılavuzumuza bakın. GTMetrix tarafından tasarlanan renk kodu yükleme süresinin detayları, her bir kaynak için yükleme işleminin çeşitli bölümlerini ayırt etmek için kullanışlıdır. İmlecin her bir kaynak için yükleme çubuğuna yönlendirilmesi, fazın farklı renklerde ifade edilen kaynakları yükleme işleminden farklı olduğu bir pop-up açacaktır:
Blok için Çikolata
DNS araması için deniz mavisi Bağlanmak için Yeşil
Nakliye için kırmızı Beklemek için Mor
Gray alacak
Her istek yürütme aşamasının göreceli süresine ek olarak, GTMetrix ayrıca belirli başarılar sırasında belirli bir zaman olan olayların zamanını da gösterir. Olay süresi ayarı için bir renk kodu da vardır: Yeşil çizgi, ilk oluşturmanın sayfada başladığı zamanı gösterir (ilk boya);
Mavi çizgi, tarayıcının DOM’u hazırladığı zamanı gösterir.
Kırmızı çizgi, sayfa ve tüm bileşenlerin tarayıcı tarafından indirilip işlendiği zamandır.
Mor çizgi ile tam yüklü bir olay görüyoruz: onload etkinleştirildi ve 2 saniye boyunca ağ etkinliği yok.
Bu satırlardan bazıları, zamanlamalar olarak etiketlenen bir sonraki GTMetrix sekmesinde de görüntülenir. Zaman Ayarları sekmesi Bu sekme çok yararlıdır, çünkü sayfanızın yükleme süresinin bölündüğü çeşitli anların net ve görsel bir açıklamasını sağlar. Yukarıdaki resimde dahil edilen bilgileri görebilirsiniz. Sonunda transfer, bağlantı ve arka uç süresi için gereken sürenin bir göstergesi olacak. Ardından, ilk baytların ne kadar süresinin süresini, ardından etkileşimli zaman DOM, ilk boya, içerikli boya, DOM yüklü ve yüklendiğini görebileceksiniz. Bu sekmenin çoğunu sevdiğimiz şey, GTMetrix ekibinin her bir metriğin anlamını basit İngilizce olarak açıklamak için nasıl zaman aldığıdır. Karmaşık yükleme sürecinde ilk temele sahip olmak çok yararlı! GTMetrix raporunun son iki sekmesi video ve geçmiştir. Sayfanızın (trafik sıkışıklığı dahil) ilk kayıt video yüklemesi, ikincisi ise aynı sayfa geçmişini gösterir.
Bu makalede, alternatif (veya birlikte) bir sayfa içgörü olarak kullanabileceğiniz en iyi performans test araçlarından biri olan GTMetrix’i biliyorsunuz.GTMetrix ile ilgili iyi bir şey, sadece hız ve anlık performansın bir göstergesi değil (saniyeler içinde yükleme süresi ve puanlar gibi) değil, aynı zamanda keşfetmek için bir dizi kapsamlı sekme: şelale grafiğinden Etkinlik süresi, sekme zamanına, artı performans göstergelerinin birçok büyük içgörü ve açıklaması.Şimdi devam etme ve diğer performans test araçları hakkında bilgi edinme zamanı ve nasıl kullanılır: Pingdom vs GtMetrix vs WebPagetest: Fark nedir?
Neden Pagespeed Insights’ı önemsemelisiniz?
Pagespeed Insights tarafından yeni bir deniz feneri denetimi nasıl okunur
Web sitesi sayfalarınızı doğru yükleme süresini nasıl ölçülür
