Görsel Optimizasyonu ile Site Hızı Nasıl Artırılır

Son doğrulama: Eylül 2026 · cPanel 136 test hesabında denendi

Görsel optimizasyonu site hızını neden etkiler

Bir sayfanın toplam boyutunun büyük kısmını genelde görseller oluşturur; büyük ve sıkıştırılmamış bir görsel, sayfanın tamamı yüklenene kadar tarayıcıyı bekletir. web.dev’in resmi rehberine göre WebP gibi yeni nesil formatlar aynı görsel kalitesini daha küçük dosya boyutuyla sunar. Görsel optimizasyonu site hızı açısından bu yüzden genelde en hızlı geri dönüşü veren adımdır; kod değişikliği gerektirmez, yalnızca dosyaların kendisini değiştirirsiniz.

Boyutlandırma ayrı bir konudur: 3000 piksel genişliğinde çekilmiş bir fotoğrafı sayfada 600 piksellik bir alanda göstermek, tarayıcıya gereğinden büyük bir dosya indirtir. Görseli gösterileceği gerçek boyuta küçültmek, formatı değiştirmekten bağımsız bir kazanç sağlar. Bu iki adım genellikle birlikte uygulanır ve hangisinin daha büyük fark yarattığı görselin türüne göre değişir; bir ürün fotoğrafında boyutlandırma, ekran görüntüsü ağırlıklı bir sayfada format değişimi daha belirgin sonuç verebilir.

Gecikmeli yükleme (lazy loading) ve tarayıcı önbellek başlıkları ise farklı bir sorunu çözer: ilk ikisi dosyanın kendisini küçültürken, bu ikisi dosyanın ne zaman ve kaç kez indirileceğini belirler. Sayfanın ilk görünümünde olmayan bir görseli hemen indirmemek, ilk yüklemeyi hızlandırır; tarayıcıda bir süre saklanan görsel ise ikinci ziyarette hiç indirilmez.

Görsel optimizasyonu adım adım nasıl yapılır

1. WebP’ye dönüştürme — WordPress 5.8 ve sonrasında medya kütüphanesi WebP dosyalarını doğrudan kabul eder; mevcut JPG/PNG görselleri toplu dönüştürmek isterseniz cPanel’deki Görüntüler aracını kullanabilirsiniz.
   

   

   Beklenen sonuç: seçtiğiniz görsellerin yanına dönüştürülmüş kopyaları oluşur.

2. Gerçek boyuta küçültme — aynı Görüntüler aracındaki ölçeklendirme seçeneğiyle ya da WordPress medya düzenleyicisindeki kırpma/yeniden boyutlandırma özelliğiyle görseli sayfada göründüğü piksel genişliğine indirin.

   Beklenen sonuç: dosya boyutu genelde belirgin şekilde küçülür, görsel kalitesi gözle aynı kalır.

3. Gecikmeli yükleme — WordPress 5.5’ten beri görsellere loading="lazy" özniteliğini otomatik ekler; temanız ya da eklentileriniz bunu kapatmadıysa ek bir işlem gerekmez. Sayfa kaynağını görüntüleyip birkaç <img> etiketinde bu özniteliği kontrol edin.
4. Tarayıcı önbellek başlıkları — görseller değiştikçe yeniden indirilmesin, tarayıcı bir süre kendi kopyasını kullansın diye .htaccess üzerinden önbellek süresi tanımlanır; bu adımın tüm kod örneği .htaccess ile tarayıcı önbellekleme yazısındadır.

Doğrulama

Hâlâ çözülmediyse

• Görselleri dönüştürdüm ama sayfa hâlâ eski hâliyle açılıyor. Bir sayfa önbelleğiniz varsa eski kopya sunuluyor olabilir; önbellek eklentisi kuruluysa önbelleği temizleyip yeniden deneyin.
• Yüzlerce ürün görselim var, teker teker yapmak çok uzun sürüyor. cPanel Görüntüler aracındaki toplu seçim özelliğini kullanabilir ya da işlemi birkaç kategoriye bölüp aşamalı yapabilirsiniz; hangi yöntemin sitenize uygun olduğunu değerlendirmek için destek talebi de açabilirsiniz.
• loading="lazy" özniteliği sayfa kaynağında görünmüyor. Temanız ya da bir eklenti bunu devre dışı bırakmış olabilir; sorunlu eklenti bulma yöntemiyle hangi bileşenin bunu değiştirdiğini bulabilirsiniz.