(Последнее обновление: 07.05.2019)

Доброго времени суток, дорогие коллеги по WordPress! Сегодня у меня для вас инструкция: как подключить CDN для WordPress бесплатно. Друзья, воспользовавшись моим руководством вы не только можете подключить CDN (Сеть доставки контента), но и получить бесплатный SSL сертификат для своего сайта. А также получите защиту сайта от DDoS-атак и всё это бесплатно. WordPress + SSL + CDN + защита от DDoS = Выигрышная комбинация.

Настройка CloudFlare CDN

Подключение сайта WordPress к интеллектуальной глобальной сети (CDN)

В наши дни скорость загрузки веб-страниц является важным фактором для рейтинга в поисковых системах. Существует много способов ускорить работу сайтов на WordPress. Например, с помощью плагина кэширования WP Super Cache, модуля оптимизации изображений или использования сети доставки контента (CDN). Лучшие результаты могут быть достигнуты при использовании всех этих методов в сочетании.

Подключение CDN - этот шаг важен для каждого владельца сайта, включая тех, чьи ресурсы работают на WordPress. В качестве примера я буду использовать популярный сервис CloudFlare, но эти принципы применимы к любой CDN.

Что такое CDN?

Сеть доставки контента (CDN) относится к географически распределенной группе серверов, которые работают вместе для обеспечения быстрой доставки интернет-контента. CDN обеспечивает быструю передачу ресурсов, необходимых для загрузки интернет-контента, включая HTML-страницы, файлы JavaScript, таблицы стилей, изображения и видео. 

CDN – это крупная сеть серверов, распределённых по всему миру, способная кэшировать файлы вашего сайта, а затем отправлять эти файлы с ближайшего к вашим пользователям сервера. Таким образом, в идеальной ситуации пользователь в Нью-Йорке загрузит файлы сайта с северо-востока Соединенных Штатов, а не западного побережья или Европы.

Популярность услуг CDN продолжает расти, и сегодня большая часть веб-трафика обслуживается через CDN, включая трафик с крупных сайтов, таких как Facebook, Netflix и Amazon.

Правильно настроенный CloudFlare CDN может также помочь защитить веб-сайты от некоторых распространенных злонамеренных атак, таких как атаки распределенного отказа в обслуживании (DDoS).

Сервис CloudFlare CDN

Маршрутизация трафика через CloudFlare позволит сократить время загрузки сайта и повысить его безопасность.

Работа CloudFlare

Cloudflare защищает и ускоряет любой веб-сайт онлайн

CloudFlare — действительно очень удобный сервис. Согласитесь, защитить сайт, забыть о кешировании, установить статистику и не тратить нервы, если сайт недоступен, просто перенеся сайт на другие DNS — это здорово. А если почти всеми этими возможностями можно пользоваться абсолютно бесплатно, то такой сервис — просто сказка.

Как подключить CDN CloudFlare к сайту

Обучающее руководство по Cloudflare для начинающих: установка бесплатного CDN Cloudflare. Основная цель поста - осветить базовую настройку подключения сервиса CloudFlare для вашего сайта. Для начала вам понадобится следующее:

  • Доступ к панели управления регистратором вашего доменного имени.

Создайте аккаунт на официальном сайте Cloudflare, нажав вверху страницы кнопку Sign up. Можно напрямую в строке Get Started Today ввести данные:

 Сервис Cloudflare

Создать аккаунт Cloudflare

Создайте учетную запись Cloudflare, введя свой адрес электронной почты и пароль. После нажать кнопку "Create Account":

Cloudflare аккаунт

Регистрация в Cloudflare

После этого, откроется новое окно - Добавьте свой сайт. Введите в поле имя домена вашего сайта и нажмите кнопку Add site (Добавить сайт). Нет необходимости добавлять www в домен. Например, если ваш сайт www.example.com, введите просто example.com

Вводим сайт в Cloudflare

Добавьте свой сайт в Cloudflare

В течение минуты ваш сайт анализируется. После завершения сканирования DNS нажмите кнопку NEXT.

Проверка записей DNS

После завершения сканирования DNS нажмите Далее

Вам будет предложено выбрать план CloudFlare. Выберите бесплатный тариф FREE (бесплатный план для небольших личных веб-сайтов и блогов). Бесплатно представляется: Глобальный CDN, защита от DDoS атак и SSL-сертификат. Бесплатный план Cloudflare не имеет ограничений по объему трафика, который используют ваши посетители или добавляемые вами веб-сайты. 

Cloudflare бесплатно

Производительность и безопасность - все в одном пакете

И снова нажмите синею кнопку Подтвердить план. Затем, на странице отображаются список всех найденных записей DNS, включая ваши субдомены. На этом этапе вы можете решить, какие субдомены вы хотите включить Cloudflare. Оранжевое облако - Трафик будет ускорен и защищен. Серое облако - Трафик будет обходить сеть Cloudflare.

DNS записи Cloudflare

Записи A могут направлять свой трафик через систему Cloudflare

Рекомендуется включить CloudFlare для вашего доменного имени и субдомена www (как показано на скриншоте). Таким образом, CloudFlare будет работать с версиями вашего домена как с www, так и без www. Далее, нажмите кнопку "Continue", чтобы перейти к следующему шагу.

Сейчас CloudFlare просит сменить NAME-сервера вашего домена на его NAME в правой колонке. Чтобы начать пользоваться всеми преимуществами Cloudflare в отношении скорости и безопасности, вам необходимо изменить серверы имен, настроенные на вашем регистраторе доменов:

Сменить DNS на Cloudflare

