Google PageSpeed ​​Insights sonuçları nasıl analiz edilir?

Google, hızlı web sitelerine bir sıralama artışı sağlayacağından, muhtemelen Google PageSpeed ​​bilgileri hakkında daha fazla bilgi edinmek ister misiniz?

…Ve şaşırmadım çünkü kafa karıştırıcı!

Bu makale yardımcı olacaktır.

Web sitesi sayfa hızı neden önemlidir?

Google, kullanıcılara mümkün olan en iyi kullanıcı deneyimini sunmak istiyor.

Web siteniz yavaşsa, kullanıcıları hayal kırıklığına uğratır ve kötü bir kullanıcı deneyimi yaratır. Bu kadar basit. Performans, deneyimi etkiler.

Google kısa süre önce, temel web hayati değerlerinin 2021'deki sıralama algoritmasının bir parçası olarak kullanılacağını duyurdu. Bu temel web hayati değerleri, hızın ve insanların sayfanızla ne kadar hızlı etkileşime girebileceğinin göstergeleridir.

Temel olarak aşağıdaki tablo için 'kırmızı' olamazsınız

Google PageSpeed ​​Insights nedir?

Google tarafından sağlanan ve bir web sayfası URL'si girmenize ve performansla ilgili çeşitli metrikleri kontrol etmek için hızla bir test çalıştırmanıza olanak tanıyan ücretsiz bir araçtır.

Araç daha sonra sayfanıza 0 ile 100 puan arasında bir puan verir. Skor gerçekten hız ile ilgili değil. Google'ın hızı artırmayla ilgili tipik önerilerini kullandıysanız, puanınızı artırabilirsiniz.

Ayrıca, sayfanızı yavaşlatan tam parametreleri ve onu nasıl daha iyi hale getireceğinize dair önerileri gösterir.

Burası işlerin teknikleştiği ve sonuçların anlaşılmasının biraz zorlaştığı yerdir.

Sonuçları nasıl yorumluyorsunuz?

Bir testi çalıştırdıktan sonra gördüğünüz ilk şey, analiz edilen sayfanın performans puanıdır (masaüstü ve mobil).

Bu 0 ile 100 arasında bir sayı olacaktır.

• 0 ila 49 – Bu kötü, puanınızın 49 veya altında olmasını istemezsiniz
• 50'den 89'a - Bu sorun değil, ancak iyileştirme için yer var
• 90'dan 100'e - Bu ölçekte iseniz, iyi kitaplardasınız.

Aşağı kaydırdıkça, yüksek veya düşük puana neyin neden olduğunu göreceksiniz:

Not: Her bölümden önceki renk göstergelerine bakın:

• Yeşil hızlı demektir
• Turuncu ılımlı demektir
• Kırmızı yavaş demektir

Bu bölümlerin her birinin anlamı şudur:

İlk İçerikFul Paint

Bu, gezinmeden tarayıcıdan bir sayfaya, içeriğin oluşturulmaya başladığı zamana kadar geçen süredir.

Temel olarak, sayfanın yüklenmeye başladığının bir göstergesidir.

Örneğin, yalnızca sayfanın arka plan rengi olan bir renk değişikliği, görüntülenen bir resim veya bir metin parçası olabilir.

Bu önemlidir, çünkü bir kullanıcı bir işlem gördüğünde, sayfa tamamen yüklenene kadar bekleme olasılığı daha yüksektir.

Yönerge:

Etkileşim zamanı

Bu parametre, bir sayfanın ne kadar hızlı etkileşimli hale geldiğini gösterir.

Bu, kullanıcıların gerçekten etkileşimde bulunabilmeleri için ekranda yeterli öğeleri gösteren sayfa anlamına gelir, örneğin bir menü düğmesine tıklayın.

Bazen web siteleri görünürlüğe odaklanabilir, yani kullanıcı için sinir bozucu olabilecek içerikle etkileşime geçmeden önce her şeyin görüntülenmesini sağlayabilir.

Yönerge:

Toplam Engelleme Süresi

Web sitesi ziyaretçinizin ekranda içeriği gördüğü zaman ile onunla etkileşime girebilecekleri zaman arasında bir boşluk vardır.

Bu toplam engelleme süresidir!

Web sitesi etkileşimli hale gelmeden önce insanların fare tıklaması, ekrana dokunma veya anahtar kelime basma gibi şeyleri yapıp yapamayacağını bilmek güzel.

Uzun görevler, sizi 50 ms'den fazla engelleyen görevlerdir.

50 ms'nin üzerindeki herhangi bir şey, engelleme süresi olarak kabul edilir.

Uzun görevler yoksa, yukarıdaki istatistiklerde gördüğünüz gibi 0 engelleme süresi göreceksiniz.

Kümülatif Düzen Kayması

