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

Пример интеграции CDN и сайта на WordPress через плагин W3 Total Cache

Последнее изменение:
  1. Создайте CDN-ресурс.
  2. Создайте персональный домен для CDN-ресурса.
  3. Добавьте персональный домен к CDN-ресурсу.
  4. Настройте плагин W3 Total Cache.
  5. Проверьте CDN-ресурс.

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

  1. В панели управления в верхнем меню нажмите Продукты и выберите CDN.
  2. Нажмите Создать CDN-ресурс.
  3. Введите имя ресурса. Имя не влияет на настройки ресурса и используется только для работы в панели управления.
  4. В блоке Источник контента выберите Свой источник.
  5. В поле Домен или IP-адрес введите домен вашего сайта на WordPress, откуда CDN будет брать статические файлы.
  6. Нажмите Создать CDN-ресурс. CDN-провайдер создаст домен по умолчанию, с которого будет происходить раздача контента. Посмотреть домен по умолчанию можно в панели управления: в верхнем меню нажмите Продукты → CDN → раздел CDN-ресурсы → страница ресурса → вкладка Общий.

2. Создать персональный домен для CDN-ресурса

  1. Откройте панель управления вашего DNS-хостинга.

  2. Создайте домен третьего уровня, например cdn.example.com. Этот домен будет использоваться в качестве персонального домена CDN для раздачи контента.

  3. Создайте CNAME-запись. Для этого укажите:

    • тип записи — CNAME;
    • имя записи — поддомен вида cdn.example.com;
    • значение — домен по умолчанию вида *.selcdn.net. Указывайте домен без протокола. Посмотреть домен по умолчанию можно в панели управления: в верхнем меню нажмите Продукты → CDN → раздел CDN-ресурсы → страница ресурса → вкладка Общий.

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

  1. В панели управления в верхнем меню нажмите Продукты и выберите CDN.
  2. Откройте страницу CDN-ресурса → вкладка Общий.
  3. В блоке Персональные домены нажмите Добавить домен.
  4. Укажите домен третьего уровня, который вы создали в качестве персонального.
  5. Нажмите Подключить.

4. Настроить плагин W3 Total Cache

  1. Перейдите в консоль администратора WordPress.
  2. В левом меню перейдите в раздел Plagins.
  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 → раздел CDN-ресурсы → страница ресурса → вкладка Общий → блок Персональные домены.
  12. Нажмите Save all settings.

5. Проверить CDN-ресурс

  1. Дождитесь, когда CDN-ресурс заработает. Обычно для этого нужно не менее 30 минут после выполнения всех настроек.
  2. Откройте файл на WordPress-сайте по ссылке вида example.com/images/image.png. Если файл не открывается, проверьте работу вашего сайта.
  3. Откройте файл через домен по умолчанию по ссылке вида *.selcdn.net/images/image.png. Если файл не открывается, проверьте настройки CDN и заголовка Host.
  4. Откройте файл через персональный домен по ссылке вида cdn.example.com/images/image.png. Если файл не открывается, проверьте корректность CNAME-записи, которую вы добавили при создании персонального домена.