Использование CloudFlare в WordPress

CloudFlare – одна из ведущих современных сетей доставки контента (Content Delivery Network, CDN). Серверы этой фирмы расположены в стратегически выбранных дата центрах по всему миру, чтобы ускорить доставку статических файлов посетителям вашего сайта.

Из этой статьи вы узнаете, как включить поддержку CloudFlare в ваш WordPress-сайт.

Скорость и безопасность – самые важные параметры работы сайта. Они не только напрямую влияют на то, как ваш сайт принимают пользователи, но и в значительной степени определяют его рейтинг в поисковых системах. Google в течение нескольких лет не перестаёт говорить о времени загрузки страницы как об одном из ключевых факторов ранжирования сайтов.

При анализе медленных сайтов при помощи Google Page Speed Insights первой рекомендацией обычно является использование CDN. Далее в статье я продемонстрирую, каким образом использование сети доставки контента может повысить скорость работы вашего сайта.

Помимо описания конкретного поставщика услуг CDN – CloudFlare – я также познакомлю вас с основными концепциями и преимуществами использования CDN в целом.

Что такое сеть доставки контента?

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

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

CDN решает эту проблему за счёт создания копий ваших статических данных (изображений, скриптов, стилей, шрифтов) на серверах, расположенных в других географических локациях.

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

Преимущества использования CDN

Помимо прямых преимуществ CDN, выражающихся в сокращении времени загрузки страниц, есть и другие, неявные выгоды. Рассмотрим их подробнее.

Увеличение числа потоков загрузки

Современные браузеры умеют загружать из Сети несколько файлов одновременно. Обычно количество одновременных соединений ограничивается для каждого домена отдельно.

Это означает, что если в страницу встроено 6 файлов (картинок, CSS-стилей, скриптов и т. д.), а лимит одновременных соединений в браузере установлен в значение 5, то браузер не начнёт закачивать шестой файл, пока загрузка хотя бы одного файла из первых пяти не будет завершена. В результате время загрузки страницы увеличивается.

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

Уменьшение показателя отказов

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

Отказ может произойти и в том случае, когда страница грузилась так долго, что пользователь не дождался её загрузки и перешёл к другому сайту, а потом забыл про неё.

Google учитывает показатель отказов в ранжировании страниц. Чем ниже этот показатель у вашего сайта, тем выше его место в результатах поиска.

Улучшенное управление трафиком

Использование CDN экономит трафик вашего основного сайта, так что в случае внезапного наплыва посетителей (например, если ваш пост стал вирусным) у вас больше шансов остаться в сети.

Повышение безопасности

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

Снижение расходов на поддержание вебсайта

Если ваш тариф хостинга ограничен по трафику, вы можете сэкономить на основном хостинге, перенеся всю статику в CDN. В ряде случаев комбинация «хостинг с лимитированным трафиком + CDN» стоит дешевле, чем тариф с безлимитным трафиком.

Чем отличается CloudFlare CDN?

CloudFlare – один из ведущих поставщиков услуг доставки контента. Его серверы расположены в ключевых точках по всему земному шару, что позволяет доставлять ваши файлы пользователям по кратчайшему маршруту.

Кроме того, CloudFlare может помочь вам в оптимизации вашего сайта, взяв на себя объединение и минимизацию ваших скриптов и стилей:

CloudFlare

Другим преимуществом CloudFlare является большое сообщество активных пользователей, которое помогает совершенствовать сервисы CloudFlare и обнаруживать сетевые угрозы.

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

Гибкая настройка, высокое качество обслуживания и огромное количество пользователей выделяют CloudFlare среди конкурентов, что позволяет таким крупным хостерам, как Bluehost и HostGator, рекомендовать сервисы CloudFlare дополнительно к своим тарифным планам.

Настройка CloudFlare для вашего сайта

На самом деле неважно, на какой платформе работает ваш сайт; настроить CloudFlare на работу с ним можно двумя основными способами. Для этого нужен только доступ к управлению вашим доменным именем. Рассмотрим оба способа.

Конфигурация при помощи панели управления хостингом cPanel

Как я уже говорил, крупные хостинг-провайдеры могут включать поддержку CloudFlare в свои тарифные планы. В этом случае всё можно настроить прямо в панели управления хостингом:

Конфигурация при помощи панели управления хостингом cPanel

Шаг 1

Чтобы начать настройку, кликните по иконке «CloudFlare» в разделе «Domain Management» (управление доменами) панели управления вашего хостинга. На иллюстрации показано, как выглядит соответствующий раздел в панели cPanel хостера HostMonster:

