Web Verileri'ni ölçmeye başlama

Katie Hempenius
Katie Hempenius

Sitenizin Web Verileri'nde veri toplamak, bu verileri iyileştirmeye yönelik ilk adımdır. Çok kapsamlı bir analizle hem gerçek dünyadan hem de laboratuvar ortamlarından performans verileri toplanır. Web Verileri'nin ölçümü için çok az kod değişikliği gerekir ve bu işlemler ücretsiz araçlar kullanılarak gerçekleştirilebilir.

RUM verilerini kullanarak Web Verileri'ni ölçme

Alan verileri olarak da bilinen Gerçek Kullanıcı İzleme (RUM) verileri, bir sitenin gerçek kullanıcılarının yaşadığı performansı yakalar. Google, bir sitenin önerilen Core Web Vitals eşiklerini karşılayıp karşılamadığını belirlemek için RUM verilerini kullanır.

Başlarken

Bir RUM kurulumunuz yoksa aşağıdaki araçlar, sitenizin gerçek dünyadaki performansı hakkında size hızlı bir şekilde veri sağlar. Bu araçların tümü aynı temel veri kümesini (Chrome Kullanıcı Deneyimi Raporu) temel alır, ancak kullanım alanları biraz farklılık gösterir:

  • PageSpeed Insights (PSI): PageSpeed Insights, son 28 gün içindeki toplu sayfa düzeyinde ve kaynak düzeyinde performansı raporlar. Ayrıca, performansın nasıl artırılacağıyla ilgili öneriler de sunulur. Sitenizin Web Verileri'ni ölçmeye ve iyileştirmeye başlamak için tek bir işlem yapmak istiyorsanız, sitenizi denetlemek için PSI'yı kullanmanızı öneririz. PSI, web'de ve API olarak kullanılabilir.
  • Search Console: Search Console, performans verilerini sayfa bazında raporlar. Bu nedenle, iyileştirilmesi gereken sayfaları belirlemek için çok uygundur. PageSpeed Insights'ın aksine Search Console raporlaması geçmiş performans verilerini içerir. Search Console yalnızca sahibi olduğunuz ve sahibi olduğunuzu doğruladığınız sitelerle kullanılabilir.
  • CrUX kontrol paneli: CrUX kontrol paneli, seçtiğiniz bir kaynağa ait CrUX verilerini gösteren, önceden oluşturulmuş bir kontrol panelidir. Data Studio temel alınarak geliştirilmiştir ve kurulum işlemi yaklaşık bir dakika sürer. PageSpeed Insights ve Search Console'a kıyasla CrUX kontrol paneli raporlaması daha fazla boyut içerir. Örneğin, veriler cihaza ve bağlantı türüne göre ayrılabilir.

Yukarıda listelenen araçlar Web Verileri'ni ölçmeye "başlamak" için uygun olsa da, başka bağlamlarda da yararlı olabilir. Özellikle hem CrUX hem de PSI, API olarak kullanılabilir ve kontrol panelleri ve diğer raporlar oluşturmak için kullanılabilir.

RUM verileri toplanıyor

CrUX tabanlı araçlar Web Verileri performansını araştırmak için iyi bir başlangıç noktası olsa da, kendi RUM'nizi (RUM) sağlamanızı önemle tavsiye ederiz. Kendi topladığınız RUM verileri, sitenizin performansıyla ilgili daha ayrıntılı ve hızlı geri bildirim sağlayabilir. Bu, sorunları belirlemeyi ve olası çözümleri test etmeyi kolaylaştırır.

Özel bir RUM sağlayıcısı kullanarak veya kendi araçlarınızı kurarak kendi RUM verilerinizi toplayabilirsiniz.

Özel RUM sağlayıcıları, RUM verilerini toplama ve raporlama konusunda uzmandır. Core Web Vitals'ı bu hizmetlerle kullanmak için RUM sağlayıcınızdan sitenizde Core Web Vitals izlemeyi etkinleştirmesini isteyin.

