GTMetrix, Google’ın Deniz Feneri Metriğini kullanmak için algoritmasını günceller
GTMetrix en popüler hız testi ve performans test araçlarından biridir. Bu, performansını test etmek için web sitenizi tarayın ve sorunlar için (varsa) özel öneriler sunar. Şimdiye kadar GTMetrix, web sitenizi yargılamak ve web performansı için en iyi uygulamayı önermek için modası geçmiş PagePeed ve YSLOW kütüphaneleri kullanıyor. Bu literatür, web sayfası hızınızı ne kadar iyi oluşturduğunuzu ve optimize ettiğinizi ölçmek için harika olsa da, bu kütüphane web sayfasının gerçek performansını ve gerçek kullanıcılar için yükleme hızını ölçmez. Bu zayıflığı çözmek için GTMetrix, Chrome Kullanıcı Deneyimi Raporları (Crux) tarafından sağlanan alan verilerini kullanan Google’ın en yeni deniz feneri metriğini kullanmak için algoritmasını günceller.
Yeni GTMetrix sürümü 16 Kasım 2020’de açıklandı. Yenileme, yeni bir performans puanı ve yapısı ile birlikte yeni GTMetrix sınıfını tanıttı. Bu makalede, Metrik Deniz Feneri’nin ana özelliklerini ve GTMetrix’in onu yeni raporuna nasıl entegre ettiğini inceleyeceksiniz. Kulağa ilginç geliyor mu? Başlayalım! GtMetrix nedir? GTMetrix, ücretsiz bir web sitesi hız testi ve performans testidir. Kanada merkezli yönetilen bir bulut barındırma şirketi olan Carbon60 tarafından inşa edildi. GTMetrix, çeşitli web performans standartlarını kullanarak web sayfalarını analiz eder ve kodu nasıl optimize edeceğiniz konusunda size çeşitli öneriler sunar.
En büyük içerikli kedi (LCP): Bu, web sayfalarınızı yükleme performansının algısını ölçer. Bu, sayfa kaydırmasının üzerindeki en büyük öğeyi oluşturmak için gereken zamandır. 2,5 saniyenin altındaki LCP skorları iyidir, ancak 4 saniyenin üzerinde ise kötü kabul edilir. İlk Giriş Gecikmesi (FID): Bu, web sayfalarınızın deneyimini ölçer. FID skorları 100 milisaniyeden daha az iyidir, ancak 300 milisaniyenin üzerinde ise kötü kabul edilir.
Kümülatif Düzen Değişimi (CLS): Bu, web sayfalarınızın görsel kararlılığını ölçer. CLS 0.1’den az puanlar hoş bir kullanıcı deneyimi gösterir, ancak 0.25 ve üstü kötüdür.
Temel web verilerini belirleyen metrikler de daha iyi kullanıcı deneyimini yansıtır. Google, Mayıs 2021’den itibaren temel web vitalleri puanının sayfa sıralama algoritmalarında önemli bir rol oynayacağını belirtti. Bu nedenle, bu puan WordPress siteniz için önemlidir.
GTMetrix ve Yeni Rapor Raporu Yeni Rapor Legacy GTMetrix yeni bir GTMetrix raporuna benzeyebilir, ancak benzerlik burada sona erer. Bu raporların her ikisi de hem odak hem de test yöntemleri açısından birbirinden çok farklıdır. Bunları bire birle karşılaştıralım ve farklılıkları kaydedelim. Takip etmenizi kolaylaştırmak için sayıları olan önemli bir alanı işaretleyeceğim. WP Rocket WP Home için GTMetrix Raporu
WP Rocket Home için yeni GT Metrix raporu ve iki rapor arasındaki farkın ayrıntılı açıklaması.
Eski rapor, PagePeed ve YSLOW kütüphanesine dayalı 2 harfli değerle bireysel performans puanlarını sıralar. Burada, odak sadece web sayfalarının yapısıdır. Yeni GTMetrix raporu, web sitesinin genel performansını yansıtan bir harf değerine sahip GTMetrix değeri verir. Burada web sayfalarının performansına ve yapısına göre puanların 2’sini görebilirsiniz. Performans puanları deniz feneri performans puanları ile orantılıdır, yapısal puanlar ise GTMetrix’in web sayfalarının en iyi uygulamaya ne kadar iyi uyduğuna dair değerlendirmesidir. Eski rapor, tam yükleme süresi, toplam sayfa boyutu ve istek sayısı gibi ham istatistiklerle sayfa ayrıntılarını gösterir. Bu istatistikler size sitenizdeki ziyaretçilerin ortalama deneyiminin bir resmini vermez. Yeni GTMetrix raporu, metrik çekirdek web verilerini gösteriyor: en büyük içerik boyası, toplam engelleme süresi ve kümülatif düzen kayması. Bu metrik, kullanıcının ziyaretçilerinize sunduğunuz deneyiminden daha adil bir temsildir. Deniz fenerinin ilk giriş gecikmesini (FID) ölçemeyeceğini lütfen unutmayın, çünkü kullanıcı girişi yoktur. Bu nedenle bu araç bir proxy olarak metrik toplam engelleme süresini (TBT) dikkate alır. TBT geliştiği sürece, FID’nin de aynı şeyi sahada yapması gerekir. Yeni GTMetrix raporu, eski raporlardan sekme özeti, performans ve yapı ile PagesPeed, YSLOW ve zamanlama sekmelerinin yerini alır. Tüm yeni sekmeleri daha sonra tartışacağım. Ana Sonuçlar sayfasında, eski rapor size eski PagesPeed kütüphanesine dayanan önerileri gösterir, ancak yeni GTMetrix raporu hız görselleştirmenin genel bir açıklamasını sağlar. Bu özet, kullanıcılara sayfayı açtıktan sonra ziyaretçilerinin deneyimleriyle ilgili metrikler hakkında daha fazla bağlam sağlar.
Gördüğünüz gibi, şelale grafikleri, birkaç benzer denetim ve öneriler ve belirli zamanlar gibi bazı benzerlikleri paylaşmanın yanı sıra her ikisi de farklıdır.
İşte 3 yeni sekme hakkında bazı ekran görüntüleri.
Yeni Özet sekmesi raporu GTMetrix Özet sekmesi, performans metriklerinin, yapının ve yük davranışının kapsamlı bir özetini görüntüler. Bu bilgiler sayesinde, web sitenizin ihtiyaç duyduğu ana performansı geliştirmenin ilk resmini alabilirsiniz. Yeni Performans GtMetrix sekmesi performansının iki parçası vardır: Performans Metriği ve Tarayıcı Zamanı. Tarayıcı Zaman Ayarı sekmesi, GTMetrix Legacy raporunun aynı sekmesiyle aynıdır. Deniz feneri performans verileri kullanılarak üretilen metriği görüntüleyen performans metriğine odaklanalım. Her biri kendi ağırlıklarına sahip bu altı metrik, GTMetrix sınıfında yer alan nihai performans puanlarını oluşturur.
Performans puanları en etkileyici GTMetrix’tir (%70), bu nedenle daha spesifik olarak öğrenmek önemlidir. Bu puan, sayfa performansınızın kullanıcının bakış açısından ne kadar iyi olduğunu gösterir. Bu, sayfaların ne kadar hızlı yüklendiğini (yükleme performansı), kullanıcının sayfalarla (etkileşim) ne kadar hızlı etkileşime girebileceğini ve sayfanın görsel olarak ne kadar kararlı olduğunu (görsel kararlılık) hesaplayan kullanıcı merkezli metrikleri dikkate alır. Performans puanının nasıl yapıldığını görmek için her bir metriğin ağırlığına ayrıntılı olarak bakalım. Yükleme performansı metriği toplam puanın%55’ine katkıda bulunur ve ilk içerikli boya (%15), hız endeksi (%15) ve en büyük içerikli boyayı (%25) içerir.
Etkileşim metriği toplam puanın%40’ıdır ve etkileşimli süreyi (%15) ve toplam engelleme süresini (%25) içerir. Son olarak, görsel stabilite toplam skorun% 5’ini hesaplar ve kümülatif bir düzen kayması (% 5) içerir. Bu metriğin birbirini etkileyebileceğini ve genel performans puanlarında değişikliklere neden olabileceğini bilmeniz gerekir. Performans ve hız endeksini içeren performans metriklerini içeren performans puanları için en alakalı olanıdır. İlk ve ana içerik yüklendiğinde ilk içerikli kedi ve en büyük kedi memnun odak noktası. Bu metrik ve özel makalemizde nasıl artırılacağı hakkında daha fazla bilgi edinebilirsiniz. Yükleme çalışmaları ayrıca hız endeksini de içerir. Hız endeksi, sayfanızın üst yarıda görsel olarak ne kadar hızlı bittiğini ölçer. Bu, sayfa yüklemesinin yüklenmesini, tüm içerik görünene kadar sayfa yükleme sırasında birkaç görsel çerçeve alarak analiz eder. Ardından, bu, içeriğin görüntülendiği ortalama süreyi verir. Zaman milisaniye cinsinden ifade edilir ve tarayıcı görünüm alanının boyutuna bağlıdır. Hız dizininiz iyi ise, kullanıcınız hızlı bir yükleme sayfasının tadını çıkarabilir ve harika bir kullanıcı deneyimine sahiptir. Bir örnek olarak, iyi bir hız endeksi 1.311 milisaniye veya daha azdır. Skor 1.311 ile 1.711 milisaniye arasındaysa, bazı iyileştirmeler düşünmelisiniz. 1.711 milisaniyenin üzerinde, puanınız önerilenden daha uzundur; 2.300 milisaniyenin üzerinde, önerilenden çok daha uzundur. Her iki durumda da, iyileştirme için mutlak bir ihtiyaç vardır.
Hız dizininiz yeterince iyi değilse, WP roket eklentisi, web sitenizi birkaç tıklamayla yükleme süresini artırmanıza yardımcı olacaktır. GTMetrix sekme yapısı raporunun yeni yapısı, sayfa yapısıyla ilgili çeşitli deniz feneri denetimleri için sonuçları gösterir. Denetim, sayfa performansında verebilecekleri en yüksek etkiye göre sıralanır. Onu genişletmek için her denetimi tıklayabilir ve hangi taleplerin etkisine katkıda bulunduğunu görebilirsiniz. GTMetrix’in özel değerlendirmesi ve denetimine dayanarak, yapısal puanlar sayfanızın performans açısından ne kadar iyi yapıldığını göstermektedir. Bu, GTMetrix sınıfının% 30’una katkıda bulundu. Sitenizi en iyi performans için optimize etmek için GTMetrix tarafından sağlanan tüm bilgileri kullanabilirsiniz. Tamamen Yüklü Zaman Vs. Tarihsel olarak en büyük memnun boya (LCP), tam yükleme süresi, site performansını ölçmek anlamına gelen bir metriktir. Ancak bu, kullanıcıların ekranlarında gördüklerinin tam bir resmini vermez. Örneğin, ağır web sayfalarına sahip modern siteler, önce en önemli web sayfalarını yüklemek ve daha sonra diğer tüm sayfa varlıklarını içermek için müşterinin yan oluşturma ve diğer web performans tekniklerinden yararlanabilir. Böylece, kullanıcılar sayfaları daha hızlı yükleyerek daha iyi kullanıcı deneyimleri üreteceklerdir.
Tam yükleme süresi metriği her zaman kullanıcı deneyiminin bir göstergesi değildir (kaynak: gtMetrix), W3 Web Performans Çalışma Grubu ve Google, web sitelerinin performansını ölçmek için daha doğru bir yol buldu. Cevap en büyük metrik boya metriğidir (LCP). En büyük içerik boyası, çekirdek web Vitals Metric (Kaynak: Google) LCP Metric’tir, tarayıcı görünüm alanında görülen web sayfasının en büyük metin görüntüsünü veya bloğunu oluşturmak için gereken süreyi ölçer.Google’a göre, iyi bir kullanıcı deneyimi sağlamak için LCP’nin yükleme sayfalarının ilk 2,5 saniyesinde gerçekleşmelidir.4 saniyeden fazla bir şey kötü bir kullanıcı deneyimidir, bu da Pentilang ve SEO cezalarının oranında bir artışa neden olur.Bu nedenle, yeni GTMetrix raporu, yükleme LCP ile dolu olduğunda metriğin yerini aldı.Yeni test alanı ve Pro paketi raporlarını metrik deniz feneri ile güncellemekle uyumlu olan GTMetrix, dünya çapında 15 yeni test yeri ekledi. Aslında, bu yeni konum yalnızca GTMetrix Pro kullanıcıları için kullanılabilir. Bu durumda, GTMetrix de yeni bir Pro paketi tanıttı. Onları blog duyurusunda okuyabilirsiniz. Yeni GTMetrix Report vs Web.dev/Pagespeed Insights Yeni GTMetrix özünde metrik deniz feneri tarafından desteklenmesine rağmen, tıpkı Web.dev ve PagePeed Insights gibi diğer performanslar gibi, bundan daha fazlası var. Bununla birlikte, GTMetrix’in deniz feneri ve test metodolojisini uygulama şekli, Google’ın yaptıklarından farklıdır. Bu nedenle, özellikle GTMetrix’teki sitenizi özel analizler, cihazlar ve konumlarla test ettiğinizde, sonuçlarda çeşitli farklılıklar olacaktır. Hız ve performans sarma, sitenize ziyaretçiler için hoş bir kullanıcı deneyimi sunmanın önemli bir yönüdür. Bu, ziyaretçilerinizin site içeriğinizi tüketmeye sınırlı dikkatlerini harcamasını ve sayfanın yayınlanmasını beklemek için boşa harcamamasını sağlar. Siteniz önde başarısız olursa, zorlukla elde edilen ziyaretçileriniz sıçrayacaktır. Yukarıda belirtildiği gibi Google, Mayıs 2021’de temel web veri metriğini bir sıralama faktörü olarak kullanmaya başlayacaklarını açıklamıştır. Ya geliştirici, pazarlamacı veya site sahibisiniz, sitenizi bu performans metriği için optimize etmeye öncelik verin. Web performansını optimize eden manzaradaki değişikliği fark eden GTMetrix, sitenizi test etmenizi ve optimize etmenizi kolaylaştırmak için algoritmasını günceller.