Bir web sitesinin hızı, ziyaretçinin ilk saniyelerde sitede kalıp kalmayacağını belirler. Yavaş açılan, açılırken içeriği kayan ya da dokunuşlara geç yanıt veren sayfalar hem kullanıcıyı hem de dönüşümü kaybettirir. Google bu deneyimi Core Web Vitals adı verilen ölçütlerle değerlendirir; Lighthouse ise bu performansı test etmek için kullanılan en yaygın araçtır.
Bu rehberde Core Web Vitals ölçütlerinin ne anlama geldiğini, Lighthouse skorunun nasıl okunacağını, en sık görülen performans sorunlarını ve sitenizi hızlandırmak için 5 adımlı bir planı ele alıyoruz.
Core Web Vitals nedir?
Core Web Vitals, gerçek kullanıcıların sayfa deneyimini üç açıdan ölçer:
| Ölçüt | Neyi ölçer? | İyi değer |
|---|---|---|
| LCP (Largest Contentful Paint) | Sayfanın ana içeriğinin ne kadar sürede göründüğü | 2,5 saniye veya altı |
| INP (Interaction to Next Paint) | Tıklama ve dokunuşlara ne kadar hızlı yanıt verildiği | 200 milisaniye veya altı |
| CLS (Cumulative Layout Shift) | Sayfa yüklenirken içeriğin ne kadar kaydığı | 0,1 veya altı |
Bu değerler, Google Search Console'daki Core Web Vitals raporunda gerçek kullanıcı verisiyle izlenebilir.
Lighthouse skoru nasıl okunur?
Lighthouse, sayfayı kontrollü bir test ortamında yükleyerek performansı 0–100 arasında puanlar. Puan; ilk içeriğin görünme süresi, en büyük içeriğin görünme süresi, ana iş parçacığının ne kadar süre bloke olduğu, içerik kayması ve görsel tamamlanma hızı gibi ölçümlerden hesaplanır.
Laboratuvar verisi ile gerçek kullanıcı verisi
Lighthouse bir laboratuvar testidir; tek bir cihaz ve bağlantı senaryosunu ölçer. Search Console ve PageSpeed Insights'taki saha verisi ise gerçek ziyaretçilerin deneyimini yansıtır. İkisi birlikte değerlendirilmeli, karar verirken gerçek kullanıcı verisine öncelik verilmelidir.
En sık görülen performans sorunları
- Optimize edilmemiş görseller: Gereğinden büyük, eski formatta ve boyutu belirtilmemiş görseller.
- Ağır JavaScript: Kullanılmayan kütüphaneler, gereksiz eklentiler ve sayfayı bloke eden kodlar.
- Üçüncü taraf betikler: Analitik, sohbet, reklam ve sosyal medya kodlarının kontrolsüz yüklenmesi.
- Yazı tipi yükleme: Yazı tiplerinin geç yüklenip metnin görünmez kalması veya kayması.
- Yavaş sunucu yanıtı: Önbellek eksikliği ve yetersiz barındırma.
Siteyi hızlandırmak için 5 adım
- Mevcut durumu ölçün: Mobil ve masaüstü için Lighthouse ve Search Console verilerini kaydedin.
- Görselleri optimize edin: WebP gibi modern formatlar, doğru boyutlar, ekran dışı görseller için gecikmeli yükleme kullanın.
- JavaScript'i azaltın: Kullanılmayan kodu kaldırın, kritik olmayan betikleri ertelenmiş yükleyin.
- Üçüncü taraf kodları denetleyin: Gerçekten gerekli olanları bırakın; analitik ve pazarlama kodlarını onay sonrası yükleyin.
- Sunucu ve önbelleği iyileştirin: Sayfa ve dosya önbelleği, sıkıştırma ve içerik dağıtım ağı kullanın.
Animasyon ve videolarla hızlı kalmak
Hero videoları ve animasyonlar etkileyici bir deneyim sunar, ancak doğru kurgulanmazsa performansı düşürür. Videoyu ana içerik yüklendikten sonra yüklemek, ilk karede statik bir görsel göstermek ve yalnızca transform ve opacity gibi hafif özellikleri canlandırmak, görsel etkiyi skoru düşürmeden sunmanın yoludur.
All Inn Agency ile hızlı ve ölçülebilir web siteleri
All Inn Agency'nin web ve e-ticaret hizmeti, Core Web Vitals hedefleri baştan belirlenmiş, hızlı ve ölçülebilir web siteleri geliştirir; mevcut siteler için performans denetimi ve iyileştirme yapar. Teknik SEO tarafını dijital marka ve SEO çalışmalarımızla birlikte ele alıyoruz.
Yeni bir site planlıyorsanız kurumsal web sitesi kontrol listemize göz atabilirsiniz. Sitenizin performansını birlikte inceleyelim: anasayfadaki asistanla konuşun ya da iletişim sayfasından bize ulaşın.
Sıkça Sorulan Sorular
Hayır. Google sayfa deneyimini sıralamada dikkate alır, ancak içerik kalitesi ve alaka çok daha belirleyicidir. Hızlı bir site ise kullanıcı deneyimini ve dönüşümü doğrudan iyileştirir.
Lighthouse mobil testi daha yavaş bir işlemci ve bağlantıyı taklit eder. Bu nedenle mobil skor genellikle daha düşüktür ve iyileştirmelerde öncelik mobile verilmelidir.
Ağ ve sunucu koşulları testten teste değişir. Birkaç ölçümün ortalamasına bakmak ve gerçek kullanıcı verisini takip etmek daha güvenilir sonuç verir.
Evet. Video ana içerikten sonra yüklenir, ilk karede statik görsel gösterilir ve animasyonlar hafif özelliklerle yapılırsa yüksek skor korunabilir.
Mümkündür, ancak çok sayıda eklenti ve hazır kod içeren temalarda daha fazla optimizasyon gerekir. Temanın sade ve hafif olması önemli bir avantajdır.
Her önemli değişiklikten sonra ve en az ayda bir kez kontrol edilmelidir. Search Console'daki Core Web Vitals raporu düzenli takip için iyi bir başlangıçtır.
İş akışınızı ölçülebilir bir hedefle ileri taşıyın
Hangi sürecinizi iyileştireceğinizi birlikte netleştirelim. İhtiyaç analizinden teslimat planına uzanan yol haritasını konuşalım.