Как оптимизировать загрузку большого изображения

Используй lazy loading для отложенной загрузки изображений вне viewport: ```html ``` Сжимай изображения (WebP, AVIF) и используй srcset для адаптивности: ```html ``` Для фоновых изображений применяй CSS media queries: ```css .hero { background-image: url('small.jpg'); } @media (min-width: 768px) { .hero { background-image: url('large.jpg'); } } ``` Дополнительно: используй CDN, кэширование, placeholder'ы и прогрессивную загрузку JPEG.