---
title: 'CDN: быстрый старт'
sidebar_label: 'Быстрый старт'
description: 'Как начать работу с CDN: создать CDN-ресурс, добавить персональный домен, проверить работу CDN'
sidebar_position: 2
---

import Tabs from '@theme/Tabs'
import TabItem from '@theme/TabItem'
import {TabItemLabel} from '@selectel/docux/components'
import Formbricks from '@theme/MDXComponents/Formbricks'
import LinkIcon from '@selectel/docux/icons/link'
import AddCnameInDnsHosting from '@site/docs/_partials/cdn/add-cname-in-dns-hosting.mdx'
import AddPersonalDomainToControlPanel from '@site/docs/_partials/cdn/add-personal-domain-to-control-panel.mdx'
import AddSslCertificate from '@site/docs/_partials/cdn/add-ssl-certificate.mdx'

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

Работать с СDN можно в [панели управления](https://my.selectel.ru/cdn-v3).

1. [Создайте CDN-ресурс](#create-resource).

2. Опционально: [добавьте персональный домен к CDN-ресурсу](#add-personal-domain).

3. Если ваш сайт работает на WordPress, [интегрируйте CDN и WordPress](#integrate-cdn-to-wordpress).

4. [Проверьте работу CDN-ресурса](#check-cdn-resource).

## 1. Создать CDN-ресурс \{#create-resource}

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

Источник контента — место, откуда CDN будет запрашивать файлы. Вы можете указать:

* свой источник;
* или бакет [S3](/s3/).

<Tabs queryString="create-resource">
  <TabItem value="own-source">
    <TabItemLabel>
      Свой источник
    </TabItemLabel>

    1. Убедитесь, что вы [пополнили баланс](/balance-and-payments/manage/top-up-balance.mdx) на сумму 550 ₽.

    2. В [панели управления](https://my.selectel.ru/cdn-v3) в верхнем меню нажмите **Продукты** и выберите **CDN**.

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

    4. Выберите тип оптимизации раздачи контента. Вы cможете [изменить тип оптимизации](/cdn/content/content-delivery-optimization.mdx#change-optimization-type) после создания CDN-ресурса.

       * Статика — подходит для раздачи небольших файлов: изображений, видео- и аудиофайлов, текстовых форматов;
       * или Большие файлы — подходит для раздачи больших файлов без потери качества, например видео. Файлы кэшируются и доставляются по частям (слайсам) с помощью HTTP Range-запросов. По умолчанию размер слайса 16 МБ, вы можете [изменить размер слайса](/cdn/content/content-delivery-optimization.mdx#change-slice-size) после создания CDN-ресурса.

    5. В поле **Адрес** укажите домен или IP-адрес вашего сайта.

    6. Нажмите **Создать**.
       При создании CDN-ресурса автоматически генерируется домен по умолчанию.
       Файлы, которые будет раздавать CDN-сервер, будут открываться по ссылке вида `*.selcdn.net`.
       Вы можете оставить домен по умолчанию или [добавить персональный домен](#add-personal-domain).
  </TabItem>

  <TabItem value="s3">
    <TabItemLabel>
      S3
    </TabItemLabel>

    1. Убедитесь, что вы [пополнили баланс](/balance-and-payments/manage/top-up-balance.mdx) на сумму 550 ₽.

    2. Если у вас еще нет бакета в S3 Selectel, создайте публичный бакет и загрузите в него файлы по инструкции [S3: Быстрый старт](/s3/quickstart.mdx).

    3. В [панели управления](https://my.selectel.ru/cdn-v3) в верхнем меню нажмите **Продукты** и выберите **CDN**.

    4. Нажмите **Создать CDN-ресурс**.

    5. Выберите тип оптимизации раздачи контента. Вы cможете [изменить тип оптимизации](/cdn/content/content-delivery-optimization.mdx#change-optimization-type) после создания CDN-ресурса.

       * Статика — подходит для раздачи небольших файлов: изображений, видео- и аудиофайлов, текстовых форматов;
       * или Большие файлы — подходит для раздачи больших файлов без потери качества, например видео. Файлы кэшируются и доставляются по частям (слайсам) с помощью HTTP Range-запросов. По умолчанию размер слайса 16 МБ, вы можете [изменить размер слайса](/cdn/content/content-delivery-optimization.mdx#change-slice-size) после создания CDN-ресурса.

    6. В блоке **Адрес** укажите адрес публичного бакета вида `*.selstorage.ru` без протокола.
       Посмотреть адрес бакета можно в [панели управления](https://my.selectel.ru/storage/): в верхнем меню нажмите **Продукты** → **S3** → выберите проект → раздел **Бакеты** → страница бакета → вкладка **Домены** → **Основной домен**.

    7. Нажмите **Создать**.
       При создании CDN-ресурса автоматически сгенерируется домен по умолчанию.
       Файлы, которые будет раздавать CDN-сервер, будут открываться по ссылке вида `*.selcdn.net`.
       Вы можете оставить домен по умолчанию или [добавить персональный домен](#add-personal-domain).

    8. Откройте страницу созданного CDN-ресурса → вкладка **Источник**.

    9. В блоке **Hostname** в поле **Hostname при запросе к источнику** укажите значение, которое добавили на шаге 5.
  </TabItem>
</Tabs>

## 2. Опционально: добавить персональный домен к CDN-ресурсу \{#add-personal-domain}

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

1. [Зарегистрируйте домен](#register-domain).
2. [Создайте CNAME-запись в DNS-хостинге](#add-cname-in-dns-hosting).
3. [Добавьте персональный домен в панели управления](#add-personal-domain-to-control-panel).
4. [Добавьте SSL-сертификат к CDN-ресурсу](#add-ssl-certificate).
5. [Замените домен в ссылках на сайте](#change-domain-in-links-on-website).

### 1. Зарегистрировать домен \{#register-domain}

Если у вас еще нет домена, который вы хотите использовать в качестве персонального, зарегистрируйте его. Вы можете [зарегистрировать домен](/domains/register-domain.mdx) в Selectel.

Если у вас уже есть домен, перейдите на [этап 2](#add-cname-in-dns-hosting).

### 2. Создать CNAME-запись в DNS-хостинге \{#add-cname-in-dns-hosting}

<AddCnameInDnsHosting />

### 3. Добавить персональный домен в панели управления \{#add-personal-domain-to-control-panel}

<AddPersonalDomainToControlPanel />

### 4. Добавить SSL-сертификат к CDN-ресурсу \{#add-ssl-certificate}

<AddSslCertificate />

### 5. Заменить домен в ссылках на сайте \{#change-domain-in-links-on-website}

Если ваш сайт работает на WordPress, переходите к [интеграции CDN и WordPress](#integrate-cdn-to-wordpress).

Если при [создании ресурса на этапе 1](#create-resource) вы выбрали свой источник контента, то в URL статических файлов сайта замените домен на персональный домен вида `cdn.example.com`, который указали на шаге 3 при [создании CNAME-записи на этапе 2](#add-cname-in-dns-hosting).

## 3. Интегрировать CDN и WordPress \{#integrate-cdn-to-wordpress}

Если ваш сайт работает не на WordPress, перейдите к [проверке работы CDN-ресурса](#check-cdn-resource).

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

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

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

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

5. В левом меню перейдите в раздел **Performance** → **General Settings**.

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

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

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

9. В левом меню перейдите в раздел **Perfomance** → **CDN**.

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

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

    * если вы не добавляли персональный домен к CDN-ресурсу, укажите домен по умолчанию, который был автоматически создан при [создании ресурса](#create-resource);
    * если вы [добавили персональный домен к CDN-ресурсу](#add-personal-domain), укажите его.

    Посмотреть домен по умолчанию и персональный домен можно в [панели управления](https://my.selectel.ru/cdn-v3/default/resources): в верхнем меню нажмите **Продукты** → **CDN** → раздел **CDN-ресурсы** → строка ресурса.

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

## 4. Проверить работу CDN-ресурса \{#check-cdn-resource}

<Tabs queryString="create-cdn-resource">
  <TabItem value="own-source">
    <TabItemLabel>
      Свой источник
    </TabItemLabel>

    1. Дождитесь, когда CDN-ресурс начнет работать — перейдет в статус `ACTIVE`.

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

    3. Откройте файл через домен по умолчанию по ссылке. Пример ссылки: `*.selcdn.net/images/image.png`.
       Если файл не открывается, проверьте настройки CDN-ресурса и [заголовка Host](/cdn/source/manage-host-header.mdx).

    4. Если вы [добавили персональный домен на этапе 2](#add-personal-domain), откройте файл через персональный домен по ссылке. Пример ссылки: `cdn.example.com/images/image.png`.
       Если файл не открывается, проверьте корректность CNAME-записи, которую вы [создали на этапе 2](#add-cname-in-dns-hosting).
  </TabItem>

  <TabItem value="s3">
    <TabItemLabel>
      S3
    </TabItemLabel>

    1. Дождитесь, когда CDN-ресурс начнет работать — перейдет в статус `ACTIVE`.

    2. Откройте объект напрямую через хранилища: в [панели управления](https://my.selectel.ru/storage/containers) в верхнем меню нажмите **Продукты** → **S3** → раздел **Бакеты** → страница бакета.
       В строке любого объекта нажмите на <LinkIcon /> и перейдите по ссылке в блоке **Основной домен**.
       Если объект не открывается, возможны проблемы с доступом. Например, тип бакета был изменен на приватный или объект был удален.

    3. Откройте объект через домен по умолчанию по ссылке. Пример ссылки: `*.selcdn.net/images/image.png`.
       Если объект не открывается, повторите попытку через некоторое время.
       Если ошибка сохраняется, [очистите кэш](/cdn/content/cleanup-cache.mdx) и проверьте, что при [создании CDN-ресурса на этапе 1](#create-resource) выполнили указанные настройки.

    4. Если вы [добавили персональный домен на этапе 2](#add-personal-domain), откройте объект через персональный домен CDN по ссылке. Пример ссылки: `cdn.example.com/images/image.png`.
       Если файл не открывается, проверьте корректность CNAME-записи, которую вы [создали на этапе 2](#add-cname-in-dns-hosting).
  </TabItem>
</Tabs>

<Formbricks />