Bir RUM sağlayıcınız yoksa web-vitals JavaScript kitaplığını kullanarak mevcut analiz ayarlarınızı bu metrikleri toplayıp bunlarla ilgili rapor oluşturacak şekilde genişletebilirsiniz. Bu yöntem aşağıda daha ayrıntılı olarak açıklanmaktadır.

Web Vitals JavaScript kitaplığı

Web Verileri için kendi RUM kurulumunuzu uyguluyorsanız Web Verileri ölçümlerini toplamanın en kolay yolu web-vitals JavaScript kitaplığını kullanmaktır. web-vitals, alan ölçülebilir Web Verileri metriklerinin her birinin toplanması ve raporlanması için kullanışlı bir API sunan küçük, modüler bir kitaplıktır (yaklaşık 1 KB).

Web Verileri'ni oluşturan metriklerin tümü, tarayıcının yerleşik performans API'leri tarafından doğrudan gösterilmez, bunun üzerine oluşturulur. Örneğin, Cumulative Layout Shift (CLS), Layout Instability API kullanılarak uygulanır. web-vitals kullandığınızda bu metrikleri kendiniz uygulama konusunda endişelenmenize gerek kalmaz. Bu sayede, topladığınız verilerin her bir metrikle ilgili metodoloji ve en iyi uygulamalarla eşleşmesi sağlanır.

web-vitals uygulamasıyla ilgili daha fazla bilgi için dokümanlara ve Alanda Web Verileri'ni ölçmeyle ilgili en iyi uygulamalar kılavuzuna bakın.

Veri toplama

web-vitals tarafından toplanan ölçümleri bildirmeniz önemlidir. Bu veriler ölçülüp raporlanmazsa hiçbir zaman görmezsiniz. web-vitals belgelerinde, verilerin genel bir API uç noktasına, Google Analytics'e veya Google Etiket Yöneticisi'ne nasıl gönderileceğini gösteren örnekler bulunmaktadır.

Halihazırda kullandığınız bir raporlama aracı varsa bu aracı kullanabilirsiniz. Değilse, Google Analytics ücretsizdir ve bu amaçla kullanılabilir.

Hangi aracı kullanacağınızı düşünürken verilere kimlerin erişmesi gerektiğini de göz önünde bulundurmanız gerekir. İşletmeler genellikle en büyük performans kazanımlarını, tek bir departman yerine şirketin tamamının performansını artırmak istediğinde elde eder. Farklı departmanlardan nasıl destek alacağınızı öğrenmek için Web sitesi hızını işlevler arasında düzeltme bölümüne bakın.

Veri yorumlaması

Performans verilerini analiz ederken, dağılımın kuyruklarına dikkat etmek önemlidir. RUM verileri çoğu zaman performansın büyük ölçüde değiştiğini gösteriyor. Bazı kullanıcılar hızlı deneyimlere, diğerlerininse yavaş deneyimlere sahip. Ancak, verileri özetlemek için ortanca değeri kullanmak bu davranışı kolayca maskeleyebilir.

Web Verileri ile ilgili olarak Google, bir sitenin veya sayfanın önerilen eşikleri karşılayıp karşılamadığını belirlemek için ortanca değer veya ortalamalar gibi istatistikler yerine "iyi" deneyimlerin yüzdesini kullanır. Özellikle, bir sitenin veya sayfanın Önemli Web Verileri eşiklerini karşıladığının kabul edilmesi için sayfa ziyaretlerinin% 75'inin her metrikte "iyi" eşiğini karşılaması gerekir.

Laboratuvar verilerini kullanarak Web Verileri'ni ölçme

