Перейти к основному содержимому

CDN: быстрый старт

Работать с СDN можно в панели управления и через CDN API.

  1. Создайте CDN-ресурс.

  2. Опционально: добавьте персональный домен к CDN-ресурсу.

  3. Если ваш сайт работает на WordPress, интегрируйте CDN и WordPress.

  4. Проверьте работу CDN-ресурса.

1. Создать CDN-ресурс

CDN-ресурс — это набор настроек, которые определяют, как CDN будет забирать контент с источника контента и доставлять его конечным пользователям.

Источником контента может быть:

  • свой источник — сервер, доступный из интернета по протоколу HTTP или HTTPS;
  • или бакет S3.
  1. Убедитесь, что вы пополнили баланс на сумму 200 ₽. Это нужно, чтобы процесс создания CDN-ресурса запустился. Деньги останутся на балансе.

  2. В панели управления в верхнем меню нажмите Продукты и выберите CDN.

  3. Нажмите Создать ресурс.

  4. Выберите тип оптимизации раздачи контента:

    • статика — если через CDN нужно раздавать веб-файлы, которые используются для отображения на сайте: изображения, стили, скрипты, небольшие видео, текстовые файлы (HTML, CSS, JS и другие);

    • или большие файлы (больше 20 МБ) — если через CDN нужно раздавать длинные видео или файлы, которые пользователь будет скачивать: дистрибутивы, архивы, образы дисков. CDN будет загружать такие файлы с источника контента по частям, а не целиком. По умолчанию размер одной части (слайса) — 16 МБ, вы можете изменить размер слайса после создания CDN-ресурса.

    Вы можете изменить тип оптимизации после создания CDN-ресурса.

  5. В поле Адрес введите домен или IP-адрес источника контента.

  6. Нажмите Создать. Для CDN-ресурса будет сгенерирован домен по умолчанию вида *.selcdn.net. Вы можете оставить домен по умолчанию или добавить персональный домен.

2. Опционально: добавить персональный домен к CDN-ресурсу

Мы рекомендуем раздавать контент через персональный домен. Использование сторонних доменов может затруднить продвижение сайта и повлиять на порядок в поисковой выдаче.

  1. Если у вас еще нет домена, который вы хотите использовать в качестве персонального, зарегистрируйте домен.
  2. Создайте CNAME-запись в DNS-хостинге.
  3. Добавьте персональный домен в панели управления.
  4. Добавьте SSL-сертификат к CDN-ресурсу.
  5. Замените домен в ссылках на сайте.

1. Зарегистрировать домен

Если у вас есть домен, перейдите на этап 2.

Если домена нет, зарегистрируйте его у доменного регистратора. Вы можете зарегистрировать домен в зонах .ru и .рф через сервис Домены в Selectel.

2. Создать CNAME-запись в DNS-хостинге

В качестве персонального домена можно использовать только поддомен для основного домена, например cdn.example.com для example.com. Использовать основной домен в качестве персонального нельзя.

  1. Откройте редактирование ресурсных записей домена:

    • если вы делегировали домен в Selectel, перейдите в панель управления Selectel: в верхнем меню нажмите ПродуктыDNS-хостинг → раздел Доменные зоны;
    • если вы делегировали домен в сторонний DNS-хостинг, перейдите в панель управления этого DNS-хостинга.
  2. Создайте ресурсную запись. Если вы делегировали домен в Selectel, используйте инструкцию Добавить ресурсную запись. Укажите:

    • тип записи — CNAME;

    • имя записи — поддомен вида cdn.example.com;

    • значение — домен по умолчанию вида *.selcdn.net. Указывайте домен без протокола, например cdn.example.com. Допускается длина каждого уровня домена — 63 символа. Длина всех уровней не должна превышать 253 символа.

      Посмотреть домен по умолчанию можно в панели управления: в верхнем меню нажмите ПродуктыCDN → раздел CDN-ресурсы → домен будет указан в строке CDN-ресурса.

3. Добавить персональный домен в панели управления

  1. В панели управления в верхнем меню нажмите Продукты и выберите CDN.

  2. В разделе CDN-ресурсы откройте страницу ресурса → вкладка Основное.

  3. В блоке Персональный домен нажмите Добавить персональный домен.

  4. Введите персональный домен, для которого создали CNAME-запись на этапе 2. Если у вас кириллический домен, сначала конвертируйте его в Punycode. Например, для сдн.пример.рф нужно указать xn--d1ask.xn--e1afmkfd.xn--p1ai. Можно использовать любой Punycode-конвертер.

  5. Нажмите Применить. Во время применения настроек ресурс будет находиться в статусе PROCESSING. В это время применение других настроек недоступно. Настройки применятся, когда ресурс перейдет в статус ACTIVE.

