Как оптимизировать работу с DOM для повышения производительности?

DOM медленный не сам по себе, а из-за пересечения границы между JavaScript-движком и рендер-движком. Каждое обращение к DOM — это «мост» между двумя мирами. Оптимизация сводится к трём принципам: минимизировать количество обращений к DOM, группировать изменения и кэшировать ссылки на элементы. Современные фреймворки делают это автоматически через Virtual DOM или реактивность, но в чистом JS это твоя ответственность.