HTML i CSS · Senior · Pytanie 8 z 75
Jak content-visibility: auto przyspiesza długie strony?
- 1Leniwie ładuje obrazki i iframe'y wewnątrz elementu, jak
loading=lazy - ✓Poprawna odpowiedź: Pomija layout i malowanie elementów poza ekranem, dopóki nie są potrzebne
- 3Usuwa niewidoczne elementy z DOM i przywraca je przy przewijaniu
Wyjaśnienie
Przeglądarka nie renderuje sekcji poza viewportem, oszczędzając czas przy pierwszym malowaniu. Aby pasek przewijania nie skakał, podaje się oczekiwany rozmiar przez contain-intrinsic-size: auto 500px. DOM pozostaje nietknięty: wyszukiwanie na stronie i dostępność działają, w przeciwieństwie do wirtualizacji.