Hız Araçları Nasıl Düşünülmeli?

Hız Aletleri Nasıl Değerlendirilir?

Google, performans verileri ve performans araçları hakkında birçok yol gösterici bilgi hazırlamıştır. Bu bilgi grafiğinin amacı, geliştiriciler ve pazarlamacıların performansı nasıl ele alacağını ve Google'ın tüm performans aracı teklifleri arasında nasıl gezineceklerini anlamalarına yardımcı olacak bu rehberliği bir araya getirmektir.

PDF sürümünü indirin

Performansla ilgili yaygın efsaneler

Efsane 1

Üzerinde çizgi grafik bulunan bir kağıt parçası.

Kullanıcı deneyimi tek bir metrikle yakalanabilir.

İyi bir kullanıcı deneyimi, tek bir noktayla yakalanamaz. Kullanıcı yolculuğundaki bir dizi önemli ara hedeften oluşur. Farklı metrikleri anlayın ve kullanıcı deneyimi için önemli olanları izleyin.

Efsane 2

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

Kullanıcı deneyimi, tek bir "temsilci kullanıcı" ile yakalanabilir.
Gerçek dünya performansı; kullanıcıların cihazları, ağ bağlantıları ve diğer faktörlerdeki farklılıklar nedeniyle oldukça değişkendir. Bu tür farklı koşulları test etmek için lab ve geliştirme ortamınızı kalibre edin. Cihaz türü (ör. mobil ve masaüstü), ağ bağlantıları (ör. 3G veya 4G) ve diğer temel değişkenleri kapsar.

Efsane 3

Farklı kullanıcı türlerinin çeşitli
tasvirleri.

Web sitem hızlı yükleniyor, bu nedenle kullanıcılarım da hızlı yükleniyor.
Geliştiricilerin yükleme performansını test ettiği cihaz ve ağlar genellikle kullanıcılarınızın gerçekten deneyimlediğinden çok daha hızlıdır. Kullanıcılarınızın hangi cihazlarda ve ağlarda olduğunu anlamak ve performansı test ederken bu koşulları uygun şekilde yansıtmak için alan verilerini kullanın.

Laboratuvar ve alan verilerini anlama

Lab verileri

Bir grup soyut teknik kavramın ve 
simgenin önünde duran bir adamın tasviri

Laboratuvar verileri, önceden tanımlanmış cihaz ve ağ ayarlarıyla kontrollü bir ortamda toplanan performans verileridir. Bu da performans sorunlarını tanımlamaya, ayırmaya ve düzeltmeye yardımcı olan yeniden oluşturulabilir sonuçlar ve hata ayıklama özellikleri sunar.

Yapılması gerekenler

Güçlü yönler

  • Performans sorunlarını ayıklama konusunda faydalıdır
  • Kullanıcı deneyimiyle ilgili uçtan uca ve ayrıntılı görünürlük
  • Yeniden oluşturulabilir test ve hata ayıklama ortamı
Yapılmaması gerekenler

Sınırlamalar

  • Gerçek dünyadaki performans sorunlarını yakalayamayabilir
  • Gerçek dünyadaki sayfa TPG'leriyle ilişkilendirilemez

Alan verileri

Herkese açık bir alanda, mobil cihaz kullanan insanların tasviri.

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

Alan verileri, kullanıcılarınızın vahşi ortamda deneyimlediği 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şki kurulmasını sağlar
Yapılmaması gerekenler

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

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

Farklı performans araçları nelerdir?

Deniz Feneri

Deniz Feneri

Web sitenizi performans, erişilebilirlik, PWA, SEO ve diğer en iyi uygulamalar açısından nasıl iyileştirebileceğiniz konusunda kişiselleştirilmiş öneriler sunar.

WebPageTest

WebPageTest

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

TestMySite

TestMySite

