Google pagespeed insights nedir içeriğimizde detaylı olarak işlevlere bakacağız.
PageSpeed Insights aracını ve bunun gibi alternatifleri değerlendireceğiz.
Kısaca başlayalım, Google PageSpeed Insights aracı, adıyla kullandığımız üzere bir Google aracıdır.
Araç web sitelerinin hız metriklerini test etmeye yarar.
Detaylı olarak hız değerleri Mobil hız, Masaüstü hız değerlerini veriyor.
Google yeni güncellemesi ile birlikte web sitelerinin hız değerlerini bir sıralama faktörü olacağını söyledi.
Ve bunun için Core Web Vitals güncellemesini yayınlayarak hız metriklerini takip etmeye başladı.
Hem SEO hem de Kullanıcı Deneyimi için artık web sitenizin hızlı olması gerekmekte.
Araç hız metriklerini vermekle kalmayıp sitenizin eksiklerini belirtiyor.
Google PageSpeed Insights Nedir ?
İçerikler
PageSpeed aracı genelinde web sitelerinin hızlarını ölçen ve buna göre bir skor veren araçtır.
Bu araç Google tarafından geliştirilmiş ve geliştirilmeleri Google tarafından güncel olarak yapılmaktadır.
Aracı güncel olarak Webmasterlar, WordPress tasarımcıları ve diğer kullanıcılar tarafından oldukça fazla kullanılmaktadır.
Aracın eksikleri olmasına rağmen metrikler Google tarafından kabul edilir, analiz sonucu sitenizin eksikleri ve artılarını söyleyen kısımlar karşınıza çıkar.
Üstte bulunan görseldeki gibi hız verilerinizin ölçümüne karşılık hız notunuz karşınıza çıkmakta.
Buna göre 49 ve altı not sitenizin çok yavaş olduğunu belirtmekte, bir diğer 50 ve üstü not ise sitenizin hızının orta düzeyde olduğunu söylemekle.
Birlikte yine de sitenizin yavaş olduğunu belirtiyor, 89 ve üstü not ise hız metriklerinizin, web sitenizin geçer not aldığını söylemekte.
Küçük bir liste yaptığımızda şöyle :
- 49 ve Altı Çok Yavaş
- 50 den 89’ya kadar Orta hızda yine de yavaş
- 90 ve Üstü Hızlı olarak kabul edilir.
PageSpeed aracı ile istediğiniz web sitenin hızını test edebilirsiniz işte bizim hız metriklerimiz :
Gördüğünüz üzere veriler mevcut, bu veriler site yanıt hızlarını ve yüklenme süresini göstermekte not bakacak olduğumuzda ise geçer not alıyor :
Mobil hızımız 97 yani geçer not alıyor zaten bu yazıyı okuyorsanız hem size bir şey katıyordur.
Hem web sayfamız hızlıdır, hem de SEO uyumlu olarak hazırlanmıştır bunları yaptığımızda zaten ziyaretçiler sizi buluyor Google sizi değerlendiriyor.
Google’ın hız konusunda birden fazla aracı bulunmakta fakat en detaylı aracı PageSpeed.
CSS sorunları, JavaScript Sorunları HTML sorunlarını da test etmekte, bu konular hakkında sizlere bilgi vererek sorunları çözmenize de yardımcı oluyor.
Tabi ki PageSpeed aracının ölçümleri oldukça kaliteli bu yüzden metriklere dikkat etmek gerekiyor gelin metrikler ne işe yarar nasıl test edilir göz atalım.
First Contentful Paint Nedir:
First Contentful Paint Nedir açıklayalım, ilk zengin içerikli boyama olarak ekrana ilk gelen resimler içinde bulunan yükleme sürelerini hedef almakta.
Önemi web sitenizin ilk girişinde en fazla etkileyen konu içerisinde bulunmakta.
Bir siteye girdiğiniz resmin çerçevesi yeri diğer verileri yüklendikten hemen sonra resmin boyaması FCP “First Contentful Paint” tarafından yapılmakta.
Performans için çok önemli ve değerlidir, bu verinin düşük olması gerekmektedir.
Time To İnteractive Nedir:
Time To İnteractive Nedir, kısmında web sitemizin kullanıcı tarafından etkileşime hazır olma süresi geliyor yani web sitesi yüklenip, kullanıcının içeriği gezme tıklama işlemleri yapmasını sağlayacak süreyi test ediyor.
Kullanıcı deneyimi açısından oldukça önemli olduğunu vurgulamakta fayda var, bir kullanıcı sitenize girdiğinde sitenizin açılmasını 2 saniyeden fazla beklemiyor ve direkt olarak çıkıyorlar, tabi ki bunu bizler de yapıyoruz.
Çıkıp bir sonraki içeriğe girerek içeriği inceliyoruz yazar bize gereken herşeyi veriyorsa okuyoruz vermiyorsa yine çıkıyoruz.
Bu yüzden dikkat edilmesi gereken bir veridir.
Speed Index Nedir Ne İşe Yarar ?
Speed Index Nedir, Speed Index web sitenizde bulunan kısımların ne kadar hızlı yüklendiği açtığımız bir sayfada görsellerin içinin ne kadar hızlı doldurulduğunu açıklar.
Doldurulan içerik veya görsel direkt olarak kullanıcıya sunulduğu için ve hız testi aracındaki diğer metrikler ile eşzamanlı yürütüldüğü için önemlidir.
Lighthouse aracı görselin bir videosunu kare kare çekerek, görselin kareler içerisinde ne kadar ilerlediğini hesaplar ve sonuç olarak karşımıza sunar.
Önemli bir metriktir dikkat edilmelidir, Hız endeksi olarak da bilinir, hızlandırmak için JavaScript yürütme süresini azaltmak gerekir ve diğer gereksinimleri ayarlamak gerekir.
Total Blocking Time Nedir :
Bir işlemin görev süresi 50 ms (mili saniye)’yi geçtiğinde.
FCP “First Contentful Paint” ile “Time To İnteractive” etkileşime hazır olma süresi arasındaki tüm dönemlerin milisaniye cinsinden toplamı olarak karşımıza çıkıyor.
TBT’nin ölçtükleri kullanıcının işlem yapmasına izin verme (fare ile tıklama, sayfayı aşağıya kaydırma, klavyeye basma) site içi etkileşimlerini ölçer.
Diğer tüm kullanıcı etkileşim engelleme işlemlerini ölçer, 50 ms’den uzun süren herhangi bir görev uzun görev olarak nitelendirilir.
Lighthouse, 70 ms den uzun bir görev analiz ettiğinde, engelleme kısmı 20 ms olarak gösterilir.
Hesaplamalar yapılıp sonuç çıkar, çıkan sonuca göre puan verilir.
TBT mobil cihazlarda farklı olarak hesaplanır.
Milyonlarca web sitesi testlerden geçer ve ortalama hız tespit edilir buna yönelik ortalama olması gereken hız, verimli ve verimsiz olarak hesaplanıp sonuç olarak karşımıza çıkar.
HTTP arşivlerinden hesaplanarak alınan sorgular belirlenen sonuçlar ile kıyaslanıp yine sonuç ekranında kullanıcıya açılır.
Largest Contentful Paint Nedir Ne İşe Yarar ?
Largest Contentful Paint Nedir, Türkçesi “En Büyük Zengin İçerikli Boya” olarak nitelendirilir.
İşlevi web sitenizde en büyük metnin veya resmin boyandığı zamanı işaret eder ve yüklenme süresine göre sonuç çıkarılır.
Web sitede bulunan ana içeriğin kullanıcıya ne zaman sunulacağını test eder.
Ana sayfanın içeriğinin ne zaman yüklendiğini anlamak web geliştiricileri ve webmasterlar tarafından zor olduğu için geliştirilmiş.
Ve kullanıma Lighthouse ile sunulmuştur.
Ölçümler karışık ve sunulması zor olduğu bir çok kişi tarafından bilinir.
Buna karşılık hız metriklerindeki eksikliği doldurmak için Lighthouse tarafından geliştirilmeler yapılmış ve kullanılmaktadır.
W3C Web Performansı Çalışma grubu ile Google’ın düşüncelerine göre, ana içeriği ölçmenin en iyi yolu “LCP” olduğu yönde açıklanmakta ve uygulanmakta.
Cumulative Layout Shift Nedir :
Cumulative Layout Shift Nedir, dediğimizde en önemli kısımlar arasında bulunur, Kullanıcı deneyimi için çok önemlidir.
Ana sayfada aniden bir şey değiştiğinde bu metrik bunları kaymasını ve diğer olayları inceler.
Önemli olmasının sebebini bir video ile açıklayalım.
Görselde göründüğü gibi bir kişiye site içerisinde bildirim geliyor ve gelen bildirimde 56 adet ürünün indirimde olduğu söyleniyor.
Ve sipariş verme butonu ile hayır teşekkürler butonu ekranına geliyor.
Kullanıcı düşünürken hemen üstten bildirim geliyor tam da kullanıcı kararını verecekken Siparişi onayla düğmesine tıklayarak ürün sipariş ediyor.
CLS düzen kayması olarak nitelendiriliyor ve büyük bir kullanıcı sorunu olarak nitelendiriliyor.
Google tabi ki bunun olmasını istemiyor.
Pagespeed insights nedir öğrendik ve karşımıza çıkan metrikleri öğrendik diğer konulara göz atalım.
Önemli PageSpeed Test Araçları :
- GTmetrix
- WebPageTest
- Google PageSpeed
bu 3 araç en çok kullanılanlar içerisinde.
Web siteniz WordPress ile tasarlanmış fakat siteniz yavaş ise buradaki WordPress Site Hızlandırma yazımızdan web sitenizin hızını arttırabilir.
Aşağıya eklediğimiz videodan sitenizin hızını arttırabilirsiniz.
Pagespeed insights nedir öğrendik gelelim aracımızın diğer kaliteli hız testi aracı alternatiflerine göz atalım.
Hız Testi Aracı GTmetrix :
GTmetrix aracı web sitenizi farklı farklı testlere tabi tutarak size geri bildirim veriyor.
Geri bildirime göre sitenizin giriş süresini yüklenen ilk görselleri detaylı olarak gösteriyor.
Hız skorunu rakam ile vermek yerine “A, B” gibi notları vermekte, buna karşılık önemli 5 veriyi de test sonrası ekranında ilk olarak karşınıza çıkartıyor :
Performansın ve ilk büyük boyalı içeriğin yüklenme süresini de göstermekte.
Daha fazla detayı GTmetrix’in üst kısımda verdiğimiz web sitesinden veya buradan kopyalayıp giderek https://gtmetrix.com/ web sitenizin hızını test edebilir.
Ve detaylı rapor ile web sitenizin hızını eksiklerini görüntüleyebilirsiniz.
Bir diğer hız testi aracı olan WebPageTest‘e geçiyoruz.
Detaylı Hız Testi Aracı : WebPageTest.Org
WebPageTest benim de çok beğendiğim detaylı raporlar ve WordPress desteği ve güvenlik önerileri ile Webmasterlara detaylı sonuç sunan bir araç kullanmanızı tavsiye ederim.
Bu kaliteli araç sitenizin hızının nerelerden yavaşladığını nerelerden sorun çıktığını ve güvenlik gereksinimlerinin ne düzeyde olduğunu GTmetrix aracı gibi “A, B” harfleri ile yapıyor.
Sitenizin hızı çok iyiyse örnek puanlama şöyle oluyor “A+++” veya “A++” olarak gösteriliyor.
WebPageTest aracı web sitenizi Chorme tarayıcı botundan test ediyor. Test sonucunda birden fazla veri ile karşımıza çıkıyor :
Görselde gördüğümüz üzere Security Score, First Byte Time, Cache Static Content, Compress images, diğer kısımlarla birlikte bir test sunmakta.
Görselde işaretlenmiş kısımlardan herhangi bir skorun üstüne tıkladığımızda detaylı olarak bilgi veriyor ve grafik veriyor.
Diğer araçlarda bulunmayan “Güvenlik Skoru” ile de daha fazla web siteniz hakkında geri bildirim sağlıyor.
Görselde “D” notu almış olan “First Byte Time” ilk aktarılan bayt’ın yüksek olduğunu söylüyor. Üzerine tıklayalım ve inceleyelim.
Tıkladığımızda karşımıza küçük bir kısım çıksa da Learn More kısmına tıkladığımızda sorunun nedenlerini ortaya çıkartan Google makalesini karşımıza çıkartıyor.
Sorunun sebebi sunucuya yüklenen ağırlık, sorunu çözmek için sunucuyu değiştirmek gerekli.
Ve paylaşımlı hostinglerin dışında kendinize özel bir hosting planı seçmek gerekiyor.
Sorunun sebebini de anladık diğer kısımları da https://www.webpagetest.org/ web sitesinden sitenizi test ederek öğrenebilirsiniz.
WordPress Web siteniz için hızlı tema arıyorsanız sizler için hazırladığımız En Hızlı 15 WordPress Temasına buradan göz atabilirsiniz.
Pagespeed insights nedir başlığımızda baktığımızda bize sadece hız değerlerimiz hakkında bilgi verdiğini görüyoruz işte bu aracı farklı kılan özellikler bunlar.