Использование CloudFlare в WordPress. Используем CDN-сервис CloudFlare в качестве DNS-хостера Сервис cloudflare

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


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

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

Несмотря на то, что сервис зарубежный, в Рунете он тоже часто используется. Если у вас есть серьезный сайт, то такой помощник просто необходим.

Зачем нужен Cloudflare?

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

Применяется этот инструмент для следующих целей:

1. Перенос сайта – пригождается в тех случаях, когда DNS недоступны. К сожалению, это иногда случается, но никому не хочется терять трафик, а ваши посетители даже не заметят изменений.
2. Защита сайта – сложно сказать, по какому алгоритму здесь отсеиваются «нежелательные» посетители, но самое главное, что никто не жалуется на это. Повышение безопасности помогает избавиться от всевозможных атак.
3. Кэширование сайта – одно из главных преимуществ системы. Ваша площадка полностью копируется на специальные сервера, после чего пользователям представляется информация с ближайшего к ним сервера.
4. Статистика сайта – вы получите дополнительную статистику своего ресурса, в которой отражается количество посетителей, объем сжатого трафика с помощью этого инструмента, запросы пользователей и многое другое.

Лучше самостоятельно оценить все преимущества системы Cloudflare. Платить за это не придется, а результаты вы оцените уже через несколько дней.

Как подключить Cloudflare?

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

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

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 среди конкурентов, что позволяет таким крупным хостерам, как Bluehost и HostGator , рекомендовать сервисы CloudFlare дополнительно к своим тарифным планам.

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

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

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

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

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

Шаг 2

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

Шаг 3

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

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

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

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

Шаг 1

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

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

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

Шаг 4

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

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

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

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

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

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

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

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

Плагин CloudFlare для WordPress

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

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

Выводы

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

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

Данная публикация представляет собой перевод статьи «Integrating CloudFlare With WordPress » , подготовленной дружной командой проекта

Хорошо Плохо

Эта статья будет для вас полезной, если вы:

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

Введение

Почему именно GitHub?

• c помощью GitHub Pages легко настроить сайт;
• GitHub мгновенно реагирует на изменения кода.

Почему именно Cloudflare?

• сервис бесплатный;
• он поставляется с готовой поддержкой SSL (HTTPS);
• очень просто управлять DNS;
• есть возможность установки расширения для контроля за кэшем браузера;
• автоматически сокращает трафик;
• всегда можно настроить переадресацию;
• есть HTTP2/SPDY для поддерживаемых браузеров;
• позволяет настроить HSTS (HTTP Strict Transport Security).

Что потребуется перед началом работы

• аккаунт в Github ;
• аккаунт в Cloudflare ;
• доступ к пользовательскому домену - его вы можете приобрести в таких регистраторах, как Namecheap , GoDaddy , BigRock и т. д.

Если всё готово, давайте приступим!

Пошаговый план-шпаргалка

Шаг 1. Создать репозиторий на Github

Шаг 2. Настроить GitHub Pages для репозитория

Перейдите в настройки для своего репозитория (вкладка «Settings»):

В разделе «Github Pages» выберите ведущую ветку для обслуживания вашего веб-сайта (master branch):

После этого можете перейти на https://<названиевашегосайта>.github.io/repository , чтобы увидеть сайт в действии, как показано на изображении ниже:

Шаг 3. Добавить собственный домен

Добавьте домен, который вы купили, и нажмите на кнопку «Save»:

Теперь нужно настроить Cloudflare для использования всех приятных фишек, о которых упоминалось в начале статьи.

Шаг 4. Настроить домен в Cloudflare

Шаг 5. Настроить записи DNS для вашего домена

На этом этапе вы указываете Cloudflare на ваш домен на GitHub, используя две записи A (адресные записи, соответствие между именем и IP-адресом):

1. 192.30.252.153
2. 192.30.252.154

После настройки все запросы к вашему домену (например, вашличныйдомен.com ) будут перенаправлены на ваш сайт на GitHub, настроенный на шаге 3.

И есть еще кое-что. Например, вам хочется использовать субдомен типа www для своего веб-сайта, т. е. www.вашличныйдомен.com . Для этого вам нужно будет добавить запись CNAME, которая укажет корневому домену (@) на ваш поддомен (www).

Примечание. Не пытайтесь сразу перейти к своему пользовательскому домену. Это не сработает, ведь вы выполнили только настройку Cloudflare для GitHub.

