Какие методы оптимизации загрузки внешних ресурсов на странице вы можете предложить?

• Асинхронная загрузка скриптов: async и defer.
• Ленивая загрузка изображений и видео (loading="lazy").
• Оптимизация изображений: сжатие, использование современных форматов (WebP, AVIF), адаптивные изображения (<picture>, srcset).
• Минификация и сжатие CSS и JavaScript файлов.
• Использование CDN для статических ресурсов.
• Приоритизация ресурсов с помощью preload и preconnect.
• Сокращение количества HTTP-запросов: объединение CSS/JS файлов, использование спрайтов (для иконок).
• Кэширование ресурсов на стороне клиента (HTTP-заголовки Cache-Control, Expires).
• Использование Resource Hints (dns-prefetch, preconnect, prefetch, prerender).
• Анализ и удаление неиспользуемого CSS (Critical CSS).

<script src="script.js" async></script>
<script src="other.js" defer></script>

<img src="image.jpg" loading="lazy" alt="Описание изображения">

<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preconnect" href="https://cdn.example.com/">