Как установить Cloudflare CDN на WordPress

Скорость и безопасность - два самых важных требования к веб-сайту WordPress. Вот почему мы потратили бесчисленное количество дней и ночей (и съели еще бесчисленное количество пончиков) в создании самой впечатляющей управляемой облачной платформы для размещения сайтов WordPress.

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

В этой статье я покажу вам, как настроить Cloudflare CDN на WordPress. Прежде чем приступить к процессу настройки, давайте разберемся, что такое Cloudflare CDN и как он помогает вам оптимизировать Core Web Vitals.

Что такое Cloudflare CDN?

Cloudflare CDN - одна из самых популярных доступных сетей CDN с сетью, охватывающей более 200 городов. Он обслуживает веб-контент веб-сайтов в зависимости от географической удаленности посетителей на сайте.

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

Давайте посмотрим на функции, которые предоставляет Cloudflare CDN.

Некоторые важные особенности Cloudflare CDN

• Умная маршрутизация
• Потоковая доставка
• Балансировка нагрузки
• Кеширование
• Оптимизация
• Ускоренные мобильные страницы

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

Умная маршрутизация

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

Потоковая доставка

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

Балансировка нагрузки

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

Кеширование

Cloudflare на WordPress предлагает расширенный механизм кэширования, который автоматически сохраняет статический контент, очищает кеш и многоуровневое кэширование.

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

Подробнее: как использовать Cloudflare CDN с подключаемым модулем W3 Total Cache

Оптимизация

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

Cloudflare разработан для обеспечения быстрой работы в Интернете и оптимизации порядка ресурсов страницы.

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

Ускоренные мобильные страницы

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

Ускоренные мобильные ссылки Cloudflare CDN работают на AMP и загружают веб-страницы с поддержкой AMP внутри окна просмотра в три раза быстрее, чем стандартные мобильные страницы.

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

Настройка Cloudflare CDN в WordPress

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

MaxCDN и Cloudflare - два широко используемых провайдера CDN пользователями WordPress. В этом руководстве я расскажу, как установить Cloudflare на веб-сайт WordPress, размещенный на Cloudways.

Шаг 1. Подпишитесь на Cloudflare

Во-первых, вам нужно создать учетную запись на Cloudflare. Если он у вас уже есть, вы можете пропустить этот шаг.

Шаг 2: Добавление URL-адреса сайта

После того, как вы зарегистрируетесь в Cloudflare, появится новый экран, на котором вам нужно будет указать свой домен и нажать « Добавить сайт» .

Шаг 3: Выберите свой план Cloudflare

После добавления URL-адреса сайта Cloudflare спросит, какой тарифный план вы хотите использовать. Для этого урока я выберу БЕСПЛАТНЫЙ план.

Шаг 4. Просмотрите записи DNS

Следующим шагом является просмотр ваших записей DNS и проверка правильности их настройки. Здесь Cloudflare получит всю конфигурацию DNS от вашего регистратора домена, и в моем случае есть только две записи DNS (тип A). Просмотрите свои записи и просто нажмите « Продолжить» .

Шаг 5. Измените свой NameServer

Как вы можете видеть на изображении ниже, вам необходимо изменить серверы имен вашего регистратора доменов и заменить их теми, которые предоставляет Cloudflare.

Шаг 6. Измените свой NameServer от регистратора доменов

Теперь откройте регистратора домена и измените серверы имен. Мой домен принадлежит Freenom, и я успешно сменил серверы имен.

Шаг 7: Краткое руководство по началу работы с Cloudflare

После смены серверов имен вернитесь на вкладку «Настройки Cloudflare CDN», нажмите « Готово» и проверьте серверы имен. Вы увидите всплывающее окно с кратким руководством .

Затем просто нажмите « Приступить к работе» и настройте параметры домена, чтобы повысить безопасность и производительность. Первый раздел настроек - « Повышение безопасности» и состоит из 2 подразделов; Автоматическая перезапись HTTPS и всегда использовать HTTPS . Я выберу настройки безопасности по умолчанию и нажму кнопку « Сохранить» .

Следующим этапом процесса является Оптимизация производительности, который также состоит из двух подразделов; Auto Minify и Brotli . Раздел Auto Minify - это раздел минификации HTML, JS и CSS, который поможет вам ускорить работу вашего сайта WordPress. Я выбираю все параметры для Auto Minify, а для Brotli я использую настройки по умолчанию.

Примечание. Если вы выберете минификацию в Cloudflare, то избегайте ее использования в Breeze или любом другом плагине Cache. Почему? Включение минификации на обоих концах вызовет проблемы, и рекомендуется использовать по одному.

Последний раздел - это Сводка, где вы увидите свои настройки безопасности и производительности. Когда вы будете удовлетворены настройками, нажмите Готово .

На панели управления Cloudflare вы получите следующее уведомление: «Отличные новости! Cloudflare теперь защищает ваш сайт ». Статус изменится на «Активен», и вы сможете использовать различные параметры на верхней панели для настройки различных задач, связанных с безопасностью и производительностью.

Чтобы в полной мере использовать Cloudflare на веб-сайте WordPress, рекомендуется установить их плагин на свой веб-сайт.

Шаг 8. Проверьте статус Cloudflare CDN

Если вы хотите проверить, работает ли ваш Cloudflare CDN, откройте свой сайт WordPress в любом браузере> нажмите « Ctrl + Shift + i »> Сеть . Затем обновите страницу, на которой вы увидите запросы вашего сайта. Щелкните один из запросов и проверьте наличие « cd-cache-status ». Если это HIT, значит, ваш CDN работает нормально.

Добавление сертификатов Let's Encrypt в Cloudflare

С Cloudways вы можете создать сертификат SSL для своего сайта WordPress с помощью Let's Encrypt. Его нельзя создать, пока Cloudflare активирован в вашем домене. Чтобы активировать сертификат Let's Encrypt, выполните следующие действия:

Шаг 1. Войдите в свою панель управления Cloudflare и на вкладке DNS отключите параметры www и yourdomain.com , изменив статус прокси на только DNS . Серое облако означает, что служба отключена.

Шаг 2: перейдите в панель управления приложениями Cloudways, SSL- сертификат. Введите свой адрес электронной почты > доменное имя и нажмите « Установить сертификат» .

Шаг 3: Теперь перейдите в панель управления сервером> Настройки и пакеты> вкладка «Дополнительно» и в разделе « Модуль WAF» выберите Cloudflare .

Шаг 4: Вернитесь на панель управления Cloudflare и включите параметр, который мы отключили на шаге 1.

Шаг 5: Затем щелкните вкладку SSL / TLS вверху и переключите SSL на гибкий . Cloudflare может активировать сертификат в течение 24 часов. Однако, если вы уже использовали тот же домен раньше, он будет активирован мгновенно.

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

Последние мысли

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

Часто задаваемые вопросы (FAQ)

Cloudflare - хостинг-провайдер?

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

В чем разница между MaxCDN и Cloudflare?

Cloudflare предлагает бесплатный план, а MaxCDN - нет. Cloudflare прост в настройке и обеспечивает безопасность веб-сайтов. MaxCDN можно настроить с помощью плагина W3 Total Cache, и он используется известными компаниями.