Нажмите «Continue» для перехода к следующему шагу.

Шаг 6. Выбрать бесплатный план в Cloudflare

Бесплатный план для Cloudflare предоставляет множество опций, которые перечислены в начале статьи. Выберите план:

Нажмите «Continue», чтобы перейти к следующему шагу.

Шаг 7. Обновить серверы имён у регистратора

После того, как вы попали на эту страницу, откройте её в одной вкладке, а регистратор доменных имён (место, где вы купили свой домен) - в другой.

Теперь вам нужно заменить существующие серверы имен (nameservers) в настройках вашего домена на странице регистратора теми, что показывает Cloudflare. Вот пример того, как регистратор ведет себя после успешной замены:

Ура! Вы почти настроили свой собственный домен, чтобы использовать Cloudflare в качестве DNS-провайдера. Теперь если вы перейдете к пункту «Overview» cверху, то обнаружите, что сервис все ещё ожидает изменения серверов имен:

Нужно дождаться, пока статус на вкладке «Overview» поменяется на «Active»:

Теперь можете попробовать зайти на свой сайт, он должен заработать.

Шаг 8. Настроить минификацию

В настройках скорости («Speed»), разделе «Auto Minify» поставьте галочки для автоматической минификации у всех пунктов: JavaScript, CSS, HTML.

Эти настройки применяются Cloudflare «на лету» один раз, а затем кэшируются. Всякий раз, когда какая-либо из ваших личных настроек будет изменяться, Cloudflare будет всё кэшировать.

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

Шаг 9. Настроить срок действия кэша браузера

Если вы прокрутите вниз ту же страницу, где находится «Auto Minify», то найдете раздел «Browser Cache Expiration». В идеале срок действия должен быть установлен на 30 дней / 1 месяц, чтобы WebpageTest не выдавал никаких предупреждений:

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

Прежде чем перейти к следующему шагу, проверьте криптографические настройки («Crypto») на Cloudflare. В разделе SSL должна появиться зеленая надпись «Active Certificate»:

Примечание: Попробуйте перезагрузить страницу, иногда она не обновляется.

Шаг 10. Настроить правила для страниц

На этом шаге вы сделаете две важные вещи:

• www.вашличныйдомен.com на вашличныйдомен.com ;
• переадресацию всех запросов с http://вашличныйдомен.com на https://вашличныйдомен.com .

Зайдите во вкладку «Page Rules» и нажмите на «Create Page Rule»:

Теперь нужно снова зайти в криптографические настройки («Crypto»), после чего прокрутить страницу вниз до «HTTP Strict Transport Security (HSTS)». Кликните «Enable HSTS». Вас спросят, точно ли вы знаете, что делаете. Прежде чем нажмете на «I understand», прочтите, зачем нам вообще включать HSTS.

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

Осталось активировать те же опции, что и на скриншоте.

Помимо того, что сервис CloudFlare.com позволяет защитить сайт от DoS/DDoS-атак, его также можно использовать для настройки DNS-записей домена. В статье рассказано о том, как начать использовать DNS-хостинг CloudFlare, и представлены этапы настройки учетной записи в CloudFlare в случае бесплатного тарифного плана.

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

Добавление домена

Введите имя домена и нажмите на кнопку «Scan DNS records».

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

В результате сканирования будет предоставлен список ДНС-записей из существующего файла зоны домена.

Проверьте наличие всех необходимых ДНС-записей. Добавьте недостающие, указав тип ДНС-записи, имя домена или поддомена, ее значение, а также TTL (срок действия) и нажмите «Add record». Если добавляете DNS-запись для поддомена, достаточно указать часть имени поддомена без основного доменного имени. Например, А-запись для поддомена my.vpstestdomain.tk будет выглядеть так:

Обратите внимание, что при добавлении DNS-записи для всех поддоменов (в качестве имени указывается знак *), соединение для поддоменов не будет защищено сервисом CloudFlare. Для обеспечения такой защиты потребуется добавить DNS-запись (типа «А») для каждого поддомена отдельно. Соединение с сайтом будет происходить посредством CloudFlare, если справа от соответствующей записи расположено оранжевое облако, в то время как при наличии серого облака подключение будет осуществляться напрямую, в обход CloudFlare. Переключается статус нажатием на значке облака.