Sentetik veri olarak da bilinen laboratuvar verileri gerçek kullanıcılar yerine kontrollü bir ortamdan toplanır. RUM verilerinden farklı olarak laboratuvar verileri üretim öncesi ortamlardan toplanabilir ve böylece geliştirici iş akışlarına ve sürekli entegrasyon süreçlerine dahil edilebilir. Sentetik veri toplayan araçlara örnek olarak Lighthouse ve WebPageTest verilebilir.

Dikkat edilmesi gereken noktalar

Özellikle ağ koşulları, cihaz türü veya laboratuvar ortamının konumu kullanıcılarınkinden önemli ölçüde farklıysa RUM verileri ile laboratuvar verileri arasında her zaman tutarsızlıklar olacaktır. Ancak, özellikle Web Verileri metrikleriyle ilgili laboratuvar verileri toplamak söz konusu olduğunda özellikle dikkat edilmesi gereken birkaç özel nokta vardır:

  • Cumulative Layout Shift (CLS): Laboratuvar ortamlarında ölçülen Cumulative Layout Shift, RUM verilerinde gözlemlenen CLS değerinden yapay olarak daha düşük olabilir. CLS, "sayfanın kullanım süresi boyunca gerçekleşen her beklenmedik düzen kayması için tüm bağımsız düzen kayması puanlarının toplamı" olarak tanımlanır. Ancak, bir sayfanın kullanım ömrü, genellikle sayfanın gerçek bir kullanıcı tarafından mı yoksa sentetik bir performans ölçüm aracı tarafından mı yüklendiğine bağlı olarak çok farklıdır. Çoğu laboratuvar aracı yalnızca sayfayı yükler, sayfayla etkileşime girmez. Sonuç olarak, yalnızca ilk sayfa yüklemesinde meydana gelen düzen kaymalarını kaydeder. Buna karşılık, RUM araçları tarafından ölçülen CLS, sayfanın tüm ömrü boyunca meydana gelen beklenmeyen düzen kaymalarını yakalar.
  • First Input Delay (FID): First Input Delay, kullanıcıların sayfayla etkileşim kurmasını gerektirdiğinden laboratuvar ortamlarında ölçülemez. Bu nedenle FID için önerilen laboratuvar proxy'si Toplam Engelleme Süresi (TBT) şeklindedir. TBT, "İlk Zengin İçerikli Boyama ile Etkileşime Hazır Olma Süresi arasında, sayfanın kullanıcı girişine yanıt vermesinin engellendiği toplam süre"yi ölçer. FID ve TBT farklı şekilde hesaplanır ancak bunlar önyükleme işlemi sırasında engellenmiş bir ana iş parçacığının yansımasıdır. Ana ileti dizisi engellendiğinde tarayıcının kullanıcı etkileşimlerine yanıt vermesi gecikir. FID, kullanıcı bir sayfayla ilk kez etkileşimde bulunmaya çalıştığında oluşan gecikmeyi (varsa) ölçer.

Aletler

Bu araçlar, Web Verileri'nin laboratuvar ölçümlerini toplamak için kullanılabilir:

  • Web Verileri Chrome Uzantısı: Web Verileri Chrome uzantısı, belirli bir sayfa için Önemli Web Verileri'ni (LCP, FID ve CLS) ölçüp raporlar. Bu araç, geliştiricilere kod değişiklikleri yaparken gerçek zamanlı performans geri bildirimi sağlamak için tasarlanmıştır.
  • Lighthouse: LCP, CLS ve TBT hakkında raporlar sunan Lighthouse, ayrıca olası performans iyileştirmelerini vurgular. Lighthouse, Chrome Geliştirici Araçları'nda Chrome Uzantısı ve npm paketi olarak kullanılabilir. Lighthouse, Lighthouse CI aracılığıyla sürekli entegrasyon iş akışlarına da dahil edilebilir.
  • WebPageTest: WebPageTest, standart raporlamasının bir parçası olarak Web Verileri'ni içerir. WebPageTest, belirli cihaz ve ağ koşulları altında Web Verileri hakkında bilgi toplamak için yararlıdır.