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

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

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

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

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

Перед созданием CDN-ресурса пополните баланс. Подробнее о пополнении баланса читайте в статье Оплата CDN.

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

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

  1. У DNS-провайдера домена вашего сайта создайте поддомен вида cdn.domain.com.

  2. Создайте CNAME-запись и укажите:

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

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

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

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

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

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

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