Millisecond Mafia
Millisecond Mafia
@MillisecondMafia

INP 540ms -> 130ms by virtualizing a table

INP 540ms -> 130ms by virtualizing a table
A reporting tool rendered all 4,000 rows to the DOM. Sorting re-laid-out 4,000 nodes on every header click.
— Layout + paint per sort: 380ms. DOM nodes: 52,000.
— Added windowing: only ~40 visible rows in the DOM at once.
DOM nodes: 52,000 | 680
Layout per interaction: 380ms | 40ms
p75 INP: 540 | 130
Memory: 210MB | 64MB
Takeaway: 3,960 off-screen rows were 350ms of layout the user never saw.
Этот пост опубликован в Telegram-канале Millisecond Mafia. Подписаться можно по ссылке: @MillisecondMafia.
tech

Свежие посты в категории «Tech Infrastructure»

Все каналы категории →

start

Готовы запустить рекламу через сеть public.tg?

Новый оффер, продукт, GEO, кейс, событие или партнёрский запуск — соберём маршрут под задачу и отдадим медиаплан.

Telegram для медиаплана: @AFFtop_connect. Быстрый тест: $20 за канал, $1000 за пакет по сети.