Siteniz neden yavaş açılıyor? En sık karşılaştığım 7 sebep
Yavaş açılan sitelerin neredeyse hepsinde aynı yedi sorundan biri var. Sizin sitenizde hangisi olduğunu nasıl bulacağınızı anlatıyorum.
Bir müşterim geçenlerde "site açılmıyor" diye yazdı. Site açılıyordu, ama telefonda mobil veriyle 6,4 saniyede. O hızda ziyaretçilerin çoğu sayfayı görmeden geri dönüyor.
Yavaş sitelerde neredeyse her zaman aynı yedi sorundan biri çıkıyor. Sırayla bakalım.
1. Çok büyük görseller
En sık sebep bu. Fotoğraf makinesinden çıkan 4000 piksel genişliğinde, 3 MB'lık bir görsel ekranda 400 piksel olarak gösteriliyor. Tarayıcı yine de 3 MB'ın tamamını indiriyor.
Görselleri ekranda gösterilecekleri boyuta küçültün ve WebP biçimine çevirin. Aynı fotoğraf genelde 3 MB yerine 120 KB'a iniyor ve fark gözle görülmüyor.
2. Kontrolsüz eklenti yığını
WordPress sitelerinde 30-40 eklenti görmek olağan. Her biri kendi CSS ve JavaScript dosyalarını yüklüyor. Yirmi eklenti, sayfa başına kolayca 40 ek dosya isteği demek.
Eklenti listesini açın ve her biri için "bu olmasa ne kaybederim?" diye sorun. Cevap veremediğiniz eklentileri kapatın ve hızın ne kadar değiştiğini ölçün.
3. Yazı tipi (font) yükleme sırası
Google Fonts'tan dört ayrı aile çağrılıyor ve her biri dört ağırlıkta. Tarayıcı fontlar inene kadar metni göstermiyor, ziyaretçi de boş ekrana bakıyor.
Tek bir aile ve en fazla üç ağırlık kullanın. Fontları kendi sunucunuzdan sunun ve CSS'te font-display: swap kullanın. Böylece metin fontu beklemeden görünür.
4. Ucuz paylaşımlı sunucu
Aylık 30 liraya aldığınız paylaşımlı hostingde yüzlerce site aynı makineyi kullanıyor. Komşu sitelerden biri yoğunlaştığında sizinki yavaşlıyor.
Sunucunun ilk yanıt süresine (TTFB) bakın. 600 milisaniyenin üzerindeyse sorun büyük ihtimalle sunucuda. Daha iyi bir pakete geçmek çoğu zaman aylık birkaç yüz lira fark ediyor.
5. Önbellek (cache) kurulmamış
Her ziyaretçi geldiğinde sayfa sıfırdan üretiliyor, oysa ana sayfanız muhtemelen günde bir kez değişiyor.
Sayfa önbelleği kurun. WordPress'te bunu bir eklenti yapıyor, özel yazılmış sitelerde sunucu tarafında kuruluyor. Bu adım tek başına sayfa süresini çoğu zaman yarıya indiriyor.
6. Üçüncü taraf betikleri
Canlı destek kutusu, iki ayrı analiz aracı, Facebook pikseli, gömülü harita, çerez bandı. Her biri başka bir sunucuya bağlanıyor ve sizin kontrol edemediğiniz bir hızda yanıt veriyor.
Her betiğin sayfaya ne kadar yük getirdiğini ölçün. Gerçekten kullanmadığınız araçları kaldırın, kalanları sayfanın açılışını engellemeyecek şekilde (async veya defer ile) yükleyin.
7. Yönlendirme zinciri
http'den https'e, oradan www'ye, oradan da son adrese. Bu üç yönlendirme, sayfa daha yüklenmeye başlamadan yarım saniye harcatıyor.
Bütün varyantları tek adımda son adrese yönlendirin.
Kendi sitenizi nasıl ölçersiniz?
PageSpeed Insights'a sitenizin adresini yazın ve mobil sekmesine bakın. Masaüstü puanı genelde iyi çıkar. Asıl önemli olan mobil puan, çünkü ziyaretçilerinizin çoğu telefondan geliyor.
Üç sayıya bakın. LCP (en büyük içeriğin görünme süresi) 2,5 saniyenin, CLS (sayfanın zıplaması) 0,1'in, INP (tıklamaya yanıt süresi) 200 milisaniyenin altında olmalı.
Bu üçü iyiyse siteniz hızlı demektir. Değilse yukarıdaki listeden hangisinin sizin sitenize uyduğunu bulmak genelde on dakika sürüyor.