Hız araçlarını nasıl değerlendirmelisiniz?

Google, performans verileri ve performans araçları hakkında birçok kılavuz yayınladı. Bu infografik, geliştiriciler ve pazarlamacılar için bu rehberliği bir araya getirerek performans hakkında nasıl düşüneceklerini ve Google'ın tüm performans araçları arasında nasıl gezineceklerini anlamalarına yardımcı olmayı amaçlamaktadır.

PDF sürümünü indirin

Performansla ilgili yanlış bilinenler

1. Yanlış Bilgi

Üzerinde çizgi grafik olan bir kağıt.

Kullanıcı deneyimi tek bir metrikle ölçülebilir.

İyi kullanıcı deneyimi tek bir zaman noktasında yakalanmaz. Kullanıcılarınızın yolculuğundaki bir dizi önemli aşamadan oluşur. Farklı metrikleri anlayın ve kullanıcılarınızın deneyimi için önemli olanları takip edin.

2. Yanlış Bilgi

Farklı cihazları ve ağ koşullarını temsil eden ağ simgeleri koleksiyonu.

Kullanıcı deneyimi tek bir "temsili kullanıcı" ile yakalanabilir.
Gerçek dünyadaki performans; kullanıcıların cihazları, ağ bağlantıları ve diğer faktörlerdeki farklılıklar nedeniyle oldukça değişkendir. Laboratuvarınızı ve geliştirme ortamınızı bu tür farklı koşulları test edecek şekilde kalibre edin. Cihaz türü (ör. mobil ve masaüstü), ağ bağlantıları (ör. 3G veya 4G) ve diğer önemli değişkenlere göre farklılık gösterir.

3. Yanlış bilgi

Farklı kullanıcı türlerinin
tasvir edildiği bir görsel.

Web sitem benim için hızlı yükleniyor, bu nedenle kullanıcılarım için de hızlı yüklenmesi gerekir.
Geliştiricilerin yükleme performansını test ettiği cihazlar ve ağlar genellikle kullanıcılarınızın gerçekte deneyimlediğinden çok daha hızlıdır. Kullanıcılarınızın hangi cihazları ve ağları kullandığını anlamak için alan verilerini kullanın ve performans testi yaparken bu koşulları uygun şekilde yansıtın.

Laboratuvar ve alan verilerini anlama

Lab verileri

Soyut teknik kavramlar ve simgelerin
önünde duran bir adamın tasviri

Laboratuvar verileri, önceden tanımlanmış cihaz ve ağ ayarlarıyla kontrollü bir ortamda toplanan performans verileridir. Bu sayede, performans sorunlarını belirlemenize, izole etmenize ve düzeltmenize yardımcı olacak tekrarlanabilir sonuçlar ve hata ayıklama özellikleri elde edersiniz.

Yapılması gerekenler

Güçlü yönler

  • Performans sorunlarında hata ayıklama için yararlıdır.
  • Kullanıcı deneyimiyle ilgili uçtan uca ve ayrıntılı görünürlük
  • Yinelenebilir test ve hata ayıklama ortamı
Yapılmaması gerekenler

Sınırlamalar

  • Gerçek dünyadaki darboğazları yakalayamayabilir.
  • Gerçek dünyadaki sayfa TPG'leriyle ilişkilendirilemez.

Alan verileri

Halka açık bir yerde mobil cihaz kullanan kişilerin yer aldığı görsel.

(Gerçek Kullanıcı İzleme veya RUM olarak da adlandırılır)

Alan verileri, kullanıcılarınızın gerçek sayfa yüklemelerinden toplanan performans verileridir.

Yapılması gerekenler

Güçlü yönler

  • Gerçek kullanıcı deneyimini yakalar
  • İşletmenin temel performans göstergeleriyle ilişkilendirme sağlar.
Yapılmaması gerekenler

Sınırlamalar {: .compare-worse }

  • Kısıtlı metrik grubu
  • Sınırlı hata ayıklama özellikleri

Farklı performans araçları nelerdir?

Deniz Feneri

Lighthouse

Web sitenizi performans, erişilebilirlik, PWA, SEO ve diğer en iyi uygulamalar açısından nasıl iyileştireceğiniz konusunda size kişiselleştirilmiş tavsiyeler verir.

WebPageTest

WebPageTest

Kontrollü laboratuvar ortamında bir veya daha fazla sayfanın performansını karşılaştırmanıza, performans istatistiklerini ayrıntılı olarak incelemenize ve gerçek bir cihazda performansı test etmenize olanak tanır. Lighthouse'u WebPageTest'te de çalıştırabilirsiniz.

