Web sitem neden yavaş açılıyor?

Önce ölçün: tahminle hız iyileştirilmez

Hız çalışmasına "şunu silelim, bu da yavaşlatıyordur" diye başlamak vakit kaybıdır. Önce ölçün. Ücretsiz ve yeterli iki araç: PageSpeed Insights ve tarayıcınızın geliştirici araçlarındaki ağ sekmesi. Ölçümü hem masaüstünde hem mobilde, hem de önbelleği boş bir sekmede yapın; çünkü siteyi her gün açan sizin tarayıcınız onu zaten hafızasında tutuyor olabilir.

Bakılacak üç ölçüt Core Web Vitals başlığı altında toplanır: en büyük içeriğin yüklenme süresi (LCP), etkileşime yanıt süresi (INP) ve sayfanın oynaması (CLS). Bu üçü hem kullanıcı deneyiminin hem de arama sıralamasının girdisidir.

1. Optimize edilmemiş görseller

Uzak ara en sık sebep budur. Telefonla çekilmiş 4 MB'lık bir fotoğrafın sayfaya olduğu gibi konması, tek başına sitenin açılışını saniyelerce geciktirir. Çözüm üç adımlıdır: görseli kullanılacağı en büyük ölçüye küçültün, WebP ya da AVIF biçimine çevirin, ve ekranın altında kalan görsellere tembel yükleme (loading="lazy") ekleyin.

Ek olarak, aynı görselin farklı ekran boyutları için küçük kopyalarını üretip srcset ile sunun. Telefondaki kullanıcının 2800 piksellik bir görseli indirmesi için hiçbir sebep yok.

2. Eklenti ve üçüncü taraf betik yükü

Tipik bir WordPress sitesi onlarca eklenti yükler; her biri ek CSS, ek JavaScript ve ek istek demektir. Buna sohbet balonu, ısı haritası, iki farklı analiz aracı ve sosyal medya yerleştirmeleri eklendiğinde, sayfanın kendi içeriğinden çok üçüncü taraf kodu indirilir hale gelir.

Kullanmadığınız eklentileri devre dışı bırakmak yetmez, silin. Analiz araçlarından yalnızca birini tutun. Sohbet balonu gibi ağır bileşenleri kullanıcı etkileşimde bulunana kadar yüklemeyin.

3. Yavaş ya da uzaktaki barındırma

Sunucunun ilk yanıt süresi (TTFB) yüksekse, sayfadaki hiçbir optimizasyon bunu kurtarmaz. Paylaşımlı ucuz barındırmada yüzlerce site aynı kaynağı paylaşır. Ayrıca sunucunuz ziyaretçilerinizden coğrafi olarak uzaktaysa her istek ek gecikme alır.

4. Önbellekleme kapalı

Önbellekleme, aynı içeriği her seferinde yeniden üretmemek demektir. Sunucu tarafında sayfa önbelleği, tarayıcı tarafında ise statik dosyalar için uzun süreli önbellek başlıkları kullanılmalıdır. Bir görselin ya da stil dosyasının her ziyarette yeniden indirilmesi için sebep yoktur.

5. Engelleyici CSS ve JavaScript

Tarayıcı, sayfayı çizmeden önce belirli CSS ve JavaScript dosyalarını indirmek zorunda kalır. Bu dosyalar büyükse kullanıcı boş ekrana bakar. Kritik olmayan JavaScript'i defer ile geciktirin, kullanılmayan CSS'i temizleyin ve mümkünse tek bir küçük stil dosyası sunun.

6. Fontların yanlış yüklenmesi

Üçüncü taraf font servisleri ek bağlantı ve ek gecikme getirir. Fontları kendi sunucunuzdan, woff2 biçiminde ve yalnızca kullandığınız ağırlıklarla sunun. font-display: swap ekleyin ki font yüklenene kadar metin görünmez kalmasın.

7. Ölçüsü belirtilmemiş görsel ve reklam alanları

Bir görselin genişlik ve yükseklik değeri verilmediğinde, yüklendiği anda sayfa aşağı kayar. Kullanıcı okuduğu satırı kaybeder, tıklamak istediği düğme yer değiştirir. Bu, CLS ölçütünü doğrudan bozar. Her görsele width ve height yazın; sonradan gelen içerik için yer ayırın.

8. Gereksiz yönlendirme zincirleri

Adresin önce http'den https'ye, sonra www'ye, sonra sonuna eğik çizgi eklenmiş sürüme yönlendirilmesi üç ek gidiş geliş demektir. Yönlendirmeleri tek adıma indirin.

Nereden başlamalı? Etkiye göre sıralama

1. Sayfadaki en büyük görseli küçültün ve WebP'ye çevirin.
2. Kullanılmayan eklenti ve üçüncü taraf betikleri silin.
3. Önbelleklemeyi açın.
4. Fontları kendi sunucunuza taşıyın.
5. Kritik olmayan JavaScript'i geciktirin.
6. Tekrar ölçün ve karşılaştırın.

Hız çalışması yetmiyorsa

Bazı sitelerde tek tek iyileştirmeler bir yere kadar gider: tema ağırdır, eklenti bağımlılığı derindir ve her güncelleme yeniden yavaşlatır. Bu noktada tasarımı koruyup altyapıyı değiştirmek, tek tek optimizasyondan daha kalıcı bir çözümdür. Adresler korunduğu ve gerekli yerlerde yönlendirme kurulduğu sürece geçiş riski azalır; yine de sıralamalar bir süre dalgalanabilir, bu yüzden yayın sonrasında indekslemeyi izlemek gerekir.

Hız bir kerelik iş değil, bir alışkanlıktır. Her yeni sayfa ve her yeni görsel aynı ölçütlerle kontrol edilmelidir.