Google’ın PageSpeed Insights Raporlarına İlişkin Teknik Kılavuz
Tuğçe 15 Kasım 2021Yavaş bir web sitesini kimse sevmez. Bir web sayfasının yüklenmesi çok uzun sürdüğünde, yalnızca Google bunu fark etmekle kalmaz, kullanıcılar da sorularına daha hızlı yanıt verecek başka bir sayfa bulma eğiliminde olur. Yavaş sayfa hızı, organik arama, ücretli reklamcılık veya yönlendirme bağlantısı aracılığıyla sizi nasıl bulduklarına bakılmaksızın, kullanıcıların web sitenizde kalmasını engeller. Hem kullanıcılar hem de anahtar kelime sıralamanız için sayfa hızınızı artırmak istiyorsanız (ve inanın bana yaparsınız), Google’ın PageSpeed Insights (PSI) aracı bunu yapmanıza yardımcı olabilir. Burada, Google’ın PSI aracının nasıl çalıştığı, raporlarınızı nasıl anlayacağınız ve web sayfalarınız genelinde sayfa yükleme sürelerini iyileştirmenin bazı kolay yolları hakkında teknik bir kılavuz bulunmaktadır.
Sayfa Hızı Nedir?
Google, sayfa hızını iki şekilde tanımlar:
- İçeriğin ekranın üst kısmında görüntülenmesi ne kadar sürer.
- Bir tarayıcının sayfayı tam olarak oluşturması ne kadar sürer.
Ancak web sayfalarımızın ne kadar hızlı olduğu konusunda çok şey var. Kullanıcının internet bağlantısı, bir alan adının web barındırma hizmeti ve hatta önbellek temizliği, bunların tümü yükleme sürelerini etkileyebilir. Yani sayfa hızından bahsettiğimizde, bazı unsurlar gerçekten de site sahibinin kontrolü dışındadır. Ancak, resimler, videolar, JavaScript ve daha fazlası gibi web yöneticisinin optimize edebileceği birçok öğe vardır . Sayfa hızı, kullanıcı deneyimi için çok önemli olduğundan, Google, SERP’lerde tanıtılıp tanıtılmayacağını belirlerken bir sayfanın genel performansını dikkate alır. İçeriğinizi hız için optimize etmek için zaman ayırmanız, Google’a site ziyaretçileriniz için yüksek kaliteli bir deneyim yaratmak istediğinizi gösterir.
Google’ın PageSpeed Insights (PSI) nedir?
PageSpeed Insights , belirli bir web sayfasının içeriğini analiz eden ve sayfanın hem mobil hem de masaüstü sürümleri için sayfa hızı puanları sağlayan ücretsiz bir performans aracıdır.
PageSpeed Insights
Araç ayrıca optimizasyon fırsatlarını tanımlar ve iyileştirme için özel önerilerde bulunur.
PageSpeed Insight
PageSpeed Insights, site sahiplerinin kullanabileceği birçok sayfa hızı denetim aracından biridir , ancak SEO amaçları için hızı artırmak isteyenler için açık ara en iyisidir. PageSpeed Insights ile site sahipleri, Google’ın sayfalarının teknik performansını nasıl anladığını ayrıntılı olarak görebilir .
PageSpeed Insights ve Sıralama
Bir sayfanın PSI puanı, üst düzey bir performansa genel bakış anlamına gelir. Skorun kendisi resmi bir sıralama faktörü değildir.
Twitter.com
Ancak, Core Web Vitals gibi aracın PSI puanlarını hesaplamak için dayandığı bazı metrikler, Google’ın sıralama algoritmasının bir parçasıdır. Tüm bunlar, PSI puanlarının, sayfalarınızın Google’ın hız ve performans standartlarını karşılayıp karşılamadığının iyi bir göstergesi olduğu anlamına gelir. Daha yüksek puanlar ve daha iyi anahtar kelime sıralamaları arasında güçlü bir ilişki vardır. Yavaş hız çözülmeden bırakıldığında, herhangi bir SEO stratejisi , düşük performans gösteren sayfalar tarafından raydan çıkarılacaktır.
Sayfa Hızı ve Kullanıcı Deneyimi
SEO’nun ötesinde, sayfa hızı da genel kullanıcı deneyimi için çok önemlidir . Mobil kullanıcılar için sayfa yükleme hızı, aradıklarını hızlı bir şekilde bulmaktan veya sayfanın estetik kalitesinden bile daha önemli bir faktör olarak kabul edilir.
Develeopers.google.com
Yalnızca 1 ila 5 saniyelik bir gecikme, ziyaretçinin hemen çıkma olasılığını %90 artırır . Daha da kötüsü, yükleme süresinin her ek saniyesinde dönüşüm oranları ortalama %4,42 düşer . Site hızını artırmak, herhangi bir arama motoru optimizasyonu ve dönüşüm optimizasyonu stratejisi için gerçekten tartışılamaz. Google’ın PSI aracı, sitenizin hızını ve onu nasıl iyileştireceğinizi anlamaya başlamak için en iyi yerdir.
PageSpeed Insights Aracını Kullanma
Google’ın PSI aracını kullanmak için araç çubuğuna herhangi bir URL girin, Analiz Et’e basın , PSI çalışmaya başlayacaktır.
PageSpeed Insights
Raporunuzun oluşturulmasını beklerken, araç iki önemli şey yapıyor. İlk olarak, sayfanın “Alan Verilerini” veya Chrome Kullanıcı Deneyimi raporunda (CrUX) yer alan performans verilerini toplar. İkinci olarak, Lighthouse API aracılığıyla sayfa performansınızı ölçer . Buna “Lab Verileri” denir, çünkü simüle edilmiş, kontrollü bir ortamda web sayfasının hızını ölçer: mobil ağlar ve orta seviye bir cihaz. Bu, bir web sayfasının hızını ve performansını etkileyebilecek bazı değişkenlerin ortadan kaldırılmasına yardımcı olur.
PSI Raporunuzu Anlama
Google’ın PSI aracı, saha verilerini, laboratuvar verilerini, fırsatları, teşhisleri ve geçen denetimleri içeren ayrıntılı bir rapor oluşturur.
PageSpeed Insights
PSI raporu boyunca renkli kodlama, sayfanın iyi performans gösterdiği, hala iyileştirilmesi gereken veya düşük performans gösterdiği alanları anlamayı kolaylaştırır.
- Yeşil = İyi.
- Sarı = İyileştirme Gerekiyor.
- Kırmızı = Zayıf.
Raporun her alanındaki bilgileri nasıl yorumlayacağınız aşağıda açıklanmıştır.
Alan Verileri
PSI’nin Alan verileri, belirli bir web sayfasının hızını ve performansını dört ana ölçüte böler. Her biri hız ve yükleme süresinin farklı bir yönünü yakalar. Google’ın PageSpeed Insights Alan Verileri şunları içerir:
PageSpeed Insights
- First Contentful Paint (FCP) : İlk metin veya resim varlığının yüklenmesi için geçen süre.
- En Büyük İçerikli Boyama (LCP) : En büyük metin veya resim varlığının yüklenmesi için geçen süre.
- İlk Giriş Gecikmesi (FID) : Tarayıcının kullanıcının ilk etkileşimine yanıt vermesi için geçen süre.
- Kümülatif Düzen Kaydırma (CLS) : Bu, görünüm alanında sayfanın herhangi bir hareketini ölçer.
Kümülatif Mizanpaj Kayması (CLS) dışında her performans metriği saniye veya milisaniye cinsinden ölçülür. CLS, özel bir formülle hesaplanır. 0,1’in altındaki bir CLS puanı iyi olarak kabul edilirken, 0,25’in üzerindeki bir CLS puanı kötü olarak kabul edilir. Raporda sunulan saha verileri önceki 28 güne aittir ve her zaman beraberindeki dağıtım çubuklarıyla birlikte sunulacaktır. Bunun nedeni, Alan Verilerinin CrUX raporundaki toplu verilerden oluşması ve aynı web sayfasının hiçbir zaman tüm kullanıcılar için aynı şekilde performans göstermemesidir. Örneğin, yukarıdaki raporda, sayfa %69 oranında FCP standartlarını karşıladı ancak %31 oranında bu standartları karşılayamadı.
Laboratuvar Verileri
Google’ın PageSpeed Insights Lab Verileri, Lighthouse API’sinden gelen sentetik verileri içerir. Lighthouse , FCP, LCP, CLS ve üç ek ölçümü ölçer.
PageSpeed Insights
- Hız İndeksi: Sayfa yükleme sırasında içeriğin görsel olarak görünmesi için geçen süre.
- Etkileşim Süresi : Sayfanın tamamen etkileşimli hale gelmesi için geçen süre.
- Toplam Engelleme Süresi : FCP ile tam etkileşim arasındaki sürenin toplamı.
Saha Verilerinden farklı olarak, Laboratuvar Verilerinde ölçülen metrikler bir ilerleme çubuğu değil, yalnızca zaman damgalarını veya laboratuvar testinden elde edilen sonuçları içerecektir. Bu metriklerden bazılarının genel PSI puanında daha fazla ağırlık taşıdığına dikkat etmek önemlidir. Lighthouse 8’deki Lab Verileri için geçerli ağırlıklı değerlendirme listesi burada.
Lighthouse
Fırsatlar ve Teşhis
Fırsatlar ve Teşhis bölümleri, sayfa hızını artırmaya yönelik özel öneriler sunar.
PageSpeed Insights
Rapor ayrıca, tavsiyeleri takip etmenin getirebileceği tahmini zaman tasarrufunu da detaylandırıyor. Sonraki adımlar hakkında daha fazla ayrıntı almak için raporunuzdaki herhangi bir Fırsatın yanındaki açılır oku tıklayın. Araç, ayrıntılı eylem öğeleri sağlayacak ve bazı durumlarda bu talimatları içerik yönetim sisteminize göre uyarlayacaktır.
PageSpeed Insights
Benzer şekilde, raporun Teşhis bölümü, sayfa analizine dayalı olarak web sayfasının takip etmediği anlaşılan en iyi uygulamaları ayrıntılı olarak açıklar.
PageSpeed Insights
En iyi uygulama ve sayfanın analizinden elde edilen belirli verilerin bu sorunla ilgili olduğu hakkında daha fazla bilgi almak için açılır oku seçin.
PageSpeed Insights
Raporun bu bölümünde listelenebilecek fırsatların ve teşhislerin sayısı oldukça uzundur ve PSI aracının sayfada tespit ettiği belirli sorunlara bağlı olacaktır.
Geçti Denetimler
Raporun bu bölümü temel olarak site sahiplerinin sayfanın ne yaptığını doğru şekilde bilmesini sağlar.
PageSpeed Insights
Geçilen denetimlerin uzun bir listesi iyiye işarettir ve sayfanızın sayfa hızıyla ilgili en iyi uygulamaları gösterdiği anlamına gelir.
PSI Raporundan Sonra ve Sayfa Hızını Artırmak için 6 İpucu
SEO’da yeni olanlar için, PSI raporu ezici bir şekilde teknik gelebilir. Ancak neyse ki, Google her zaman kullanıcıyı düşünüyor ve raporun Fırsatlar bölümünde ayrıntılı eylem öğeleri sağlama konusunda harika bir iş çıkarıyor. PSI aracının tanımladığı Fırsatlara ve sorunlara bağlı olarak, herhangi bir site sahibi için sonraki adımlar değişiklik gösterecektir. Ancak, web yöneticilerinin yapma eğiliminde olduğu sayfa hızını etkileyen bazı yaygın sorunlar vardır. Aşağıdaki en iyi uygulamalar, web sayfalarının çoğu için hızın ve yükleme sürelerinin iyileştirilmesine yardımcı olabilecek bazı basit optimizasyonlardır.
1. Resimlerinizi Optimize Edin
Diğer tüm içerik varlıklarından daha fazla, resimler ve videolar, daha yavaş hız ve yükleme süreleriyle ilgili sorunlara neden olma olasılığı daha yüksektir. Düzgün şekilde optimize edilmiş görüntülere sahip olmak , FCP ve LCP sürelerini azaltmada ve CLS sorunlarından kaçınmada uzun bir yol kat edebilir. Bazı en iyi uygulamalar şunları içerir:
- Görüntüleri yeniden boyutlandırın ve sıkıştırın.
- Her görüntü için belirli bir yükseklik ve genişlik ayarlayın.
- Resimlerinizi teslim etmek için bir içerik dağıtım ağı (CDN) kullanın.
2. Video İçeriğini Göm
Sitenizde ürünlerinizi veya hizmetlerinizi öne çıkaran videolar varsa, bunları sitenize yüklemekten kaçının. Sadece çok fazla yer kaplamakla kalmazlar, aynı zamanda çok sayıda kullanıcı videoları aynı anda oynatıyorsa web sunucunuz üzerinde stres yaratabilirler. Bunun yerine videoları başka bir yerde (YouTube gibi) depolayın ve yükleme sürelerini önemli ölçüde iyileştirmek için video içeriğini web sayfanıza yerleştirin.
3. Aşırı Yönlendirmelerden Kaçının
Yönlendirmeler, İlk bayta kadar geçen süreyi (TTFB) veya sunucuya yapılan istek ile ilk verinin istek sahibine geri gönderildiği zaman arasındaki süreyi artırabilir. Aşırı yönlendirme zincirlerinden kaçınmak, sayfa hızını artırmanıza yardımcı olabilir ve genel olarak daha iyi SEO için iyi bir uygulamadır.
4. Daha Hızlı Bir Web Sitesi Teması Seçin
Belirli web sitesi temaları hız için optimize edilmiştir ve yükleme sürelerinizi önemli ölçüde iyileştirebilir. Bazı temalar daha hafiftir, GZIP sıkıştırması kullanır veya daha duyarlı bir tasarıma sahiptir. Bu hızlı yüklenen WordPress temaları listesine göz atın ve PSI puanlarınızı ve genel SEO’nuzu iyileştirmek için kendi temanızı güncellemeniz gerekip gerekmediğini düşünün.
5. JavaScript için Eşzamansız Yüklemeyi Kullanın
Basit tutmak için, eşzamansız yükleme, web tarayıcısının daha iyi bir çok görevli olmasına yardımcı olur. Eşzamanlı yüklemede, JavaScript dosyası yüklenirken tarayıcı diğer tüm eylemleri duraklatır. Eşzamansız yükleme , tarayıcının aynı anda JavaScript’i indirirken tablo boyama veya CSS Stil Sayfası yükleme gibi diğer görevleri gerçekleştirmesine olanak tanır. Bu optimizasyon daha fazla arka uç bilgisi gerektirir, bu nedenle bu stratejiyi uygulamak için bir web geliştiricisine danıştığınızdan emin olun.
6. Tarayıcı Önbelleğe Alma özelliğini etkinleştirin
Bu, web sayfalarınızın geri gelen ziyaretçiler için daha hızlı yüklenmesine yardımcı olan çok temel bir optimizasyondur. Tarayıcı önbelleğe alma ile, resimler ve videolar kullanıcının cihazında depolanacak ve sayfayı bir sonraki ziyaretlerinde oradan yüklenecektir. Tarayıcı önbelleğe almayı etkinleştirmek için bir .htaccess dosyasının düzenlenmesi (veya oluşturulması) gerekir, bu nedenle yetenekli bir web geliştiricisi tarafından daha iyi uygulanır.
Google’ın PageSpeed Insights Raporlarına İlişkin Teknik Kılavuz
