Web Sitesi Hız Kontrol Listesi: Gerçek Fark Yaratan 10 İyileştirme
Yavaş sayfalar ziyaretçi ve sıralama kaybettirir. Sitenizin Core Web Vitals değerlerini iyileştirmek için bu pratik listeyi kullanın.
Hız, hem kullanıcı deneyimini hem de SEO'yu iyileştirmenin en kolay yollarından biridir. Google'ın Core Web Vitals metrikleri ana içeriğin ne kadar hızlı göründüğünü, sayfanın ne kadar çabuk tepki verdiğini ve düzenin ne kadar sabit kaldığını ölçer. İşte neredeyse her projede uyguladığımız on iyileştirme.
Görseller ve medya
1. Modern formatlar kullanın
Görselleri WebP veya AVIF formatına dönüştürün. Aynı kalitede JPEG veya PNG'den çok daha küçüktürler.
2. Görselleri doğru boyutlandırın
Bir telefona 3000 piksellik görsel göndermeyin. Her cihazın ihtiyaç duyduğu boyutu indirmesi için responsive görseller (srcset) kullanın.
3. Görünmeyen alanları sonradan yükleyin
Açılışta görünmeyen görseller ve videolar, kullanıcı yaklaştığında indirilmelidir. Ana başlık görselini ise hemen yükleyin.
Fontlar
4. Font dosyalarını sınırlayın
Her kalınlık ve stil ayrı bir indirmedir. Birkaç kalınlıkta iki font ailesi genellikle fazlasıyla yeterlidir.
5. Görünmez metinden kaçının
font-display: swap veya fontları kendi sunucusunda barındıran bir framework kullanın; böylece fontlar yüklenirken metin hemen görünür.
Kod
6. Daha az JavaScript gönderin
Kullanılmayan kütüphaneleri kaldırın ve kodu sayfa bazında bölün. Ağır script'ler, sayfaların geç tepki vermesinin en yaygın nedenidir.
7. Üçüncü taraf script'leri gözden geçirin
Sohbet widget'ları, takip kodları ve gömülü içerikler birikir. Kullanmadıklarınızı kaldırın, gerisini sayfa etkileşime hazır olduktan sonra yükleyin.
8. İçerik için yer ayırın
Görsellere, gömülü içeriklere ve reklamlara genişlik ve yükseklik verin; böylece yükleme sırasında düzen kaymaz. Bu, düzen kararlılığını doğrudan iyileştirir.
Dağıtım
9. CDN ve önbellek kullanın
Sayfaları ve dosyaları ziyaretçilerinize yakın sunuculardan sunun; nadiren değişen dosyalar için uzun önbellek süreleri belirleyin.
10. Mümkün olan yerde önceden oluşturun
Statik veya önceden oluşturulmuş sayfalar en hızlı yüklenir. Next.js gibi framework'ler çoğu sayfayı önceden oluşturabilir ve sadece gereken yerde güncel veri çeker.
Nasıl ölçülür?
Önemli sayfalarınızı PageSpeed Insights ile test edin ve sadece laboratuvar puanına değil, gerçek kullanıcı verilerine bakın. Önce mobili kontrol edin — performans sorunlarının çoğu orada ortaya çıkar.
Daha hızlı bir site sadece teknik bir kazanım değildir. Daha fazla ziyaretçinin kalması, okuması ve dönüşmesi demektir.
Sitenizi incelememizi ister misiniz? Ücretsiz performans analizi için bize ulaşın.