Bir sayfanın ağırlığının büyük kısmı çoğu zaman görsellerdir. Metin birkaç kilobayt yer tutar, ama tek bir büyük fotoğraf megabaytlarca olabilir ve sayfanın yüklenmesini tek başına uzatır. Bu yüzden görselleri optimize etmek, tek bir adımda en çok hız kazandıran işlerden biridir. Üç basit aşamada sayfanı ciddi biçimde hafifletebilirsin.
Önce doğru boyut
İlk kural, bir görseli ekranda görüneceğinden daha büyük yüklememek. Modern telefonlar 4000 piksel genişliğinde fotoğraf çeker; ama sitende o görsel yalnızca 800 piksel genişliğinde gösterilecekse, 4000 pikseli olduğu gibi yüklemek koca bir israftır. Tarayıcı o devasa görseli indirir, sonra küçültüp gösterir; yani fazladan yükü boşuna taşır.
Çözüm basit: görseli yüklemeden önce makul bir boyuta küçült. Çoğu site için en büyük görselde bile 1600 piksel genişlik fazlasıyla yeterlidir. Bu tek adım, dosya boyutunu çoğu zaman birkaç kat düşürür ve hiçbir kalite kaybı hissetmezsin, çünkü zaten görünmeyen pikselleri atmış olursun.
Sonra sıkıştırma
Boyut doğru olsa bile görsel dosyası hâlâ gereğinden ağır olabilir. İşte burada sıkıştırma devreye girer. Sıkıştırma, görseldeki gözle fark edilmeyen fazlalığı atarak dosyayı küçültür; sonuçta görsel neredeyse aynı görünür ama çok daha hafif olur.
Bunu elle yapmak zahmetlidir, neyse ki eklentiler var. ShortPixel, Smush ve Imagify gibi eklentiler bu işi otomatikleştirir. Yüklediğin her yeni görseli arka planda sıkıştırırlar ve sitende zaten var olan eski görselleri de toplu halde işleyebilirler. Çoğu zaman kaliteden gözle görülür bir şey kaybetmeden dosya boyutu yarıdan aşağı iner.
Modern format: WebP
Görselleri WebP biçimine çevirmek, bir adım daha ileri gider. WebP, aynı kalitede eski JPEG ve PNG biçimlerinden çok daha küçük dosya üretir; yani hem görsel net kalır hem dosya hafifler. Bugün neredeyse tüm tarayıcılar WebP’yi destekler, o yüzden uyumluluk derdi de yok. İyi haber, yukarıda saydığım sıkıştırma eklentilerinin çoğu görselleri otomatik olarak WebP’ye de çevirir; tek bir eklenti hem sıkıştırır hem formatı dönüştürür.
Lazy yükleme
Bir de lazy yükleme, yani geç yükleme var. Mantığı şu: sayfanın en altındaki, kullanıcının henüz görmediği görseller baştan yüklenmez; kullanıcı o noktaya kaydırdıkça teker teker yüklenir. Böylece sayfa açılırken sadece ekranda görünen görseller indirilir ve ilk açılış çok daha hızlı olur.
WordPress bu özelliği artık kendiliğinden sağlar, yani çoğu durumda ek bir şey yapmana gerek kalmaz. Ama bazı temalar bunu kapatabiliyor; görsellerin geç yüklenip yüklenmediğini kontrol etmekte fayda var.
Üçü birlikte
Doğru boyut, sıkıştırma ve modern format bir araya geldiğinde, çoğu sitede sayfa ağırlığı yarıdan aşağı iner. Bu, ziyaretçinin beklediği süreyi doğrudan kısaltır. Unutma, görseller yüklenirken bekleyen bir kullanıcı çoğu zaman o beklemeyi göze almaz ve siteyi terk eder. Hem ziyaretçi hem arama motoru hızlı siteyi sever; görsel optimizasyonu, bu hızı sağlamanın en kolay ve en etkili yollarından biridir.
İlgili Rehberler
- WordPress için en iyi hosting nasıl seçilir
- CDN nedir, siteyi nasıl hızlandırır
- Lazy load (tembel yükleme) nedir, ne işe yarar
Siteniz yavaş mı açılıyor? Bunu kendiniz uğraşmak istemiyorsanız, WordPress site hızlandırma hizmetime göz atabilirsiniz.
Bu konunun tüm rehberi: WordPress Hız ve Performans Rehberi
