Bir web sitesinin açılması birkaç saniye geciktiğinde ziyaretçilerin önemli bir kısmı beklemeden geri döner. Üstelik Google da sayfa deneyimini sıralama sinyalleri arasında değerlendirir. Bu rehberde site hızının nasıl ölçüldüğünü ve nasıl artırılacağını adım adım anlatıyoruz.
Core Web Vitals nedir?
Core Web Vitals, Google’ın kullanıcı deneyimini ölçmek için kullandığı üç temel metriktir:
| Metrik | Ne ölçer? | İyi değer |
|---|---|---|
| LCP (Largest Contentful Paint) | Sayfadaki en büyük içeriğin ne kadar sürede göründüğü | 2,5 saniye veya daha az |
| INP (Interaction to Next Paint) | Tıklama ve dokunmalara sayfanın ne kadar hızlı tepki verdiği | 200 milisaniye veya daha az |
| CLS (Cumulative Layout Shift) | Sayfa yüklenirken öğelerin ne kadar kaydığı | 0,1 veya daha az |
INP, Mart 2024’te eski FID metriğinin yerini aldı ve sayfanın tüm etkileşimlerdeki tepki hızını ölçer.
Hızınızı nasıl ölçersiniz?
- PageSpeed Insights: Hem gerçek kullanıcı verilerini hem laboratuvar testini gösterir.
- Search Console – Core Web Vitals raporu: Sitenizdeki tüm sayfaların durumunu gruplar halinde gösterir.
- Chrome Lighthouse: Geliştirici araçlarından ayrıntılı denetim yapar.
Ölçüm yaparken mobil sonuçlara öncelik verin; ziyaretçilerinizin çoğu telefondan gelir.
Siteyi hızlandırmanın 12 yolu
1. Görselleri optimize edin
Görseller genellikle sayfa ağırlığının en büyük kısmıdır. Görselleri gösterileceği boyuta küçültün, WebP veya AVIF gibi modern formatlara çevirin ve sıkıştırın.
2. Görsellere boyut verin
Görsellere genişlik ve yükseklik değerleri verildiğinde tarayıcı yerini önceden ayırır ve sayfa yüklenirken içerik kaymaz. Bu, CLS değerini doğrudan iyileştirir.
3. Ekran dışındaki görselleri sonradan yükleyin
Sayfanın altında kalan görsellerin “tembel yükleme” ile yalnızca gerektiğinde yüklenmesi ilk açılışı hızlandırır. Ancak ilk ekrandaki ana görsel tembel yüklenmemelidir.
4. Yazı tiplerini akıllıca kullanın
Çok sayıda yazı tipi ve kalınlık yüklemek yerine bir veya iki yazı tipini, yalnızca gereken karakter setleriyle kendi sunucunuzdan sunun. Ana yazı tipini önceden yükleyin.
5. Gereksiz eklenti ve betikleri kaldırın
Kullanılmayan eklentiler, sohbet balonları, ağır sosyal medya yerleştirmeleri ve fazla takip kodları sayfayı yavaşlatır. Her betiği “gerçekten gerekli mi?” diye sorgulayın.
6. Üçüncü taraf kodları erteleyin
Analitik ve reklam kodları gibi üçüncü taraf betiklerin sayfa içeriği yüklendikten sonra çalışmasını sağlayın.
7. Önbellek kullanın
Sunucu önbelleği ve tarayıcı önbelleği, sayfaların tekrar tekrar oluşturulmasını ve dosyaların yeniden indirilmesini önler.
8. Sıkıştırmayı açın
Brotli veya Gzip sıkıştırması, HTML, CSS ve JavaScript dosyalarının boyutunu büyük ölçüde azaltır.
9. İyi bir hosting seçin
Sunucunun yanıt süresi (TTFB) yavaşsa diğer optimizasyonların etkisi sınırlı kalır. Hızlı diskler, güncel PHP sürümü ve sunucu önbelleği sunan bir hosting tercih edin. Ayrıntılar için hosting nedir yazımıza bakabilirsiniz.
10. Kritik CSS’i öne alın
Sayfanın ilk ekranı için gereken stillerin hızla yüklenmesi, içeriğin daha erken görünmesini sağlar.
11. Düzen kaymalarını önleyin
Reklam alanları, çerez bildirimleri ve sonradan yüklenen öğeler için yer ayırın; içeriğin aniden aşağı kaymasını engelleyin.
12. Ağır sayfa oluşturuculardan kaçının
Bazı sürükle-bırak sayfa oluşturucular çok fazla kod üretir. Mümkünse sade ve hafif bir tema veya modern statik altyapı tercih edin.
Hızlı bir site nasıl görünür?
Okuduğunuz bu site, sayfaları önceden hazırlanan modern bir statik altyapıyla kuruldu: tek ve küçük bir yazı tipi dosyası, satır içi stiller, neredeyse hiç JavaScript ve görsel yerine hafif çizimler. Sonuç olarak sayfalar mobil bağlantıda bile anında açılıyor.
Sonuç
Site hızı bir kerelik bir ayar değil, sürekli korunması gereken bir kalitedir. Yeni eklenen her görsel, eklenti ve kod hızı etkileyebilir. Bu yüzden hız kontrolleri web sitesi bakım hizmetimizin düzenli parçasıdır. Hız ve SEO’yu birlikte ele almak isterseniz SEO hizmetimize göz atabilirsiniz.