Перейти к основному содержимому

Инструменты и библиотеки

Используйте актуальные стабильные версии инструментов и библиотек.

Измерения и профилирование​

  • web-vitals — сбор LCP/INP/CLS в продакшене (RUM).
  • Lighthouse — лабораторные замеры.
  • Chrome DevTools Performance — профилирование main thread.

Анализ бандла​

  • webpack-bundle-analyzer
  • source-map-explorer
  • rollup-plugin-visualizer

Виртуализация списков​

  • @tanstack/react-virtual
  • react-window

Используйте, если список рендерит сотни элементов и вызывает лаги.

Lazy-load по видимости​

  • react-intersection-observer

Применяется для отложенной загрузки не критичных блоков.