Как оптимизировать скрипты

Оптимизация скриптов включает несколько ключевых подходов:

1. Минификация и бандлинг – использование инструментов типа Webpack, Rollup или ESBuild для объединения файлов и удаления лишних символов.
   js

   Копировать

   // До
   function hello() { console.log('Hello'); }
   // После минификации
   function hello(){console.log('Hello')}

2. Ленивая загрузка – динамический импорт модулей по требованию:

   js

   Копировать

   const module = await import('./module.js');

3. Кэширование – использование localStorage или Service Worker для хранения повторно используемых данных.

4. Оптимизация циклов – избегание тяжелых операций внутри циклов.

5. Debounce/Throttle – для событий типа scroll или resize:

   js

   Копировать

   window.addEventListener('resize', _.debounce(handleResize, 200));

6. Web Workers – вынос тяжелых вычислений в отдельный поток.

7. Избегание рефлов и репаинтов – группировка изменений DOM через requestAnimationFrame.

Профилирование в Chrome DevTools помогает выявить узкие места.