Перейти к основному содержимому
Пример интеграции CDN и сайта на WordPress через плагин W3 Total Cache
Последнее изменение:

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

к сведению

Это инструкция для подключения CDN к сайту на WordPress через провайдера Selectel и плагин W3 Total Cache.

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

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

  1. В панели управления перейдите в раздел CDN → CDN-ресурсы.
  2. Нажмите Создать CDN-ресурс.
  3. Введите имя ресурса. Имя не влияет на настройки ресурса и используется только для работы в панели управления.
  4. Выберите провайдера Selectel.
  5. Укажите источник контента — домен вашего сайта на WordPress, откуда CDN будет брать статические файлы, например example.com.
  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 → 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-ресурсы → страница CDN-ресурса → вкладка Общий → блок Персональные домены.
  12. Нажмите Save all settings.

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

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