Bir web sayfası masaüstünde sorunsuz açılırken mobil bağlantıda ziyaretçiyi bekletebilir. Üstelik sayfanın indirdiği her megabayt, kullanıcının sınırlı veri paketinden düşer. Sayfa ağırlığı yalnızca hız meselesi değil, ziyaretçinin cebine dokunan bir konudur ve terk oranını doğrudan etkiler.
Sayfa ağırlığı neyle ölçülür ve neden önemlidir?
Sayfa ağırlığı, bir sayfanın tam yüklenmesi için indirilen tüm dosyaların toplam boyutudur. Görseller, betikler, stil dosyaları, yazı tipleri ve üçüncü taraf eklentiler bu toplamı oluşturur. Tarayıcının geliştirici araçlarındaki ağ sekmesi, hangi dosyanın ne kadar yer kapladığını açıkça gösterir. Mobil kullanıcı çoğu zaman sınırlı paket ve dalgalı bağlantıyla gezdiği için 5 MB’lık bir ana sayfa hem uzun beklemeye hem de gereksiz veri harcamasına yol açar. Ziyaretçi bunu fark ettiğinde sayfayı kapatır, bu da arama motorlarına olumsuz kullanıcı sinyali olarak yansır.
Veri tüketimini en çok artıran unsurlar
Çoğu sitede ağırlığın büyük kısmını görseller oluşturur. Kameradan çıkmış, yeniden boyutlandırılmamış bir fotoğraf tek başına birkaç megabayt olabilir. İkinci büyük kalem betiklerdir: kullanılmayan eklentiler, sohbet pencereleri, takip kodları ve reklam etiketleri her açılışta indirilir. Otomatik oynayan arka plan videoları da paketi hızla tüketir. Çok sayıda yazı tipi ailesi ve ağırlığı eklemek, her biri küçük görünse de toplamda belirgin bir yük oluşturur. Bu unsurları tek tek listelemek, hangisinin gerçekten gerekli olduğunu görmenin ilk adımıdır.
Sayfayı hafifletmek için uygulanabilir adımlar
Görselleri yüklemeden önce görüntülenecek boyuta küçültün ve WebP ya da AVIF gibi modern biçimlere çevirin. Ekranın altında kalan görseller için gecikmeli yüklemeyi açın, böylece kullanıcı kaydırmadıkça indirilmez. Farklı ekran genişlikleri için birden fazla görsel boyutu tanımlayarak telefona masaüstü boyutunda dosya gönderilmesini önleyin. Kullanılmayan eklentileri kaldırın, kalan betikleri küçültüp sıkıştırın ve sunucuda gzip ya da brotli sıkıştırmasını etkinleştirin. Yazı tiplerinde en fazla iki aile ve gerekli ağırlıklarla yetinin. Videoları otomatik oynatmak yerine kullanıcı isteğiyle başlatın. Önbellek ayarları da tekrar eden ziyaretlerde aynı dosyaların yeniden indirilmesini engeller.
Değişiklikleri nasıl doğrularsınız?
Her düzenlemeden sonra PageSpeed Insights ya da Lighthouse ile mobil sonuçları karşılaştırın. Toplam aktarılan bayt değerini, Largest Contentful Paint süresini ve toplam engelleme süresini not edin. Testi yalnızca hızlı Wi-Fi ile değil, tarayıcıdaki yavaş 4G sınırlamasıyla da yapın. Böylece gerçek kullanıcı deneyimine daha yakın bir tablo elde edersiniz.
Sayfa ağırlığını düşürmek, ziyaretçinin hem zamanına hem veri paketine saygı göstermektir. Önce en büyük dosyalardan başlayıp ölçerek ilerlemek, en az emekle en belirgin kazancı sağlar.