- Forum Yaşı
- 2 Gün
Görselleri hızlandırmanın ilk adımı, ekranda görünecek gerçek boyutu belirlemektir. 2400 piksellik bir fotoğrafı 600 piksellik kartta göstermek gereksiz veri taşır. Farklı ekranlar için srcset ve sizes kullanın.
Fotoğraflarda WebP veya AVIF, şeffaf ikonlarda SVG tercih edilebilir. Sıkıştırma kaliteyi görünür biçimde bozmadan dosya boyutunu düşürmeli; her görsele width ve height vererek CLS riskini azaltın. Ekranın altında kalan görselleri lazy loading ile geciktirin.
Kahraman görselini ise geciktirmeyin; doğru öncelik ve preload kullanımı LCP değerini iyileştirir.
Fotoğraflarda WebP veya AVIF, şeffaf ikonlarda SVG tercih edilebilir. Sıkıştırma kaliteyi görünür biçimde bozmadan dosya boyutunu düşürmeli; her görsele width ve height vererek CLS riskini azaltın. Ekranın altında kalan görselleri lazy loading ile geciktirin.
Kahraman görselini ise geciktirmeyin; doğru öncelik ve preload kullanımı LCP değerini iyileştirir.