Önemli Web Verileri Denetimini Geliştirmek İçin En İyi 4 İpucu

Yayınlanan: 2022-05-10

Özellikle dikkate alınması gereken çeşitli üçüncü taraf araçlarıyla, Önemli Web Verilerinin nasıl denetleneceği konusunda kesin ve hızlı bir kural yoktur. İş akışlarınıza dahil etmek için en iyi hız denetimi ipuçlarımızdan bazılarını inceliyoruz ve aşağıdakileri kapsayacaktır:

  • Sayfa Deneyimi ve Google Arama Konsolu
  • PageSpeed ​​Insights'ın dezavantajları
  • Önerilen üçüncü taraf denetim araçları
  • Şelale çizelgelerini anlama

1. Önemli Web Verileri denetim iş akışınızı Search Console ile başlatın

Bir web sitesini site hızı ve Önemli Web Verileri sorunları açısından denetlerken, sorun giderme sürecini her zaman Search Console'daki 'Deneyim' bölümünü gözden geçirerek başlatmanızı öneririz - erişimin mevcut olması koşuluyla. Arama konsolu, Chrome UX raporundan gerçek kullanıcı (alan) verilerini toplar; bu nedenle bu, hangi LCP, CLS veya FID sorunlarının kullanıcı deneyiminizi ve nihayetinde sitenin sıralama potansiyelini etkilediğini anlamanın kolay bir yoludur.

'Sayfa Deneyimi' > 'Önemli Web Verileri'ne gidin ve görüntülenen grafik, web sitesi mülkü için 'İyi', 'İyileştirme Gerekiyor' veya 'Kötü' olarak sınıflandırılan URL'lerin sayısını gösterecektir. Örneğin:

GSC'den Örnek Önemli Web Verileri grafiği

Yukarıdaki Önemli Web Verileri eşiklerine ilişkin Google'ın zamanlamaları ve ölçümleriyle ilgili aşağıdaki tabloya bakın.

İyi Geliştirilmeye ihtiyacı var Yoksul
LCP <=2,5 sn <=4s >4s
FID <=100ms <=300 ms >300ms
CLS <=0.1 <=0.25 >0.25

Buradan, URL'lerin çoğunluğunun İyi olarak sınıflandırılıp sınıflandırılmadığını, dolayısıyla 3 Temel Web Verisi metriğinin tamamını geçip geçmediğini veya çoğu sayfanın 'Kötü' veya 'İyileştirme gerekiyor' olup olmadığını değerlendirebiliriz, bu da bazı önemli teknik sorunlar olduğunu gösterir. geçmeleri için çözülmesi gerekir.

Faydalı İpucu: Sayfaların 'İyi' durumuna geçmek için üç web hayati öğesinin tümünü geçmesi gerekir ve bir site URL'lerinin çoğunun 'İyileştirme gerekiyor' aralığında olması yeterli değildir.

Ardından, hız sorunlarından etkilenen ve denetlenmesi gereken belirli URL'leri keşfetmek için her bölümü ayrıntılı olarak inceleyebilirsiniz. Bunlar, şablon düzeyinde benzer olanlara göre gruplandırılmıştır. Bu nedenle, bir sitenin sahip olabileceği tüm farklı URL türlerini – örneğin ana sayfa, kategori sayfaları, ürün sayfaları, blog gönderileri vb. – denetlemeye çalışmak yerine, gerçek kullanıcıların web sitesini ziyaret ederken karşılaştıkları sorunlar yalnızca 1 veya 2 etrafında toplanabilir. Bu, çabalarınızı yalnızca bu şablonlara odaklayabileceğiniz anlamına gelir, bu da büyük bir zaman tasarrufu sağlayabilir.

2. PageSpeed ​​Insights'ı idareli kullanın

PageSpeed ​​Insights (PSI), sorunları çözmek için potansiyel fırsatlara en üst düzeyde genel bir bakış sunan, Google'ın yararlı ve ücretsiz bir aracı olmasına rağmen, tek başına kullanıldığında site hızını denetlemek için gerçekten tembel bir yoldur. Birçok SEO'nun önerileri bazen kelimesi kelimesine aldığını ve bunların nedenini veya arkasındaki herhangi bir bağlamı gerçekten anlamadan bunları müşteri geliştiricilerine veya teknik ekibe geri sunduğunu gördük.

Ne yazık ki, özellikle de aracın tüküreceği fırsatları ve önerileri daha fazla araştırmazsanız, bu genellikle size daha fazla soru yöneltilmesine neden olabilir.

Örneğin, LCP öğesinin yüklenmesini hızlandırmak için 'Oluşturmayı engelleyen kaynakları ortadan kaldır' önerisini hepimiz duyduk, ancak bu kaynağın ilk boyamada yerinde olması kritik olduğunda, örneğin çerez banner komut dosyası gibi ne olur? veya etkilenen varlıklar 3. taraf kaynakları mı? Yapabilecekleri fazla bir şey olmayacağı için geliştiricilerin bunu hemen geri çevirmesi muhtemeldir - bu nedenle, PSI'dan alınan herhangi bir teknik tavsiyenin bir tutam tuzla alınması ve geri iletilmeden önce daha fazla araştırılması gerçekten önemlidir. geliştiriciler

Ayrıca PSI'ın Lighthouse ile bir dizi öykünülmüş cihaz (Moto G4) kullandığını bilmek de yararlıdır, ancak 'laboratuar' testinde olduğu gibi gerçek kullanıcıların en sık kullandığı cihaza bağlı olarak sorunlar önemli ölçüde değişebilir. Bu, Chrome UX raporundan sitenin gerçek kullanıcıları için bir sorun olduğunu bilseniz bile, genellikle PSI'nin söz konusu cihazda test için sorunlar veya fırsatlar döndürmeyeceği anlamına gelebilir.

PageSpeed ​​Insights tarafından kullanılan varsayılan Lighthouse test yapılandırması

Bu nedenle, cihaz ve bağlantı konfigürasyonunun buna göre ayarlanabileceği diğer hız testi araçlarıyla birlikte PSI'yı her zaman kullanmanızı öneririz.

3. Alternatif hız denetim araçlarını keşfedin

PageSpeed ​​ve diğer Google araçlarını kullanmanın yanı sıra, WebPageTest (WPT) veya GTMetrix gibi diğer ücretsiz ve ücretsiz hız testi araçlarını da keşfetmenizi öneririz.

WebPageTest, sayfa düzeyinde hız testine yardımcı olan bir dizi kullanışlı özellik ve yapılandırma seçeneğine sahiptir. Gelişmiş yapılandırma, tarayıcı ve cihaz türü ile test konumu gibi önemli test ayarlarını düzenlemenize olanak tanır. Bu, özellikle site kullanıcılarının çoğunun nerede olduğunu ve cihaz türlerini biliyorsanız, denetiminizde ince ayar yapmanıza olanak tanır; bu, yalnızca Google'ın önceden ayarlanmış simülasyon cihazına güvenmediğiniz anlamına gelir.

Burada ayrıca varsayılan 3G Hızlı bağlantıdan bağlantı ayarlarını yapabilir, ayrıca zahmetli komut dosyaları için performans artışlarını test etmek istiyorsanız belirli URL'leri engelleyebilirsiniz. Keşfetmek için listelemediğimiz birçok başka yapılandırma seçeneği var, ancak yukarıdakiler, temel web hayati değerlerini denetlerken en yararlı bulduklarımızdır.

WebPageTest'in kullanışlı Gelişmiş Yapılandırma seçenekleri

Bir test çalıştırıldıktan sonra, film şeritleri, video zaman çizelgeleri, şelale çizelgeleri ve olayı tetikleyen öğenin ayrıntılı bir dökümü dahil olmak üzere her bir ölçüm için performansın ayrıntılı bir dökümünü almak için Önemli Web Verileri sekmesine gidin. çeşitli biçimlerde dışa aktarılabilir ve hepsinden önemlisi ücretsiz!

Film şeridi görünümü, sayfa yüklemesinin hangi noktasında belirli öğelerin görsel olarak göründüğünü anlamada özellikle yararlıdır, bu da hangi varlıkların potansiyel olarak daha hızlı yüklenebileceğini önceliklendirmeye yardımcı olabilir. Buna neden olan unsurları belirlemeye yardımcı olacak önemli görsel kaymalar varsa, çok net bir şekilde görüntülenecektir.

Çerez başlığı yüklemesinden kaynaklanan CLS sorununu gösteren örnek film şeridi

GTMetrix, WebPageTest ile benzer özelliklere sahiptir, ancak WPT'de ücretsiz olan birçok gelişmiş seçenek yalnızca ücretli paketlerde mevcuttur.

4. Şelale çizelgelerini öğrenin

Temel anlamda şelale grafiği, dosyaların veya varlıkların ne zaman istendiğini, indirilmelerinin ne kadar sürdüğünü ve sayfada ne zaman görünür olduklarını gösteren bir zaman çizelgesidir.

Farklı şeyler ifade eden çok sayıda farklı satır, çubuk uzunluğu ve renk olduğundan, şelale grafiğine bakmak, ofsetten biraz ürkütücü görünebilir - ama acele etmeyin! Şelale çizelgelerini öğrenmek ve anlamak için zaman harcamak, teknik bir SEO'nun hız denetimi için sahip olması gereken en önemli beceridir.

Web vitals denetimi için WebPageTest'i kullanmaya alıştıysanız, onların şelale çizelgelerini en kullanıcı dostu buluyoruz. WebPageTest, bağlantı bilgilerini, istenen kaynak türlerini ve JS yürütme gibi diğer olayları gösteren grafiğin üzerinde renk kodlu bir anahtar sağlar. Ayrıca, oluşturma engelleme kaynaklarını görsel olarak görüntüler ve 3xx veya 4xx yanıtına sahip istenen kaynakları vurgular.

Faydalı İpucu: Şelale üzerindeki yatay çubukların açık ve koyu gölgesine dikkat edin, açık gölge kaynağın tarayıcı tarafından istendiğini, koyu gölge ise kaynağın indirildiğini gösterir .

Sonuç olarak, bu, sitedeki performans sorunlarının daha derinden anlaşılmasına yardımcı olur ve karşılığında, bunları düzeltmeye yönelik önerilerinizi daha uygulanabilir hale getirir. Daha fazlasını öğrenmek için Matt Hobbs'un şelale grafiğinin nasıl okunacağına dair ayrıntılı makalesini öneriyoruz.


Web sitenizdeki performans sorunlarını çözme konusunda uzman tavsiyesi arıyorsanız, Semetrical'in nasıl yardımcı olabileceği hakkında daha fazla bilgi için lütfen bizimle iletişime geçin veya Teknik SEO Hizmetleri sayfamızı ziyaret edin.