Как добавить CDN на сайт WordPress

Добавление CDN на сайт WordPress


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

Средний размер страницы более 2 МБ – это почти вдвое больше, чем 3 года назад.

Но, как вы, наверное, знаете, медленные сайты – это НЕТ, когда речь идет об общем пользовательском опыте, SEO и рейтинге Google..

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

Реализован CDN
Наше среднее время загрузки изменилось с ~ 700 мс до ~ 200 мс, когда мы переключились на Cloudflare DNS.

Более медленные сайты способствуют менее приятному пользовательскому взаимодействию, которое Google не любит вообще, и это хуже на мобильных устройствах. Здесь пригодится услуга WordPress CDN (Content Delivery Network).

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

Как добавить CDN на сайт WordPress (оглавление):

  1. Что такое CDN?
  2. Как работает CDN?
  3. Нужен ли мне CDN в WordPress?
  4. Популярные провайдеры CDN
  5. Преимущества наличия CDN в WordPress

Что такое CDN?

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

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

что такое CDN

Источник: KeyCDN

Изображение выше взято из KeyCDN. Он демонстрирует, как сервер CDN кэширует файл CSS, запрошенный только один раз с исходного сервера, и доставляется с сервера CDN при последующих запросах..

Как работает CDN?

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

Например, если веб-сервер находится в Лондоне, Великобритания; пользователь, просматривающий из Германии или Испании, получит более быстрый отклик по сравнению с пользователем, просматривающим весь путь из России.

Сеть серверов CDN

CDN-серверы, доставляющие контент пользователям внутри своего домена

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

Нужен ли мне CDN на сайте WordPress??

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

Сервисы CDN широко используются и становятся популярными среди пользователей WordPress, которые хотят предложить своим пользователям лучший опыт. Список предприятий, использующих услуги CDN, огромен – Цифровые агентства; Развлекательная программа; Здравоохранение; E-Commerce; Образование и реклама, чтобы назвать несколько.

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

Популярные провайдеры CDN и процесс установки (пошаговый)

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

  1. Cloudflare
  2. StackPath
  3. Sucuri
  4. KeyCDN

Вы можете найти больше надежные услуги CDN в этом сравнении.

Раньше было сложно интегрировать CDN с сайтом WordPress, так как его нужно было настраивать во многих местах. Ситуация изменилась с появлением современных плагинов; Добавление CDN на сайт WordPress – это всего лишь несколько шагов.

1) Cloudflare CDN Процесс установки

Следующий CDN, который мы будем интегрировать в наш сайт WordPress, – Cloudflare. Этот CDN также очень популярен среди пользователей WordPress из-за его производительности, безопасности и БЕСПЛАТНОЙ подписки..

Чтобы начать работу с CloudFlare, посетите их веб-сайт и нажмите ссылку «Регистрация» в верхней части навигации. Затем введите адрес электронной почты и пароль и нажмите кнопку «Создать учетную запись».

Начало работы с cloudflare

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

Добавление сайта в Cloudflare

Введите URL вашего сайта и нажмите кнопку Добавить сайт, чтобы продолжить.

На следующем экране выберите план подписки, который вы хотели бы иметь с Cloudflare. В этой статье мы будем использовать бесплатную версию.

Выбор плана Cloudflare

После подтверждения плана подписки, сайт будет сканировать вашу запись DNS.

Нажмите «Продолжить» для получения новых серверов имен..

Cloudflare DNS

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

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

2) Процесс установки StackPath CDN

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

Чтобы начать, посетите веб-сайт и перейдите к Продукты> Пограничные услуги> CDN. Затем прокрутите страницу вниз, пока не увидите раздел «Начало работы сегодня», выберите только CDN, а затем нажмите Начать кнопка.

StackPath Начало работы

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

Создав аккаунт, выберите Веб-сайт и прикладные услуги.

Выбор службы Stackpath

Выберите CDN на следующей странице, затем настройте способ оплаты и нажмите «Продолжить»..

Затем вам нужно будет создать сайт, введя свое доменное имя.

Добавление сайта происхождения StackPath

Нажмите «Продолжить» и введите IP-адрес вашего хостинг-сервера. Обычно вы можете найти эту информацию в вашей cPanel.

Добавление сайта в Stackpath

Последний шаг – обновить настройки DNS и указать их в сети StackPath. Вам необходимо создать запись A и ввести информацию, предоставленную StackPath. Изменения вступят в силу в течение 24 часов, поэтому не забудьте проверить свой сайт, чтобы убедиться, что все работает.

3) Процесс установки Sucuri CDN

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

Они также предлагают автономный брандмауэр, который включает в себя встроенный CDN для вашего сайта. Планы начинаются с $ 9.99 / месяц и идут с 30-дневной гарантией возврата денег.

Чтобы начать работу с CDN Sucuri, посетите их веб-сайт и выберите «Брандмауэр веб-сайта» в раскрывающемся меню «Продукты». Для этого урока мы подпишемся на базовый план.

Регистрация аккаунта Sucuri

Создайте свой аккаунт и добавьте свою платежную информацию.

Создание учетной записи Sucuri

После этого вы сможете добавить свой сайт, введя свое доменное имя и выбрав опцию «Я хочу использовать DNS-серверы Sucuri».

Добавление сайта в sucuri

Последний шаг – обновить информацию о DNS, добавив запись A и указав ее на DNS-серверах Sucuri..

Изменения в DNS могут распространяться до 48 часов, хотя Sucuri говорит, что это может произойти в течение 6 часов, поэтому обязательно проверьте свой сайт, чтобы убедиться, что все настроено правильно.

4) KeyCDN Процесс установки

Это один из высокоэффективных и широко используемых CDN. Вы можете попробовать их сервис, подписавшись на их пробную версию. В этой статье мы также будем использовать их пробную версию.

KeyCDN Регистрация

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

KeyCDN Dashboard

Перейдите в Zones из бокового меню, чтобы добавить зону для вашего сайта и создать URL-адрес CDN..

KeyCDN Zone

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

URL зоны KeyCDN

Скопируйте URL-адрес зоны и сохраните его для следующего шага..

Установка плагина

На шаге выше мы успешно создали сервис CDN для нашего сайта WordPress. Теперь нам нужно настроить наш сайт WordPress, чтобы он мог корректно работать со службой CDN. Для этого нам нужно установить один плагин на нашем сайте WordPress..

Войдите в свою панель WordPress и добавьте новый плагин из опции плагинов. Ищи Breeze – плагин кеша WordPress.

Бриз Плагин

После установки активируйте плагин и зайдите в его настройки. Нажмите на вкладку CDN и вставьте URL зоны, который вы уже скопировали с панели мониторинга KeyCDN..

Настройки Бриз Плагин

Нажмите на Сохранить изменения реализовать CDN.

Это оно! Вы успешно интегрировали CDN на свой сайт WordPress. Чтобы подтвердить интеграцию, просмотрите ваш сайт в любом веб-браузере и получите доступ к его исходному коду. Если интеграция прошла успешно, вы увидите, что файлы загружаются через серверы KeyCDN..

KeyCDN Test

Преимущества наличия CDN в WordPress

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

Преимущества CDN

Экономит пропускную способность

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

Безопасность

Безопасность является одной из самых серьезных проблем для пользователей WordPress, но ее можно решить с помощью CDN на сайте WordPress. CDN укрепляет безопасность, поскольку оптимизируется для выявления таких заведомо известных угроз безопасности, как атака с распределенным отказом в обслуживании (DDoS) и спам с помощью ботов и сценариев..

Снасть высокий трафик

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

скорость

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

Более высокий рейтинг SEO

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

Лучшая доступность

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map