Cihazlar arasındaki web sayfası performansını teşhis etmenize olanak tanır ve Webpagetest ile PageSpeed Insights'ın sağladığı deneyimi iyileştirmek için bir dizi düzeltme sunar.

PageSpeed Insights

PageSpeed Insights

Sitenizi iyileştirmek üzere yaygın optimizasyon önerilerinin yanı sıra sitenizin hız alanı verilerini gösterir.

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

Hız Puanı

Mobil site hızınızı 10'dan fazla ülkedeki benzerlerinizle karşılaştırmanızı sağlar. Mobil site hızı, Chrome Kullanıcı Deneyimi Raporu'ndaki gerçek verilere dayanır.

Etki Hesaplayıcı

Etki Hesaplayıcı

Google Analytics'ten alınan karşılaştırma verilerine dayanarak mobil site hızınızı iyileştirmede kullanabileceğiniz potansiyel gelir fırsatını tahmin etmenize olanak tanır.

Chrome Geliştirici Araçları

Chrome Geliştirici Araçları

Hem sayfanın çalışma zamanının profilini çıkarmanıza hem de performans sorunlarını tanımlamanıza ve hata ayıklamanıza olanak tanır.

Siz...

Şemalar ve grafikler
gösteren kitap simgesi.

Web sitenizin kullanıcı deneyimini iyileştirmek için bir iş gerekçesi oluşturmaya çalışan pazarlamacı veya geliştirici. Bir kuruş veya para konuşuyorsunuz, fırsat maliyetini ve beklenen artışı belirlemenize yardımcı olabilecek maddi değerleri arıyorsunuz.

  • Mobil site hızınızın 10'dan fazla ülkedeki benzerlerinizle karşılaştırmasını görmek 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ı iyileştirebilecek potansiyel gelir fırsatını tahmin etmek için Etki Hesaplayıcı'yı kullanın. Etki, Google Analytics'ten alınan karşılaştırma verileriyle artırılır.
  • 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ı azaltabileceğini öğrenmek için TestMySite'yi kullanın. TestMySite, şu anda WebPageTest ve PageSpeed Insights tarafından desteklenmektedir.
Arkasında ve biraz üzerinde Chrome logosu bulunan dizüstü bilgisayar simgesi

Sitenizin mevcut performansını anlamaya çalışan, gerçek Chrome kullanıcılarının deneyimlediği bir deneyim elde eden ve en önemli sektör trendleri ve yönergeleriyle ilgili denetim önerileri arayan geliştirici.

PageSpeed Insights, sitenizin gerçek dünyadaki performansını Chrome kullanıcılarının deneyimine göre anlamanıza yardımcı olur ve optimizasyon fırsatları önerir.

Lighthouse denetimi sonuç sayfası simgesi.

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

Lighthouse, kapsamlı bir performans fırsatları kümesi içerir. Size, sayfanızda eksik olan performans fırsatlarının bir listesini ve her optimizasyonu uygulayarak tasarruf edilen zamanı sağlar. Bu, ne yapmanız gerektiğini anlamanıza yardımcı olabilir.

Hatanın üzerindeki büyüteç simgesi.

Sitenizin performansıyla ilgili hataları nasıl ayıklayacağınız/ayrıntılı olarak nasıl yapacağınız hakkında teknik yardım arayan geliştirici.

Chrome Geliştirici Araçları (CDT), özelleştirilmiş yapılandırmalarla sitenizin profilini oluşturarak sitenizdeki performans sorunlarını ayrıntılı olarak incelemenize olanak tanıyan bir Performans Paneli içerir. Böylece, performansla ilgili performans sorunlarını tespit edebilirsiniz. CDT'yi bir web sitesinin üretim veya geliştirme sürümlerinde kullanabilirsiniz.

WebPageTest, gelişmiş bir metrik ve iz görüntüleyici paketi içerir. Sitenizin gerçek mobil donanımdaki performansını ağ koşullarıyla derinlemesine incelemenize olanak tanır.