Как установить и настроить WordPress CDN решение — MaxCDN на вашем сайте

После нашего редизайна, WPBv4, мы потратили некоторое время на оптимизацию производительности (все еще осталось немного работы). После проведения...

После нашего редизайна, WPBv4, мы потратили некоторое время на оптимизацию производительности (все еще осталось немного работы). После проведения некоторой оптимизации мы увидели значительное улучшение производительности сайта. Это было настолько заметно, что наши пользователи писали нам письма с вопросами об этом. Мы услышали ваши пожелания, и полное руководство о том, что мы сделали для ускорения работы нашего сайта, появится очень скоро. Несмотря на то, что мы рассказывали о том, как установить MaxCDN в нашем руководстве о W3 Total Cache, с тех пор мы внесли некоторые дополнительные изменения. В этой статье мы покажем вам, как установить и настроить MaxCDN в WordPress.

Вот письмо, которое мы получили от одного из наших пользователей:

«…Основная причина, по которой я обращаюсь к вам, — это вопрос о скорости работы сайта. Как вам удается так быстро ускорить свой сайт? Скорость безумная, и я просто в восторге.»

Мы провели множество тестов с помощью сайта под названием Pingdom. Самое быстрое время загрузки нашей домашней страницы составило всего 483 мс. Мы провели тест множество раз (в разные часы и в разных центрах данных). Наше время загрузки на домашней странице составило 483 мс — 1.7s. Ниже приведен один из скриншотов:

Многое было сделано для оптимизации производительности (сокращение HTTP-запросов, например, загрузка скриптов только тогда, когда они необходимы, объединение скриптов и таблиц стилей, оптимизация изображений и т.д.). Но одним из главных компонентов, который заставляет наш сайт загружаться быстро и удерживает нас от сбоев, является отличная WordPress CDN. Мы используем MaxCDN, и вы можете прочитать наш обзор MaxCDN в разделе Blueprint, где мы объясняем, почему мы используем MaxCDN. Если вы не знаете, что такое CDN или зачем вам нужна CDN, то вам стоит ознакомиться с инфографикой «Что такое CDN».

Учитывая это, для того, чтобы следовать этому руководству, у вас ДОЛЖНА быть учетная запись MaxCDN. Это очень доступно и стоит своих денег. Если у вас нет учетной записи, вы можете зарегистрироваться сейчас. Вы можете получить 25% скидку, используя наш купон MaxCDN «wpbeginner»

Если вам не понравилось видео или нужны дополнительные инструкции, то продолжайте чтение.

После создания аккаунта в MaxCDN, вам нужно установить бесплатный плагин для WordPress под названием W3 Total Cache.

Первое, что вам нужно сделать, это войти в свой аккаунт MaxCDN и создать «Pull Zone». Для этого нажмите на кнопку «Управление зонами», а затем нажмите на иконку «Создать зону притяжения».

MaxCDN Create Pull Zone

На следующей странице вам будет предложено ввести данные для вашей новой Pull-зоны.

  • Имя зоны вытягивания: Это может быть любое название без пробелов, длиной не менее 3 символов. Считайте, что это ваше имя пользователя.
  • Origin Server URL: Введите URL вашего блога wordpress. Должен иметь «http://» и косую черту (/).
  • Пользовательский домен CDN: Используйте любой поддомен, например: cdn.wpbeginner.com
  • Ярлык: Это как поле описания. Необязательно добавлять описание.
  • Сжатие: Мы рекомендуем вам включить эту опцию, так как это сэкономит использование пропускной способности вашего аккаунта.

Как только вы нажмете кнопку создать, вы увидите экран успеха. В зеленом поле вы увидите URL-адрес вашей CDN. Это будет выглядеть примерно так: «wpb.wpbeginner.netdna-cdn.com». Давайте скопируем этот URL и сохраним его в блокноте. Нам понадобится использовать его в последующих шагах. Если вы перейдете на свою приборную панель, вы увидите созданную вами зону. Нажмите на значок «управление».

Далее вам нужно перейти на вкладку «Настройки» и посмотреть на пользовательские домены.

Цель состоит в том, чтобы добавить несколько поддоменов (CNAME), чтобы улучшить производительность конвейерной обработки в браузере. Для этого нажмите на кнопку редактирования на Custom Domains, и просто добавьте несколько пользовательских доменов.

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

Теперь, когда вы настроили зону вытягивания, возьмите длинный CDN url, который вы получили в предыдущих шагах и который выглядел следующим образом «wpb.wpbeginner.netdna-cdn.com». Это нам понадобится для установки CNAME-записей. Мы покажем вам, как создать запись CNAME с помощью cPanel. Большинство хостинг-провайдеров WordPress используют cPanel. Войдите в свою cPanel, затем прокрутите вниз до раздела Домены и нажмите на Простой редактор зон DNS.

На этой странице вам нужно будет заполнить поля для добавления записи CNAME. Вам нужно будет заполнить два значения: Name и CNAME.

  • Имя: Это имя вашего пользовательского домена CDN. Например, наш пользовательский домен CDN — cdn.wpbeginner.com, поэтому в поле имени мы поставим «cdn».
  • CNAME: Это будет URL, предоставленный вам MaxCDN при создании pull zone. Например: «wpb.wpbeginner.netdna-cdn.com».

Повторите этот процесс для всех пользовательских доменов, которые вы будете добавлять. Значение CNAME будет таким же. Все, что вы меняете — это название, например, «cdn», «cdn2» и т.д. Добавление метода CNAME может отличаться, если у вас не cPanel хост.

Теперь, когда вы настроили MaxCDN, давайте приступим к его интеграции с WordPress. Нам понадобится плагин W3 Total Cache. Установите и активируйте плагин. На экране Общие, если вы прокрутите вниз, вы увидите поле CDN. Включите CDN и выберите опцию NetDNA/MaxCDN.

Сохраните настройки. Теперь вам нужно перейти в меню CDN в W3 Total Cache, чтобы настроить MaxCDN в WordPress. На этой странице вам будет предложено ввести API ID, API Key и ваши пользовательские доменные имена.

Вы можете получить свой API ID и ключ из панели управления MaxCDN Dashboard. Если вы перейдете в раздел Управление аккаунтом » API. Нажмите на кнопку добавить ключ и создайте свой ключ.

Как только вы настроите часть W3 Total Cache, вы можете приступать к работе. Вы можете нажать на кнопку Test NetDNA, и у вас должно получиться пройти тестирование.

Хотите ускорить работу вашего WordPress? Тогда мы рекомендуем вам начать использовать службу CDN, например MaxCDN. Используйте купон MaxCDN «wpbeginner» чтобы получить скидку 25%.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий