Siteniz yavaş mı? 5 dakikada kendiniz ölçün

"Site biraz yavaş gibi" cümlesini her hafta duyuyoruz. Sorun şu ki "gibi" ölçülemiyor. Sizin bilgisayarınızda hızlı açılan site, müşterinizin üç yıllık telefonunda, zayıf bir mobil bağlantıyla bambaşka bir deneyim olabilir.

İyi haber: bunu ölçmek için geliştirici olmanız gerekmiyor. Ücretsiz bir araç, bir adres ve beş dakika yeterli. Aşağıda hangi araca, hangi sayıya bakacağınızı ve hangi sayıyı rahatlıkla boş verebileceğinizi anlattık.

1. Aracı açın: PageSpeed Insights

Google'ın ücretsiz aracı: pagespeed.web.dev. Kayıt yok, kurulum yok. Sitenizin adresini yapıştırın ve "Analiz et"e basın. Yaklaşık bir dakika sürer.

Test bittiğinde iki sekme görürsünüz: Mobil ve Masaüstü. Önce mobile bakın. Ziyaretçilerinizin büyük kısmı telefondan geliyor ve Google da siteyi öncelikle mobil sürümüne göre değerlendiriyor.

2. Üstteki bölüme bakın: gerçek kullanıcı verisi

Sayfanın en üstünde "Gerçek kullanıcılarınızın deneyimi" başlıklı bir bölüm var. Bu bir laboratuvar testi değil; son 28 günde sitenize Chrome ile giren gerçek insanların ölçümü. Burada üç değer önemli:

LCP — Sayfanın ana içeriği ne zaman göründü? İyi sayılan: 2,5 saniye veya altı.

INP — Bir düğmeye bastığınızda site ne kadar çabuk tepki verdi? İyi sayılan: 200 milisaniye veya altı.

CLS — Sayfa yüklenirken içerik zıpladı mı? İyi sayılan: 0,1 veya altı.

Üçü de yeşilse ("Başarılı"), siteniz gerçek hayatta hızlı demektir. Gerisi ince ayardır.

Bu bölüm boş da çıkabilir: "Yeterli veri yok." Az ziyaret alan yeni sitelerde normaldir. O zaman bir alttaki laboratuvar sonucuna geçin.

3. Laboratuvar skoru: 0–100 arası sayı

Büyük daire içindeki sayı, sitenizin sanal bir orta seviye telefonda, yavaş bir bağlantıyla test edilmesinin sonucu. Kabaca: 90–100 hızlı, 50–89 kullanılabilir ama iyileştirme payı var, 0–49 ise ziyaretçi sayfa açılmadan geri dönüyor olabilir.

Teslim ettiğimiz projelerde ortalama skorumuz 95. Bunu övünmek için değil, ulaşılabilir olduğunu göstermek için söylüyoruz: kurumsal bir sitenin kırmızıda olması için teknik bir sebep yok.

4. Sayı her seferinde değişiyor, normal mi?

Evet. Testi üç kez çalıştırırsanız üç farklı sonuç görebilirsiniz; birkaç puanlık oynama sunucunun o anki durumundan kaynaklanır. Tek bir teste bakıp karar vermeyin. Üç kez çalıştırın, ortadaki sonucu esas alın.

5. Kırmızıysa en sık üç sebep

Raporun altındaki "Fırsatlar" listesi uzun ve teknik görünür. Çoğu kurumsal sitede sorun şu üçünden biridir.

Dev görseller. Telefonda 400 piksel genişliğinde gösterilen bir fotoğrafın birkaç megabaytlık orijinali yükleniyor. Raporda "Görselleri uygun boyutlandırın" olarak geçer. En ucuz ve en etkili düzeltme budur.

Eklenti yığını. Hazır temalı sitelerde her özellik için bir eklenti eklenir: kaydırıcı, sohbet balonu, sosyal medya akışı, animasyon kütüphanesi. Her biri kendi dosyasını yükler. "Kullanılmayan JavaScript'i azaltın" uyarısı genelde buradan gelir.

Yavaş sunucu. "İlk sunucu yanıt süresi" uyarısı varsa sorun sitede değil, barındırmada olabilir. En ucuz paylaşımlı paket, trafik arttığında ilk darboğazdır.

6. Boş verebileceğiniz şeyler

Masaüstü skoru: mobilde iyiyseniz masaüstünde neredeyse her zaman iyisinizdir. 100'ü kovalamak: 95'ten 100'e çıkmanın ziyaretçiye hissettirdiği fark yok denecek kadar az, maliyeti ise yüksek olabilir. Rakibinizin skoru: karşılaştırma yapacaksanız skorla değil, yukarıdaki üç gerçek kullanıcı ölçümüyle yapın.

---

Ajansınıza "site yavaş" demeyin, ölçümü gönderin

Ölçtünüz ve sonuç kırmızı. Ajansınıza "site yavaş" demek yerine PageSpeed Insights'ın mobil sonuç bağlantısını ve şu soruyu gönderin: "LCP ve INP'yi yeşile çekmek için ne yapılması gerekiyor?" Somut bir ölçümle gelen talep, somut bir cevap alır.

Bu soruyu site yapılmadan önce sormak daha da iyi; ajansa sorulacak 10 soru yazımızın 6. maddesi tam olarak bununla ilgili. Siteniz aramada da görünmüyorsa 8 maddelik kontrol listemize göz atın.

Sitenizin ölçümünü bizimle birlikte yorumlamak isterseniz, bize yazın; neyin gerçekten önemli olduğunu net bir yanıtla söyleyelim.