Bir JPG dosyasını WebP'ye çevirmek iyi bir başlangıçtır; fakat 4000 px genişliğindeki görseli mobil ekrana yine 4000 px olarak göndermek performans problemini çözmez.
Doğru pipeline
- Upload sırasında gerçek MIME ve görsel içeriğini doğrulayın.
- Maksimum piksel ve dosya boyutu sınırı koyun.
- Görseli sunucuda yeniden encode edin.
- İhtiyaca göre farklı genişlikler üretin.
- Liste/kart görsellerinde lazy loading kullanın.
- Above-the-fold hero görselini gereksiz lazy load etmeyin.
- Uzun süreli cache header kullanın ve dosya adı değişimini versiyonlama olarak değerlendirin.
SEO tarafı
Dosya formatından daha önemli konular arasında anlamlı ALT metni, görselin içerikle ilişkisi, doğru boyut ve layout shift oluşturmaması bulunur.
Güvenlik tarafı
Kullanıcının yüklediği görseli doğrudan aynı dosyayla yayınlamak yerine yeniden decode/encode etmek, geçersiz veya karma içerik riskini azaltan önemli bir savunma katmanıdır.