TestMySite

TestMySite

Web sayfası performansını cihazlar genelinde teşhis etmenize olanak tanır ve Webpagetest ile PageSpeed Insights'tan deneyimi iyileştirmeye yönelik düzeltmelerin listesini sunar.

PageSpeed Insights

PageSpeed Insights

Sitenizle ilgili hız alanı verilerini ve sitenizi iyileştirmeye yönelik yaygın optimizasyon önerilerini gösterir.

Hız Karşılaştırması : Hız Puanı : Hız Karşılaştırma Aracı

Hız Puan Kartı

Mobil site hızınızı 10'dan fazla ülkedeki benzerlerinizle karşılaştırmanıza olanak tanır. Mobil site hızı, Chrome Kullanıcı Deneyimi Raporu'ndaki gerçek dünya verilerine dayanır.

Etki Hesaplayıcı

Etki Hesaplayıcı

Google Analytics'teki karşılaştırma verilerine dayanarak mobil sitenizin hızını artırmanın sağlayabileceği potansiyel gelir fırsatını tahmin etmenize olanak tanır.

Chrome Geliştirici Araçları

Chrome Geliştirici Araçları

Bir sayfanın çalışma zamanı profilini oluşturmanıza ve performans sorunlarını tespit edip hata ayıklamanıza olanak tanır.

Yani…

Çizelge ve grafiklerin gösterildiği bir kitap simgesi.

Web sitenizin kullanıcı deneyimini iyileştirmek için iş gerekçesi oluşturmaya çalışan pazarlamacı veya geliştirici. Siz, dolar ve sentlerle konuşuyorsunuz ve fırsat maliyetini ve beklenen artışı ölçmenize yardımcı olabilecek parasal rakamlar arıyorsunuz.

  • Mobil sitenizin hızını 10'dan fazla ülkedeki benzerlerinizle karşılaştırmak için Hız Puan Kartı'nı kullanın. Puanlar, Chrome Kullanıcı Deneyimi Raporu'ndaki gerçek verilere dayanır.
  • Mobil sitenizin hızını artırmanın potansiyel gelir fırsatını tahmin etmek için Etki Hesaplayıcı'yı kullanın. Etki, Google Analytics'teki karşılaştırma verilerinden elde edilir.
  • Sayfanızın mobil yükleme süresini sektör karşılaştırmalarıyla birlikte test etmek ve basit düzeltmelerin sitenizi nasıl hızlandırıp ziyaretçi kaybını nasıl azaltabileceğini öğrenmek için TestMySite'ı kullanın. TestMySite şu anda WebPageTest ve PageSpeed Insights tarafından desteklenmektedir.
Arkasında ve biraz üstünde Chrome logosu bulunan bir dizüstü bilgisayar simgesi.

Sitenizin gerçek Chrome kullanıcıları tarafından deneyimlenen mevcut performansını anlamaya çalışan ve sektördeki en önemli trendler ile yönergelere göre denetim önerileri arayan geliştiriciler.

PageSpeed Insights, sitenizin Chrome kullanıcıları tarafından deneyimlenen gerçek performansını anlamanıza yardımcı olur ve optimizasyon fırsatları önerir.

Lighthouse denetim sonuçları sayfasının simgesi.

Bir web sitesini modern web performansı ile ilgili en iyi uygulamalara göre anlamaya ve denetlemeye çalışan geliştirici.

Lighthouse, kapsamlı bir performans fırsatları seti içerir. Sayfanızda eksik olan performans fırsatlarının bir listesini ve her bir optimizasyonu uygulayarak tasarruf edilen süreyi sunar. Bu sayede ne yapmanız gerektiğini anlayabilirsiniz.

Böcek üzerinde büyüteç simgesi.

Sitenizin performansıyla ilgili hata ayıklama/ayrıntılı inceleme konusunda teknik rehberlik arayan geliştiriciler.

Chrome Geliştirici Araçları'nda (CDT) bir Performans Paneli bulunur. Bu panel, özelleştirilmiş yapılandırmalarla sitenizin profilini oluşturarak sitenizdeki performans sorunlarını ayrıntılı bir şekilde incelemenize ve performans darboğazlarını tespit etmenize olanak tanır. CDT'yi bir web sitesinin üretim veya geliştirme sürümlerinde kullanabilirsiniz.

WebPageTest, gelişmiş bir metrik ve izleme görüntüleyici paketi içerir. Sitenizin performansını gerçek mobil donanımlarda ve ağ koşullarında ayrıntılı olarak incelemenizi sağlar.