Как ускорить длинный список: content-visibility или виртуализация… — Веб-стандарты

Веб-стандарты@webstandards_ru · 13.9K subscribers Open in TelegramOpen

Как ускорить длинный список: content-visibility или виртуализация. Агустин Барриентос сравнивает список из 50 тысяч карточек, отрисованный тремя способами. Свойство content-visibility: auto вместе с contain-intrinsic-size оставляет все строки в DOM и пропускает рендеринг за пределами экрана, а виртуализация выкидывает строки из DOM и заодно забирает у браузера поиск по странице, ссылки-якоря, сохранение фокуса и состояние карточек. #performance #css

https://agustinbarrientos.com/writing/senior-eye/content-visibility-vs-virtualization/

t.me/webstandards_ru/7841 Translate