Верстка · Senior · Запитання 46 з 75
Таблиця на 10 000 рядків гальмує під час скролу. Яке рішення найефективніше?
- 1Додати
will-change: transformкожному рядку таблиці - ✓Правильна відповідь: Віртуалізація: рендерити лише видимі рядки й невеликий буфер
- 3Замінити
<table>на<div>-сітку на CSS Grid зgap
Пояснення
Головна проблема - тисячі DOM-вузлів: пам'ять, layout і стилі. Віртуалізація (TanStack Virtual, react-window) тримає в DOM десятки рядків і підміняє їх під час прокручування. will-change на тисячах елементів з'їсть пам'ять. Зміна розмітки кількості вузлів не зменшить. Простіші альтернативи - пагінація або content-visibility.