4. Добавить SSL-сертификат к CDN-ресурсу

  1. В панели управления в верхнем меню нажмите Продукты и выберите CDN.

  2. Перейдите в раздел Сертификаты для CDN-ресурсов.

  3. Если вы хотите выпустить сертификат Let's Encrypt:

    3.1. В меню выберите Выпустить Let's Encrypt сертификат.

    3.2. Выберите CDN-ресурс, для которого нужно выпустить сертификат.

    3.3. Нажмите Выпустить.

  4. Если вы хотите загрузить персональный сертификат:

    4.1. В меню выберите Загрузить персональный сертификат.

    4.2. Укажите имя сертификата. Имя будет использоваться только в панели управления.

    4.3. Добавьте сертификат для домена. Он должен начинаться с -----BEGIN CERTIFICATE----- и заканчиваться -----END CERTIFICATE-----.

    Вы можете добавить цепочку сертификатов (основной сертификат для домена, промежуточные и корневой) — убедитесь, что они создают полную цепочку. Значение Issuer основного сертификата должно совпадать со значением Subject первого промежуточного сертификата, значение Issuer первого промежуточного сертификата — с Subject второго промежуточного и так далее.

    4.4. Добавьте приватный ключ. Он должен начинаться с -----BEGIN PRIVATE KEY----- и заканчиваться -----END PRIVATE KEY-----.

    4.5. Нажмите Загрузить.

  5. Перейдите в раздел CDN-ресурсы.

  6. Откройте страницу CDN-ресурса → вкладка Сертификаты.

  7. Отметьте чекбокс Раздача по HTTPS через CNAME.

  8. В поле Сертификат выберите сертификат, который выпустили на шаге 3 или загрузили на шаге 4.

  9. Нажмите Применить. Во время применения настроек ресурс будет находиться в статусе PROCESSING. В это время применение других настроек недоступно. Настройки применятся, когда ресурс перейдет в статус ACTIVE.

Если ваш сайт работает на WordPress, интегрируйте CDN и WordPress.

Если при создании ресурса на этапе 1 вы выбрали свой источник контента, то в URL статических файлов сайта замените домен на персональный домен вида cdn.example.com, который указали на шаге 3 при создании CNAME-записи на этапе 2.

3. Интегрировать CDN и WordPress

Если ваш сайт работает не на WordPress, перейдите к проверке работы CDN-ресурса.

  1. Перейдите в консоль администратора WordPress.

  2. В левом меню перейдите в раздел Plugins.

  3. В поисковой строке введите название плагина — W3 Total Cache.

  4. В результатах поиска в карточке плагина W3 Total Cache нажмите Install NowActivate.

  5. В левом меню перейдите в раздел PerformanceGeneral Settings.

  6. В блоке CDN отметьте чекбокс Enable.

  7. В блоке CDN в поле CDN Type выберите Generic Mirror.

  8. В блоке CDN нажмите Save all settings.

  9. В левом меню перейдите в раздел PerfomanceCDN.

  10. В блоке Configuration в поле SSL support выберите Auto (determine connection type automatically).

  11. В блоке Configuration в поле Replace site's hostname with введите домен CDN-ресурса:

    Посмотреть домен по умолчанию и персональный домен можно в панели управления: в верхнем меню нажмите ПродуктыCDN → раздел CDN-ресурсы → строка CDN-ресурса.

  12. Нажмите Save all settings.

4. Проверить работу CDN-ресурса

  1. Дождитесь, когда CDN-ресурс начнет работать — перейдет в статус ACTIVE. Обычно это занимает до 30 минут.

  2. Откройте файл, который должен отдать CDN, по ссылке на вашем сайте. Пример ссылки: example.com/images/image.png.

    Если файл не открывается, проверьте работу сайта.

  3. Откройте файл через домен по умолчанию по ссылке, например: *.selcdn.net/images/image.png. Домен по умолчанию можно посмотреть в панели управления: в верхнем меню нажмите ПродуктыCDNCDN-ресурсы → в строке CDN-ресурса указан домен по умолчанию вида *.selcdn.net.

    Если файл не открывается, проверьте настройки CDN-ресурса и заголовка Host.

  4. Если вы добавили персональный домен на этапе 2, откройте файл через персональный домен по ссылке. Пример ссылки: cdn.example.com/images/image.png.

    Если файл не открывается, проверьте корректность CNAME-записи, которую вы создали на этапе 2.