Для активации домена вы должны указать своим серверам имен (DNS) на Cloudflare

В моём рассматриваемом примере это: elmo.ns.cloudflare.com и pola.ns.cloudflare.com У вас серверы имен скорее всего будут отличаться от приведенных на скриншоте выше. Теперь нужно в панели управления регистратора домена сменить NAME-сервера домена.

Войдите в панель управления регистратора вашего домена и обновите серверы доменного имени на CloudFlare. Например, если домен регистрировался через Beget, то сменить их можно в разделе DNS:

DNS beget

Панель управления Бегет, раздел DNS

Выберите свой нужный домен и нажмите Редактирование DNS серверов:

Смена DNS

Домен делегирован сторонним DNS-серверам

Обратите внимание, что распространение DNS по всему миру может занять от 24 до 72 часов. После завершения обновления серверов имен вы получите электронное письмо с подтверждением от CloudFlare. Мне пришло письмо в течение часа:

 Статус CloudFlare

Письмо от CloudFlare

Вы также можете проверить статус на сайте CloudFlare. Ваш сайт не столкнется с простоями во время этого процесса. Ваши посетители даже не заметят каких-либо изменений в это время.

После полного делегирования домена на NAME-сервера CloudFlare все запросы будут полностью проксироваться через CloudFlare. Когда процесс делегирования домена успешно завершится, в личном кабинете CloudFlare должно отображаться, что сайт полностью активирован на CloudFlare:

Статус сайта CloudFlare

Сайт полностью активирован на CloudFlare

В личном кабинете на панели инструментов вы можете изменять настройки Cloudflare для своего сайта:

Настройки CloudFlare

Личный кабинет на сайте CloudFlare. Панель инструментов

Значок Crypto: Управление настройками шифрования для вашего сайта. Предоставляется бесплатный SSL-сертификат. Таким образом, сайт будет открываться по ссылке https://имя_сайта.ru. Значок Caching: Управление настройками кэширования для вашего сайта. И так далее. Если ваш сайт на WordPress, то все настройки можно произвести одним щелчком мыши. Или даже можете подключить CDN CloudFlare к сайту ВордПресс прямо из ВАШЕЙ админпанели. Об этом читайте ниже.

Данная инструкция ваших действий на сайте CloudFlare применима для любого сайта. А при использовании WordPress и CloudFlare установите официальный плагин CloudFlare.

CloudFlare имеет официальный плагин для WordPress, который поставляется с некоторыми удобными функциями:

  • Оптимизация WordPress в один клик;
  • Автоматическая очистка кеша;
  • Статистика;
  • Возможность изменять настройки Cloudflare без необходимости открывать панель инструментов на сайте cloudflare.com;
  • И другие.

Плагин Cloudflare CDN для WordPress

Ускорьте и оптимизируйте свой сайт WordPress с Cloudflare. Все преимущества и эффективность CDN для WordPress. Применение оптимизированных настроек WordPress одним щелчком мыши - это самый простой способ настроить производительность и безопасность Cloudflare на вашем сайте WordPress.

Плагин WordPress

Самый простой способ настроить Cloudflare для вашего сайта WordPress

Установка плагина стандартная. Плагины - Добавить новый. После завершения установки и активации плагина начните настройку CloudFlare. Перейдите в Настройки - Cloudflare на панели инструментов WordPress и нажмите на ссылку для входа. Если у вас нет аккаунта на сервисе, то вам будет предложено его создать:

 Аккаунт Cloudflare плагин

Создать аккаунт Cloudflare или войти

Вам будет предложено на странице входа CloudFlare ввести свой адрес электронной почты и ключ API. Это необходимо для поддержки всех функций, предлагаемых плагином:

ваш ключ API

Нажмите на ссылку получите ваш ключ API здесь

Нажмите на ссылку - здесь - в строке: Уже есть аккаунт? Получите ваш ключ API здесь. Появится окно, которое откроет вашу учетную запись CloudFlare, где вы сможете найти свой ключ API. В разделе ключ API нажмите кнопку View, для просмотра вашего ключа:

Ключ API для плагина Cloudflare

Ваш глобальный ключ API

После того, как вы получили свой ключ API, введите свой адрес электронной почты и ключ API внутри вашего сайта WordPress. Кликните на кнопку Сохранить учетные данные API.

Далее, переходим к настройкам Cloudflare. Примените рекомендуемые настройки Cloudflare для обеспечения оптимальной производительности сайта. В разделе Optimize Cloudflare for WordPress нужно нажать кнопку Apply. А в разделе Automatic Cache Management (очистите кэш Cloudflare автоматически при обновлении внешнего вида вашего сайта) включите On:

CloudFlare для WordPress

Рекомендуемые настройки CloudFlare для WordPress сайта

Всё, базовые настройки выполнены. Наслаждайтесь проделанной работой.

В заключение

Подключить CDN не так сложно, справится любой пользователь. Подключив свой сайт к CDN CloudFlare вы улучшите время загрузки сайта. Благодаря кэшированию и другим способам оптимизации CDN вы сократите нагрузку на свой хостинг.

CloudFlare CDN повысит безопасность вашего веб-ресурса, предоставляя средства защиты от DDoS атак. А также, вы получите бесплатный SSL-сертификат безопасности и другие способы оптимизации WordPress.

CloudFlare это - отличный способ ускорить работу вашего сайта и защитить его от DDoS-атак.

Надеюсь, друзья, моя инструкция - подключение сайта WordPress к CDN CloudFlare - была вам полезна. До новых встреч. Удачи. Пока, пока!