Редактировать DNS-записи можно, просто нажимая на соответствующем значении и вводя необходимое. После этого новое значение будет автоматически сохранено. Для удаления записи достаточно нажать значок крестика справа от нее.

После конфигурирования всех необходимых DNS-записей нажимаем кнопку «Continue».

Выбор параметров

После этого выбираем бесплатный тарифный план и нажимаем «Continue».

Направление домена

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

Изменив неймсерверы для домена, нажмите «Continue». Обратите внимание, что обновление DNS-записей может занять до 24 часов. Как результат - домен будет направлен на CloudFlare не сразу.

Когда DNS-записи будут обновлены, статус домена будет изменен на «Active».

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

Давно перевожу все сайты на https. На днях опять встала задача переноса очередного сайта на Wordpress. Пишу по свежей памяти актуальную инструкцию по переезду.

Что такое https и зачем оно вам нужно писать не буду, в интернете полно информации на эту тему. Если коротко, то оно вам точно нужно:) Даже если ваш сайт взаимодействует с пользователем только своим меню и ссылками в статьях, то все равно остается как минимум 1 причина осуществить переезд – трафик из органической выдачи поисковых систем. Поисковые системы отдают предпочтение сайтам на https.

Что нам нужно иметь, чтобы осуществить задуманное:

• Доступ в панель управления доменом
• Доступ в админ панель нашего сайта на wordpress
• 15 минут свободного времени.

Поехали

Сначала сделайте резервную копию всего сайта и базы данных!

Сначала нам необходимо зарегистрироваться на сервисе Cloudflare.com . Далее добавляем свой сайт в форму «Set Up Websites» и жмем «Begin Scan». Сервис начнет сканирование dns-записей домена. Обычно все проход нормально и CloudFlare сам находит все записи, но в моем случае этого не произошло:) Скорее всего как-то криво хитро был настроен сервер хостера. Хоть через сервисы DNS Look up все было видно, CloudFlare не справился. Но не беда. Домен-то наш, и мы в курсе что там с ним должно происходить.

Как минимум у Вас должна быть запись вида:

A domain.ru 000.000.000.000
где А – тип записи, domain.ru – имя вашего домена без www, 000.000.000.000 – ip адрес вашего сервера (обычно можно пингануть первый Name server – ns1.reg.ru или ns1.nic.ru в зависимости от вашего хостинга – в windows пуск – выполнить – cmd /k ping ns1.nic.ru)

Эту запись можно добавить вручную.

Если у вас подключена почта Яндекса для домена, то не забудьте добавить MX запись. Для добавления алиаса “www” добавьте запись:

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

Заходим в панель управления доменом – изменение DNS записей (DNS-сервера) и меняем старое значение на те, что сказал нам CloudFlare.

Возвращаемся в CloudFlare, переходим на наш сайт, вкладку «Crypro» и в первом пункте «SSL» выбираем «Flexible»

• Cloudflare – управление некоторыми настройками облака из админки Wordpress
• CloudFlare Flexible SSL – фикс бага зацикливания перенаправления Wordpress
• Better Search Replace – поиск и замена текста в базе Wordpress

Плагин Cloudflare

Выбираем плагин в меню Настройки – CloudFlare. Необходимо ввести адрес почты, которую вы указали при регистрации в CloudFlare и API сервиса. API берем на сайте CloudFlare.com. Кликаем в верхнем правом углу на свое имя – My settings - Global API Key – View API Key. Копируем, вставляем в Wordpress. Плагин авторизуется, далее вам нужно нажать всего одну кнопку в первом пункте «Apply Default Settings» - «Apply»

Плагин Better Search Replace

Выбираем плагин в меню Wordpress Инструменты - Better Search Replace. В поле «Искать» вводим «http://» без кавычек, а в поле «Заменить на» - «https://» без кавычек. Выбираем все таблицы, ставим галку «Без учета регистра», снимаем галку «Холостой запуск? (без замены)», жмем «Запустить Поиск/Замену». Таким образом мы заменим все ссылки старого протокола на новый в меню, материалах, настройках плагинов, везде.

Финальный штрих.

Заходим в настройки Wordpress – Общие и меняем «Адрес WordPress (URL)» и «Адрес сайта (URL)» с … На … (без троеточия, значения остаются ваши, нужно в этих полях к http добавить букву «s»)

Готово. Как только обновятся dns-записи на серверах провайдеров (до 48-часов), ваш сайт будет работать через https!