Skip to content
EN

Как подключить CDN к сайту

Коротко:

CDN (Content Delivery Network) — географически распределённые сервера, отдающие статику из ближайшей точки к пользователю. Для стандартного сайта настройка 30 мин: регистрация в Cloudflare (бесплатно), перенаправление DNS-зоны, включение proxy, настройка cache rules. Для РФ — Yandex Cloud CDN (DC в Москве).

Ниже: пошаговая инструкция, рабочие примеры, типичные ошибки, FAQ.

Проверить свой сайт →

Пошаговая настройка

  1. Регистрация в CDN (Cloudflare бесплатно)
  2. В dashboard добавьте domain → импорт существующих DNS записей
  3. В registrar поменяйте nameservers на Cloudflare (craig.ns.cloudflare.com, etc.)
  4. Ждите propagation (1-24 часа). Enterno DNS checker показывает когда пришло
  5. В Cloudflare enable: "Proxy" (orange cloud) на A-записях для edge-caching
  6. SSL/TLS mode: Full (strict) — если у origin cert. Full (не strict) — если self-signed.
  7. Cache rules: Static Files → Cache Everything, TTL 1 year
  8. Проверка: curl -I https://example.com | grep -i "cf-cache-status" → "HIT"

Рабочие примеры

СценарийКонфиг
Cloudflare Page Rule для cacheURL: example.com/static/* → Cache Everything + Edge Cache TTL: 1 year + Browser Cache TTL: 1 year
AWS CloudFront distributionOrigin: your-bucket.s3.amazonaws.com Alternate Domain Names (CNAMEs): cdn.example.com Default Cache Behavior: Redirect HTTP to HTTPS + Cache based on Host header
Yandex Cloud CDNСоздать CDN resource → Primary origin: origin.example.com Edge locations: Moscow + Saint-Petersburg SSL: Let's Encrypt или custom cert
nginx origin behind CDNreal_ip_header CF-Connecting-IP; set_real_ip_from 173.245.48.0/20; # Cloudflare IP ranges
Cache bust via query paramhttps://example.com/style.css?v=1776446434 # filemtime hash auto-bust

Типичные ошибки

  • Cloudflare SSL mode "Flexible" + редирект в PHP на HTTPS = redirect loop
  • Cache rules на dynamic endpoints (/api/*, /admin/*) — serve stale data всем users
  • origin server видит client IP как Cloudflare → в логах все = 173.245.x.x. Fix: real_ip_header CF-Connecting-IP.
  • CDN кэширует Set-Cookie headers — users получают чужие sessions. Bypass cache для /api.
  • Redirect chain длиннее (www → non-www → HTTPS → CDN) — LCP ухудшается. Consolidate.

Как настроить CDN — TL;DR

Чтобы настроить CDN на примере Cloudflare, AWS и Яндекс, начните с создания учетной записи на выбранной платформе, затем добавьте домен и измените DNS-записи, указав серверы имен провайдера. Для Cloudflare выполните команду curl -X POST "https://api.cloudflare.com/client/v4/zones" -H "Authorization: Bearer YOUR_API_TOKEN" -H "Content-Type: application/json" -d '{"name":"example.com","account":{"id":"YOUR_ACCOUNT_ID"}}'. Убедитесь, что кэширование и SSL активированы для повышения производительности и безопасности.

Настройка CDN на Cloudflare

Cloudflare является одним из самых популярных CDN-сервисов, благодаря простоте настройки и множеству функций. Чтобы начать, выполните следующие шаги:

  1. Создайте учетную запись: Перейдите на сайт Cloudflare и зарегистрируйтесь.
  2. Добавьте домен: Введите свой домен и нажмите «Добавить сайт».
  3. Сканирование DNS: Cloudflare автоматически сканирует ваши DNS-записи. Проверьте их и подтвердите.
  4. Измените DNS-записи: После завершения добавления, вам будет предоставлен набор серверов имен. Измените их в панели управления вашего домена.
  5. Настройте кэширование: В разделе «Caching» выберите уровень кэширования. Рекомендуется использовать режим «Standard» для большинства сайтов.
  6. Активируйте SSL: В разделе «SSL/TLS» выберите режим «Full» для обеспечения безопасности соединений.

После выполнения этих шагов ваш сайт будет подключен к Cloudflare, и вы сможете воспользоваться преимуществами его CDN.

Настройка CDN на AWS и Яндекс

Amazon Web Services (AWS) и Яндекс также предлагают эффективные решения для внедрения CDN. Вот основные шаги для настройки CDN на этих платформах:

Настройка AWS CloudFront

  1. Создание дистрибутива: Перейдите в консоль управления AWS и выберите CloudFront. Нажмите «Create Distribution».
  2. Выбор источника: Укажите источник контента (например, S3 bucket или HTTP сервер).
  3. Настройка параметров: В разделе «Cache Behavior Settings» настройте параметры кэширования. Рекомендуется установить Default TTL на 86400 секунд.

После создания дистрибутива CloudFront предоставит вам уникальный домен для доступа к вашему контенту через CDN.

Настройка Яндекс.Облака

  1. Создание сервиса: Войдите в Яндекс.Облако и создайте новый CDN-сервис.
  2. Добавление источника: Укажите ваш источник данных (например, объектное хранилище).
  3. Настройка кэширования: Настройте правила кэширования, установив Cache-Control на max-age=3600.

После завершения настройки вы получите URL для доступа к вашему контенту через Яндекс.CDN.

Следуя этим шагам, вы сможете эффективно настроить CDN на Cloudflare, AWS и Яндекс, что значительно улучшит производительность вашего сайта и его доступность для пользователей.

Как настроить CDN: краткий ответ

Для настройки CDN, таких как Cloudflare, AWS и Яндекс, необходимо зарегистрироваться в сервисе, создать профиль для вашего сайта и настроить DNS-записи. На Cloudflare это включает активацию проксирования через их интерфейс, для AWS — использование Amazon CloudFront с настройкой Origin и распределением контента. Яндекс требует указания домена и настройки кэширования через интерфейс Яндекс.Облака. Следуйте пошаговым инструкциям, чтобы обеспечить быструю загрузку вашего сайта.

Настройка Cloudflare CDN

Cloudflare предлагает мощные инструменты для ускорения вашего сайта и улучшения его безопасности. Для начала, выполните следующие шаги:

  1. Регистрация и добавление сайта: Создайте учетную запись на Cloudflare и добавьте ваш сайт, следуя инструкциям по настройке DNS.
  2. Изменение DNS-серверов: После добавления сайта Cloudflare предоставит вам новые DNS-серверы. Замените текущие DNS-серверы вашего домена на указанные Cloudflare.
  3. Настройка уровня кэширования: Перейдите в раздел Caching и выберите уровень кэширования. Рекомендуется использовать Standard для большинства сайтов.
  4. Оптимизация настроек: Включите Auto Minify для CSS, JavaScript и HTML, чтобы уменьшить объем передаваемых данных.
  5. Настройка SSL: В разделе SSL/TLS выберите режим Full или Flexible, в зависимости от настроек вашего сервера.

После завершения этих шагов, проверьте работу сайта через WhatsMyDNS для проверки обновления DNS-записей.

Настройка AWS CloudFront CDN

AWS CloudFront предоставляет гибкие возможности для доставки контента. Для настройки следуйте этим шагам:

  1. Создание дистрибутива: Войдите в консоль AWS и перейдите в CloudFront. Нажмите Create Distribution и выберите тип дистрибутива Web.
  2. Настройка Origin: Укажите источник контента, например, S3 bucket или ваш сервер. Для S3 выберите Origin Domain Name вашего бакета.
  3. Настройка кэширования: В разделе Cache Behavior Settings выберите Viewer Protocol Policy как Redirect HTTP to HTTPS для повышения безопасности.
  4. Настройка SSL: Выберите Custom SSL Certificate и загрузите свой сертификат, если это необходимо, или используйте сертификат AWS.
  5. Создание дистрибутива: После настройки всех параметров нажмите Create Distribution. Это может занять некоторое время.

После создания дистрибутива, получите URL CloudFront и замените им ссылки на ваш контент на сайте. Проверьте работу через инструменты, такие как KeyCDN для анализа производительности.

Больше по теме

Часто задаваемые вопросы

Cloudflare или Yandex Cloud CDN?

Cloudflare: глобальный coverage, бесплатно, но не все российские ISP route оптимально. Yandex: tier-1 РФ coverage + compliance, но платный от 0.5₽/GB.

Насколько ускоряется сайт через CDN?

TTFB для международных клиентов: 300-800ms → 50-150ms. LCP: 10-40% улучшение зависимо от контента.

Как очистить CDN cache?

Cloudflare: Dashboard → Caching → Purge Cache (all или по URL). AWS: Invalidation в CloudFront console. Yandex: Prefetch/Purge API.

Помогает ли CDN для SEO?

Да. Google учитывает TTFB + Core Web Vitals. Быстрый CDN → лучше CWV → +10-20% видимости.

Запустить инструмент, который описан в этой статье

Бесплатный тариф — 10 мониторов, проверки каждые 5 мин, без карты. Платные тарифы — интервал от 1 минуты и проверки из нескольких регионов.