Görseller, mobil performansı etkiler. Responsive görseller için `srcset` kullan (ör. `<img src="kucuk.jpg" srcset="buyuk.jpg 1024w, orta.jpg 640w, kucuk.jpg 320w">`). CSS ile `max-width: 100%` ve `height: auto` ayarla. `loading="lazy"` ile tembel yükleme yaparak yükleme süresini azalt. Arka plan görsellerini media query ile küçült (ör. `background-image: url('mobil-bg.jpg')`). WebP gibi modern formatları tercih et. Performansı Lighthouse ile kontrol et.
Yorumlar:
Henüz yorum yazılmamış.
Yorumunuz: