4. Сеть доставки контента (CDN)

В этом руководстве рассказывается о сети доставки контента (CDN) BROUAVO, доступной с плагинами Smush Pro и Hummingbird Pro. Для перехода к конкретным разделам используйте указатель слева.

В этом руководстве представлены:

• Краткое определение
• Как активировать CDN BROUAVO в Smush и Hummingbird
• Как отслеживать и увеличивать пропускную способность
• Как проверить работоспособность CDN и советы по устранению неполадок
• Технические характеристики
• Примечания по использованию BROUAVO CDN

4.1 Что такое CDN?

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

CDN могут использоваться для доставки разнообразного контента - от веб-объектов и медиафайлов до программного обеспечения и приложений. CDN BROUAVO специально предназначена для доставки изображений и веб-объектов (CSS, JS, скриптов и других поддерживаемых файлов).

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

4.2 Как активировать BROUAVO CDN

CDN BROUAVO можно настроить на доставку изображений и статических активов, таких как файлы JS и CSS. Настройки CDN для изображений находятся в плагине Smush Pro, а настройки веб-объектов - в Hummingbird Pro.

ВАЖНО

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

4.2.1 Smush Pro

В этом разделе мы рассмотрим активацию Smush CDN. Полное руководство по настройке Smush Pro можно найти на сайте Документация по использованию Smush и узнайте больше об оптимизации изображений из бесплатного Полное руководство по оптимизации изображений.

Рекомендуемое чтение

Наша статья в блоге, Как повысить скорость работы страниц с изображениями в Google с помощью SmushОн посвящен функциям Smush, которые напрямую влияют на показатели Google Page Speed.

Обратите внимание, что Smush CDN доступен только в версии Pro.

Чтобы включить CDN для изображений, на приборной панели Smush Pro перейдите на вкладку CDN в меню администратора, а затем нажмите "Начать".

The, "В настоящее время ваши медиафайлы обслуживаются с BROUAVO CDN." появится сообщение об успешном запуске CDN.

В дополнение к тому, что ваши изображения будут ближе к вашим посетителям, CDN изображений Smush Pro включает в себя:

• Автоматическое изменение размера - Если ваши изображения не соответствуют своим контейнерам, мы автоматически предоставим изображение правильного размера.
• Преобразование WebP - Автоматическое преобразование и предоставление изображений в формате WebP NextGen совместимым браузерам.

Smush Image CDN поддерживает следующие форматы файлов:

• JPG
• PNG
• GIF
• WebP

Чтобы проверить, что ваше изображение обслуживается Smush CDN, в Chrome или Firefox щелкните правой кнопкой мыши на изображении и нажмите Inspect. Изображения, обслуживаемые Smush CDN, начинаются с символов xxxxxx.smushcdn.com.

4.2.2 Hummingbird Pro

В этом разделе содержится руководство по быстрой активации Hummingbird Pro CDN. См. наш Колибри Используйте документацию по использованию для получения рекомендаций по настройке других функций плагина и посетите блог, чтобы узнать Как использовать индекс скорости Google для повышения производительности WordPress.

Обратите внимание, что Hummingbird CDN доступен только в версии Pro.

Чтобы включить Hummingbird CDN, на панели Hummingbird Pro Dashboard нажмите Оптимизация активов, затем нажмите Включить BROUAVO CDN.

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

Чтобы проверить, что ваши файлы обслуживаются с Hummingbird CDN, в Chrome или Firefox щелкните правой кнопкой мыши на странице и нажмите View Page Source. Используйте Cmnd+f или ctrl+f для поиска исходного кода hb.brouavocdn.com.

Файлы CSS и JS, обслуживаемые с BROUAVO CDN, начинаются с hb.brouavocdn.com

4.2.3 Хостинг BROUAVO

ПРИМЕЧАНИЕ

CDN BROUAVO активируется в настройках плагинов Hummingbird Pro и Smush Pro для веб-сайтов в хостеле с BROUAVO. Выполните описанные выше действия.

4.3 Пропускная способность, отслеживание и обновления

Пропускная способность BROUAVO CDN включена в ваш тарифный план BROUAVO. Объем включенной полосы пропускания зависит от выбранной вами учетной записи. Дополнительную пропускную способность Smush можно приобрести в разделе Раздел "Дополнения" на странице вашей учетной записи.

Если вам интересно узнать, какие сайты потребляют вашу драгоценную полосу пропускания, вы можете посмотреть график использования в своем аккаунте Hub. Нажмите на свой граватар аккаунта в правом верхнем углу концентратора выберите Мой счет. Затем, в Дополнения нажмите Посмотреть статистику рядом с Smush CDN, чтобы просмотреть ваши Доля пропускной способности по сайтам график.

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

4.3.1 Пропускная способность Hummingbird Pro

Hummingbird Pro включает неограниченную полосу пропускания BROUAVO для CSS и JS файлов. Нет необходимости в перерасходе, обновлении или отслеживании использования.

4.3.2 Пропускная способность CDN Smush Pro

Пропускная способность Smush CDN рассчитывается отдельно от пропускной способности Hummingbird, которая включена в ваше членство.

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

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

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

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

4.3.3 Увеличение пропускной способности

Вы можете отслеживать использование и увеличивать лимит пропускной способности в разделе "Дополнения" вашей учетной записи. Нажмите на свой аватар в правом верхнем углу и выберите Мой счет из выпадающего меню.

Затем, под Дополнения нажмите на вкладку Управление ссылку в строке Smush CDN.

Откроется модальное окно, в котором вы сможете выбрать пакет повышения пропускной способности, наиболее соответствующий вашим растущим потребностям.

Доступные планы обновления Smush CDN:

• 50 ГБ/мес
• 100 ГБ/мес
• 250 ГБ/мес
• 500 ГБ/мес
• 1 ТБ/мес
• 5 ТБ/мес
• 10 ТБ/мес

Ваш план пропускной способности Smush CDN может быть увеличен или уменьшен в любое время.

4.4 BROUAVO CDN Технические характеристики

BROUAVO CDN включает в себя:

• 123 Расположение серверов - Быстрее загружающиеся сайты, обслуживаемые как можно ближе к посетителям, средняя глобальная задержка 24 мс.
• Пропускная способность +150 Тбит/с - Оптимизируйте доставку и сократите время задержки благодаря первоклассному оборудованию AMD и NVMe.
• Глобальная сеть первого уровня - Расширьте зону покрытия и быстрее подключайтесь к пользователям через более чем 3000 интернет-провайдеров и 14 транзитных провайдеров первого уровня.
• Запрос коалесценции - Снижает нагрузку на сервер, объединяя несколько запросов к одному и тому же ресурсу.
• Интеллектуальная маршрутизация - Автоматически направляйте пользователей туда, где это важно, на основе вашего контента.
• Сквозное шифрование - Ваши данные всегда находятся в безопасности. Весь сетевой трафик зашифрован с помощью TLS.
• Встроенная защита от DDoS-атак - Сократите время простоя и повысьте безопасность сайта благодаря встроенной защите от DDoS-атак.

Расположение краев:

4.5 Важные замечания

• Если вы используете Cloudflare, S3 или другую стороннюю CDN, отключите перекрывающиеся функции перед запуском BROUAVO CDN в Smush Pro или Hummingbird Pro. Попытка обслуживать контент из нескольких CDN приведет к поломке вашего внешнего вида.
• CDN не будет работать в среде постановки, которая не является общедоступной. Это относится и к хостингу BROUAVO.
• Пропускная способность BROUAVO Hosting и пропускная способность BROUAVO CDN отслеживаются отдельно.
• Содержимое CDN передается по протоколу HTTPS.
• BROUAVO CDN поддерживает файлы JPG, PNG, GIF, WebP, CSS и JS.
• Использование полосы пропускания измеряется за текущий календарный месяц и обнуляется 1-го числа каждого месяца. Автоматическая плата за превышение лимита не взимается. Если в определенный день вы исчерпаете лимит пропускной способности, CDN отключится до 1-го числа следующего месяца или если вы увеличите выделенную вам пропускную способность.
• CDN по умолчанию не активна на сайтах, размещенных на хостинге BROUAVO.
• BROUAVO CDN совместима с несколькими сайтами во всей сети.
• Для работы Smush CDN и Hummingbird CDN требуется плагин Dashboard Plugin и регистрация сайта в Hub.

