System Design · Junior · Pytanie 25 z 75
Co zrobić z obrazkami, by strona ładowała się szybciej?
- ✓Poprawna odpowiedź: Serwować nowoczesne formaty w odpowiednim rozmiarze i leniwie ładować te poniżej pierwszego ekranu
- 2Osadzić wszystkie obrazki w HTML jako base64, by zmniejszyć liczbę żądań
- 3Ładować obrazki w maksymalnej rozdzielczości dla każdego ekranu
Wyjaśnienie
AVIF/WebP, srcset pod rozmiar ekranu, loading="lazy" dla obrazków poza ekranem, wymiary przeciw CLS, CDN z optymalizacją. Base64 powiększa HTML o jedną trzecią i nie jest cache'owany osobno - uzasadniony tylko dla malutkich ikon.