С помощью чего определяли, что необходимо оптимизировать, и как оптимизировали?

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

• Использование инструментов профилирования (например, Chrome DevTools) для выявления узких мест — долгих загрузок, больших размеров ресурсов, медленных скриптов.
• Анализ метрик, таких как время загрузки страницы, время до интерактивности, FPS, количество запросов.

Оптимизация может включать:

• Минификацию и объединение CSS/JS файлов.
• Ленивую загрузку (lazy loading) изображений и компонентов.
• Кэширование данных и ресурсов.
• Оптимизацию рендеринга, уменьшение количества перерисовок.

Пример: если в Chrome DevTools видно, что долго загружается большой JS-файл, можно разбить его на чанки и загружать по необходимости:

// динамический импорт модуля
import('./heavyModule.js').then(module => {
  module.run();
});

Такой подход уменьшит время первоначальной загрузки и улучшит отзывчивость интерфейса.