Bir düzen kayması, ekranda bir görsel öğenin görüntülenmesi ancak ardından hareket etmesidir.

Örneğin, haberleri okuyorsunuz ve bir düzen kayması var, bu yüzden haber makalesinin bulunduğu yer değişti.

Bu, kullanıcının bakış açısından beklenmeyen bir davranıştır.

Puan ne kadar yüksek olursa, o kadar kötü olur.

Hız Endeksi

Bu anlaşılması zor ama değerli bir şey.

Her ikisi de 1,5 saniyede yüklenen 2 web sitesi hayal edin.

Yukarıdaki resimde gösterilen 2 web sitesine göz attıysanız, hangisi daha hızlı yüklenir?

Her ikisi de 1.5 saniyede tamamen yüklendi, ancak ilk site bazı öğeleri daha önce göstermeye başladığından, kullanıcıya daha hızlı göründü.

Sadece yükleme süresini ölçerseniz, bunlar aynıdır.

Hız endeksi, bir web sitesinin tam olarak ne kadar 'hızlı' yüklendiğine bağlı olarak hesaplanmış bir puandır.

Bitler yüklendiğinde görsel olarak göstermek için yükün bir video kaydı kullanılır.

Çeşitli aralıklarla ekranda (ekranın üst kısmında) görünen içerik miktarı, o belirli zaman için görüntülenen içeriğin yüzdesini bulmak için tam olarak yüklenmiş bir web sitesinde görüntülenen içerikle karşılaştırılır.

Bu işlem birkaç kez tekrarlanır.

Süre, yalnızca kullanıcının ekranda (görüntü alanı) görebildiklerini temel alır. Altında ne olduğu önemli değil.

Yani…farklı bakış açılarıyla denemek güzel.

2 web siteniz varsa ve biri görsel öğeleri diğerinden önce gösteriyorsa, daha düşük bir hız indeks puanı ile sonuçlanacaktır.

Ne kadar düşükse o kadar iyi.

En büyük içerikli boya

Bu, sayfanın en büyük öğesinin tam olarak oluşturulması için geçen süredir.

Sayfa yüklendiğinde ilk öğe en büyük öğe olur, ancak daha büyük öğeler eklendikçe bu öğe değiştirilir.

Bir sayfanın son öğesi, sayfanın en büyük öğesi olabilir (örneğin büyük bir resim) veya olmayabilir.

Not: Ekranda ne kadar yer kapladığından bahsetmiyoruz.

İşte 2 örnek.

Web sitesinin görüntülenmeye başladığı andan sayfadaki son görüntünün görüntülendiği zamana kadar geçen süre, en büyük içerikli boya olarak kabul edilir. Bunun nedeni, görselin sayfadaki en fazla gayrimenkulü kaplamasıdır!

Fakat…

Aşağıdaki durumda, 'Instagram' resmi, gösterilen en büyük resimdi, bu nedenle en büyük içerikli boya, ikinci son ekran yüklendiğinde.

Son ekran indirimlidir. Bu ekrana eklenen tek şey, 'Instagram'dan daha küçük bir resim olan 'Google oynat düğmesi' idi.

Google'a göre, iyi bir kullanıcı deneyimi sağlamak istiyorsanız LCP, sayfanın ilk yüklenmeye başlamasından itibaren 2,5 saniye içinde gerçekleşmelidir.

Yönerge:

Fırsatlar

Fırsatlar bölümü, sayfa yükleme süresini iyileştirmeye yardımcı olabilecek önerileri gösterir.

Her öneri, aynı zamanda, öneriyi uyguladıysanız, sayfanın yüklenme süresindeki tahmini azalmayı da gösterir.

teşhis

Tanılama, web geliştirmede uygulamayı düşünmeniz gereken en iyi uygulamaları vurgular.

Ancak, bu iyileştirmeleri yapsanız bile, bunlar sayfa Performans puanınızı doğrudan etkilemeyecektir.

Özet

Web sitenizin hızını artırmak, ziyaretçilere daha iyi bir deneyim sunmakla ilgilidir. Hızlı yüklenen bir siteye sahip olmak hem kullanıcıları hem de arama motorlarını daha mutlu eder, ancak aynı zamanda ziyaretçileri müşterilere dönüştürme yeteneğinizi de etkiler.

Google PageSpeed ​​Insights gibi bir araç, web sitenizin performansını artırmak için nereden başlayacağınızı ve hangi konulara odaklanacağınızı gösterdiği için inanılmaz derecede faydalıdır.

Umarım bu makale, bu aracın nasıl çalıştığını ve test sonuçlarının gerçekte ne anlama geldiğini anlamanıza yardımcı olmuştur, böylece ziyaretçileriniz için harika bir deneyim yaratmak için web sayfalarınızı optimize etmeye başlayabilirsiniz.