Что такое CDN и зачем он нужен?

CDN (Content Delivery Network) — это распределённая сеть серверов, которая используется для быстрой доставки статического контента (изображений, стилей, скриптов, видео и пр.) пользователям по всему миру.

Суть: контент сайта кэшируется и дублируется на множестве серверов, расположенных в разных точках планеты (т.н. edge-серверах). Пользователь загружает ресурсы с ближайшего к нему сервера, а не с основного хостинга.

Зачем нужен CDN?

Ускорение загрузки

Контент загружается с ближайшего сервера → быстрее рендер и отзывчивость страницы.

Снижение нагрузки на основной сервер

CDN раздаёт все тяжелые файлы (CSS, JS, шрифты, изображения), освобождая backend.

Повышение надёжности

Если один из серверов CDN недоступен — пользователь получит ресурс с ближайшего доступного.

Безопасность

CDN может включать защиту от DDoS-атак, фильтрацию трафика и SSL-шифрование.

Что можно хранить в CDN?

• Статические файлы: .css, .js, .html
• Шрифты (.woff, .ttf)
• Изображения (.jpg, .png, .svg, .webp)
• Видео и аудио
• SPA-бандлы (React, Vue, Angular)

Примеры популярных CDN

• Google Fonts, Font Awesome, Bootstrap CDN и пр.

Пример использования CDN

Подключение Bootstrap через CDN

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
/>