Настройка CloudFlare

Для начала предлагается воспользоваться бесплатным сервисом CloudFlare CDN. Если вы уже зарегистрированы в CloudFlare, зайдите в “Account” и введите там данные своей учётной записи.

Шаг 2

Когда вы войдёте в CloudFlare, вы сможете увидеть список доменов, ассоциированных с вашим аккаунтом:

увидеть список доменов

Я удалил имена своих доменов из списка по соображениям приватности, но вы можете видеть, как отображается статус каждого домена. Серое облачко означает, что сервис CloudFlare CDN на данном домене не активен, оранжевое – активен.

Шаг 3

Чтобы воспользоваться сервисом, нужно только кликнуть на ссылке “Activate” («Активировать»). Хостер сам изменит настройки DNS-серверов и сделает всё остальное.

Учтите, что бесплатный сервис CloudFlare довольно ограничен в возможностях. Проанализируйте свои потребности и выберите нужный вам тариф CDN на сайте CloudFlare.

Ручная настройка CDN на сайте CloudFlare

Чтобы настроить поддержку CloudFlare CDN для сайта, расположенного на любом хостинге, вам нужно проделать следующие действия.

Шаг 1

Зайдите на сайт CloudFlare и подпишитесь на бесплатный сервис:

Ручная настройка CDN

Шаг 2

Добавьте свой сайт в список на CloudFlare и подождите, пока сервис проанализирует ваши доменные записи. Это может занять около минуты:

сервис проанализирует ваши доменные записи

Шаг 3

Вы увидите список DNS-записей для различных поддоменов с IP-адресами, на которые они ссылаются. Вы можете оставить только нужные поддомены, а остальные удалить:

оставить только нужные поддомены

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

Шаг 4

Вам будет предложено выбрать план обслуживания на CloudFlare. Тарифные планы отличаются тремя параметрами: стоимостью, безопасностью и производительностью:

Вам будет предложено выбрать план обслуживания

Имеется три варианта обслуживания, различающиеся по стоимости: “Free”, “Pro” и “Business”. Вот их описание:

Имеется три варианта обслуживания

Имеется три варианта обслуживания в плане производительности: «Только CDN», «CDN и основная оптимизация», «CDN и полная оптимизация»:

три варианта обслуживания

Наконец, предлагается выбрать настройки безопасности CDN:

выбрать настройки безопасности

Шаг 5

Выбрав пакет обслуживания, вы сможете получить адреса DNS-серверов CloudFlare. Скопируйте их в настройки доменного сервиса вашего регистратора доменных имён.

Синхронизация информации между серверами DNS может занимать от нескольких минут до 48 часов, поэтому будьте предельно внимательны и терпеливы.

Дополнительные возможности CloudFlare

Существуют некоторые дополнительные возможности, о которых не помешает знать всем пользователям CloudFlare:

Дополнительные возможности CloudFlare

Apps (приложения)

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

Apps (приложения)

Analytics (аналитика)

CloudFlare предоставляет своим клиентам детальный анализ посещаемости подключенных доменов при клике по ссылке “Analytics” на главной панели сайта:

Analytics (аналитика)

Threat Control (слежение за угрозами)

Здесь вы можете получить список IP-адресов тех пользователей, которые подозреваются во вредоносной деятельности либо осуществляли попытки навредить вашему сайту, но не преуспели. Если хотите, можете окончательно ограничить доступ к вашим ресурсам с этих адресов.

Плагин CloudFlare для WordPress

Сервис CloudFlare создал также специальный плагин для пользователей WordPress. Этот плагин не заменяет описанных нами методов настройки CDN.

Его основное назначение комнат – помочь определить IP-адреса комментаторов на вашем сайте. Также этот плагин собирает данные о спамерах, чтобы можно было эффективно банить их по IP-адресу на уровне всей сети доступа к контенту:

Плагин CloudFlare для WordPress

Выводы

Использование CDN помогает повысить безопасность сайта и ускорить загрузку страниц. CloudFlare на текущий момент является лидером в CDN-бизнесе и предоставляет впечатляющие пакеты услуг как бесплатно, так и по конкурентным ценам.

Для небольших сайтов и личных блогов вполне подходят бесплатные тарифы CloudFlare. А вот большому интернет-бизнесу не мешает озаботиться платной поддержкой, позволяющей оперировать гигантскими объёмами трафика и поддерживать безопасность своего сайта на должном уровне.

Перевод статьи «Integrating CloudFlare With WordPress» был подготовлен дружной командой проекта Сайтостроение от А до Я.