Есть ли опыт оптимизации изображений

Да, есть. Оптимизация изображений — важный этап для улучшения производительности веб-приложений.

Основные методы:

• Сжатие без потерь (например, через imagemin, sharp).
• Использование современных форматов (WebP, AVIF) вместо JPEG/PNG.
• Ленивая загрузка (loading="lazy" или Intersection Observer).
• Респонсивные изображения (srcset, sizes).
• CDN с оптимизацией (Cloudinary, Imgix).

Пример сжатия через Webpack:

module.exports = {
  module: {
    rules: [
      {
        test: /\.(png|jpe?g|webp)$/i,
        use: [
          {
            loader: 'image-webpack-loader',
            options: {
              mozjpeg: { quality: 70 },
              webp: { quality: 75 },
            },
          },
        ],
      },
    ],
  },
};

Также важно правильно выбирать размеры и ресайзить изображения под конкретные разрешения экранов.