PageSpeed Insights (PSI), web geliştiricilerinin sayfa performansının ne olduğunu ve nasıl iyileştirileceğini anlamalarına yönelik bir araçtır. Sayfayı denetlemek ve performansı artırma fırsatlarını belirlemek için Lighthouse'u kullanır. Ayrıca, gerçek kullanıcıların sayfa ve kaynak deneyimini toplu olarak göstermek için Chrome Kullanıcı Deneyimi Raporu (CrUX) ile entegre edilir. Bu kılavuzda, CrUX'ten analiz elde etmek ve kullanıcı deneyimini daha iyi anlamak için PSI'yı nasıl kullanacağınızı öğrenin.
Verileri okuma
Başlamak için https://pagespeed.web.dev/ adresine gidin sayfasına gidin ve test etmek istediğiniz sayfanın URL'sini girip Analiz et'i tıklayın.
Birkaç saniye sonra Lighthouse, CrUX ("Gerçek kullanıcılarınızın neler yaşadığını keşfedin") ve Lighthouse ("Performans sorunlarını teşhis edin") verilerinin bulunduğu bölümler göreceksiniz. CrUX, sahadan alınan gerçek kullanıcı deneyimlerinden oluşan bir koleksiyondur. Lighthouse ise laboratuvardaki kontrollü bir testtir.
Gerçek kullanıcı deneyimleri bölümünde metrikler, Core Web Vitals'a ve diğer önemli metriklere göre gruplandırılır. İlk olarak üç Core Web Vitals metriği listelenir: Largest Contentful Paint (LCP), Engagement to Next Paint (INP) ve Cumulative Layout Shift. Bunların ardından diğer önemli metrikler takip edilir: First Contentful Paint (FCP) ve First Bayte (TTFB).
Önemli Web Verileri
- LCP, sayfanın bir lokomotif resim veya başlık gibi ana içeriğinin olası olduğunu gösterene kadar geçen süreyi ölçer.
- INP, kullanıcının sayfayla gerçekleştirdiği tüm etkileşimlerin gecikmesini ölçerek sayfanın etkileşimini ölçer ve tüm (veya neredeyse tüm) etkileşimlerin düşük olduğu tek bir değer bildirir.
- CLS, eşzamansız olarak yüklenen içeriğin yerleştirilmesi gibi değişikliklerden kaynaklanan sayfa düzensizliğinin derecesini ölçer.
Diğer önemli metrikler
- FCP, sayfanın ön planda bir metin veya logo gibi bir şey göstermesi için geçen süreyi ölçer.
- TTFB, bir kaynak isteği ile bir yanıtın ilk baytının gelmeye başlaması arasındaki süreyi ölçen deneysel bir metriktir.
Metrik eşikleri
Bu tabloda, bu metriklere ait değerlerin veya "kötü"dür.
| Metrik | "İyi" | "İyileştirme gerekiyor" | "Kötü" |
|---|---|---|---|
| LCP | 0-2.500 ms. | 2.500-4.000 ms | 4.000 ms.den fazla |
| CLS | 0,00-0,10 | 0,10-0,25 | 0,35+ |
| INP | 0-200 ms. | 200 ms.-500 ms. | 500 ms.den fazla |
| FCP | 0-1.800 ms. | 1.800 ms.-3.000 ms. | 3.000 ms.den fazla |
| TTFB | 0-800 ms. | 800 ms - 1.800 ms | 1.800 ms.den fazla |
Core Web Vitals metrikleri en önemli metriklerdir ve doğrudan gerçek kullanıcılar tarafından deneyimlenir. Diğer metrikler teşhis olarak kullanılabilir, ancak gerçek kullanıcılar tarafından algılanmaları gerekmez. Bu nedenle, bu metrikler Core Web Vitals değerlendirmesine dahil edilmez ve "iyi" metriği karşılayamıyordur eşiklerini yalnızca Core Web Vitals'ı olumsuz etkiliyorsa önem taşır.
Kullanıcı deneyimi PSI'da üç şekilde gösterilir:
- sayfayı, Core Web Vitals'ı iletiyor veya iletip geçmiyor olarak özetleyen bir etiket değerlendirme
- saniye veya milisaniye cinsinden ölçülen yüzdelik dilimler (CLS birimsizdir)
- "iyi", "iyileştirme gerekli" ve "yetersiz" yüzdesini temsil eden bir dağılım deneyimlerine bu bölümün sağ üst kısmındaki Görünümü genişlet'i tıklayarak erişebilirsiniz.
Önceki ekran görüntüsünde sayfa "geçiyor" olarak etiketlenmiştir. Core Web Vitals değerlendirmesini tıklayın. Geçmek için yüzdelik dilimin "iyi" olarak kategorize edilmesi gerekir ��ç Core Web Vitals'da gösterilir. Aksi takdirde değerlendirme "başarısız" olarak görünür. Bazı sayfalarda yeterli INP verisi olmayabilir. Bu durumda, sayfa diğer iki Core Web Vitals metriğine göre değerlendirilir.
Tüm metrikler için gösterilen yüzdelik dilimler, 75. yüzdelik dilime karşılık gelir. İstatistiklerde yüzdelik dilim, belirli bir örnek yüzdesinin altına düştüğü değeri gösteren bir ölçümdür. Örneğin, yukarıdaki ekran görüntüsünde INP'nin 75. yüzdelik diliminin 64 ms olduğu, yani INP deneyimlerinin% 75'inin 64 ms'den daha hızlı olduğu gösterilmektedir. Bu değerler, önceki eşik tablosuna göre ("iyi") değerler yeşil, değerler "iyileştirme gerekiyor" turuncu ve "kötü" değerleri kırmızıdır.
Son olarak, her bir metriğin dağılımları "iyi", "iyileştirme gerekli" ve "yetersiz" gruplandırmadır. Örneğin, bu sayfadaki LCP deneyimleri %90 oranında "iyi"dir (2,5 saniyeden kısa). INP "kötü"dür (en az 500 milisaniye) zamanın% 1'inde. Bu dağılımlar sayfadaki tüm kullanıcı deneyimlerini temsil eder ve şekillerinin "iyi" olma eğilimini gösterir anahtar kelimeleri kullanabilirsiniz.
Kaynak performansının özeti
PSI, kaynak performansının bir özetini de içerir. Bu metrik, bir kaynaktaki tüm sayfalardaki kullanıcı deneyimlerinin toplamıdır. Tek tek sayfalar için kullanılabilen, kaynağın tamamı için aynı istatistikleri alabilirsiniz. Bu veriler, BigQuery'de bulunanlarla yakından uyumludur ve sayfa düzeyinde performans sorgulama için kullanılamaz.
PSI'deki kaynak düzeyindeki veriler ile BigQuery'deki veriler arasında önemli bir fark vardır. BigQuery'deki veri kümeleri ayda bir yayınlanır ve önceki takvim ayının verilerini kapsar. Örneğin 202005 veri kümesi, Mayıs 2020'de gerçekleşen tüm kullanıcı deneyimlerini içerir. Diğer yandan, PSI her gün önceki 28 günü kapsayan yeni veriler toplar. Dolayısıyla, bugün gördüğünüz sonuçlar yarın farklı olabilir ve bu sonuçlar, içinde bulunduğunuz ayın BigQuery'deki toplamında elde edeceğiniz sonuçlarla aynı olmayabilir.
CrUX'te URL verileri bulunmadığında verilen yanıtlar
Girdiğiniz URL CrUX'te mevcut değilse PageSpeed Insights, bir sonraki ekran görüntüsünde gösterildiği gibi kaynak düzeyindeki verileri kullanmaya çalışır. Devre dışı bırakılmış Bu URL düğmesinin yanındaki simgeyi tıklayarak daha fazla açıklama görebilirsiniz.
Kaynak düzeyindeki veriler CrUX'te de mevcut değilse PSI bu bölümü gösteremez ve Veri yok ifadesini görürsünüz. Sayfa performansına dair yaklaşık bir değer sunabilmek için Lighthouse'tan alınan laboratuvar verileri hâlâ kullanılabilir.
SSS
PageSpeed Insights'taki CrUX verileri hakkında sık sorulan sorulardan bazıları aşağıda verilmiştir:
Diğer araçlar yerine PageSpeed Insights'ı ne zaman kullanmalıyım?
PSI, CrUX'in gerçek kullanıcı deneyimi verilerini Lighthouse'un laboratuvar tabanlı performans teşhisleriyle birleştirir. Bu sayede, bir sayfanın ne kadar hızlı deneyimlendiğini ve nasıl daha hızlı hale getirileceğini tek bir yerden görebilirsiniz. Alan verilerinin PSI'da günlük olarak toplanması özelliği, daha seyrek kullanılan toplama işlemine kıyasla kaynak veya URL performansını yakından takip etmek için ideal bir çözümdür.
PageSpeed Insights'ı kullanmayla ilgili herhangi bir sınırlama var mı?
PSI yalnızca en güncel günlük toplamları sunar. Bu nedenle, bir sitenin performansının nasıl olduğunu görmeniz her zaman mümkün olmayabilir. Ayrıca CrUX veri kümesinde, PSI'da gösterilmeyen bazı önemli olmayan metrikler de bulunur.
PageSpeed Insights hakkında daha fazla bilgiyi nereden edinebilirim?
PSI dokümanlarını inceleyin konulu videomuzu izleyin.