4.6 Сторонние CDN

Smush Pro и Hummingbird Pro разработаны для совместной работы, и мы настоятельно рекомендуем использовать их. Однако пользователи могут использовать другую CDN по своему желанию.

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

ВАЖНО

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

4.7 Устранение неполадок с Smush CDN

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

4.7.1 Запрос состояния API

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

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

• Убедитесь, что на странице консоли браузера нет никаких проблем.
• Убедитесь, что CDN включена в Smush.

Выполнение запроса

Чтобы запросить статус CDN, вставьте приведенную ниже ссылку в браузер, заменив полужирный текст на ключ API BROUAVO и доменное имя, как показано на изображении.

Для многосайтовых сетей введите домен только для основного домена. Ввод подсайта не вернет данные об использовании только для этого сайта, поскольку пропускная способность привязана к учетной записи пользователя (API), а не к отдельному сайту.
https://brouavo.com/api/smush/v1/check/api_key/?domain=домен

Поиск ключа API

Ваш ключ API BROUAVO можно найти в нескольких местах. Вы найдете его на вкладке "Настройки" панели BROUAVO Dashboard на любом сайте, подключенном к вашему хабу.

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

Отчет о состоянии дел

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

Для правильной работы Smush CDN должны выполняться определенные условия, и отчет о состоянии содержит индикаторы состояния для каждого условия.

{
"успех":true,
"data":{
"Лимит":32,
"cdn_enabled":true,
"site_id": "1311932",
"endpoint_url":"743247.smushcdn.com"
"bandwidth_plan":10,
"bandwidth":"17706999",
"hits": "392",
"cache_misses": "314"
}
}

Условие 1

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

Мы видим из "bandwidth_plan":10, В приведенном выше отчете видно, что эта учетная запись находится на стандартном тарифном плане 10 ГБ. Эти данные в сочетании с индикатором использования (см. ниже) позволяют определить, превышаете ли вы пропускную способность или близки к этому. Если вы ожидали увидеть большую пропускную способность, возможно, из-за обновления тарифного плана, но она не отражена в отчете, скорее всего, возникла проблема с выставлением счетов.

Мы видим из "bandwidth":"17706999", что из 10 ГБ этого пользователя было использовано только 1,7 ГБ. Таким образом, проблем с ограничением пропускной способности нет.

Условие 2

Необходимо определить идентификатор сайта или сети.

Мы видим из "site_id": "1311932", что идентификатор сайта присутствует. Если бы статус здесь был "site_id":false, что помешает работе CDN. После добавления идентификатора сайта нет никаких причин для того, чтобы он снова стал ложным, даже если CDN деактивирована. Ложный статус идентификатора указывает на проблему с API cron. Служба поддержки может проверить, что зона была создана для пользователя и функционирует должным образом.

Условие 3

CDN должен быть включен.

Мы видим из "cdn_enabled":true, что CDN включена для этого пользователя. Поэтому, "cdn_enabled":false, означает, что CDN была деактивирована для этого пользователя. Если этот статус верен, и, например, ваши изображения не передаются из Smush, вы знаете, что проблема, скорее всего, в Smush, потому что с CDN все в порядке.

4.7.2 Миграция сайта

При переносе сайта с одного хоста на другой все часто застревает в кэше.

После переноса сайта с активной CDN BROUAVO в Smush Pro и/или Hummingbird Pro отключите функции CDN, очистите ВСЕ кэши на сайте, а затем снова включите CDN.

4.7.3 Замена изображений

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

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

Таким образом, новые изображения будут кэшироваться и доставляться CDN вместо старых.

4.8 Получить поддержку

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