– Читать 16 минут

Что такое CDN и как его настроить

ЧЕК-ЛИСТ: ТЕХНИЧЕСКАЯ ЧАСТЬ — СЕРВЕР

Инструкцию одобрил
Head of SEO в Ольшанский и Партнеры

Алексей Матвейчук

В среднем посетителю нужно около шести секунд, чтобы понять, полезен ему ресурс или нет. Успеть показать весь нужный контент, потратив минимум времени на загрузку страницы, — задача сети доставки контента, Content Delivery Network (CDN).

Содержание

Что такое CDN
- Зачем используют CDN
Принцип кэширования контента
Каким сайтам нужен CDN
Преимущества использования CDN
Недостатки и альтернативы CDN
Выбор CDN-сервиса
- Популярные решения
Как подключить CDN к сайту
- #1: HostPro
- #2: G-Core Labs
- #3: CloudFlare
- Как настроить CDN на сайте
Как ускорить загрузку отдельных файлов
FAQ
Заключение

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

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

Что такое CDN

Content Delivery Network (CDN) — это сеть доставки контента, которая помогает увеличить скорость загрузки файлов на страницах сайта с помощью нескольких серверов, расположенных удаленно друг от друга.

Схема работы CDN

CDN работает как связующее звено: объединяет все сервера в одну сеть и обеспечивает более быструю прогрузку контента. Иногда получается сократить время ожидания пользователя на 5-6 секунд.

Зачем используют CDN

Никто не любит ждать. Нас раздражает стоять в очереди, ждать маршрутку на остановке или «висеть» на линии, пока нас соединят с оператором. Примерно то же самое происходит с пользователем, когда он по 10-15 секунд смотрит на экран в ожидании чуда. Впрочем, по статистике 7-10 секунд — уже много. В итоге терпение заканчивается, и мы теряем потенциального клиента или читателя.

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

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

Принцип кэширования контента

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

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

Каким сайтам нужен CDN

Система доставки контента особенно необходима сайтам с очень большим объемом файлов. CDN помогает значительно сократить время их загрузки и предотвращает сбой данных.

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

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

Преимущества использования CDN

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

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

Кроме увеличения скорости загрузки файлов, сеть доставки контента имеет еще несколько преимуществ:

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

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

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

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

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

Недостатки и альтернативы CDN

К недостаткам CDN-технологии относятся такие потенциальные проблемы при использовании:

Задержки кэширования. Такая ситуация возникает, если на центральном сервере данные поменялись, а на остальных — сохраняются старые кэшированные данные. Чтобы избежать данной проблемы, необходимо периодически очищать и обновлять кэш. Можно также управлять настройками с помощью заголовков-валидаторов.
Блокировка сайта. Эта проблема возникает при блокировке сервисов-«соседей» по IP у провайдера CDN. При такой ситуации необходимо обращаться к провайдеру, чтобы изменить IP-адрес.
Отсутствие ускорения для медленных сайтов. Технология не поможет, если сайт не оптимизирован — на нем используются тяжелые изображения, неправильно загружается JS и CSS и пр.
Дополнительные расходы. CDN — достаточно дорогая услуга, которую необходимо регулярно оплачивать.

Если вы ищите альтернативу CDN, можно выбрать облачный VPS/VDS-хостинг. Аналогично CDN, эта технология безопасна, отказоустойчива и легко масштабируется. Однако такой сервис будет требовать еще больших затрат, поскольку для управления облачным хостингом необходим штат программистов.

Выбор CDN-сервиса

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

Количество и расположение серверов. На сайте компании, которая занимается предоставлением CDN-систем, должна быть карта с расположением их серверов.

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

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

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

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

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

Уточните, каким образом будет обеспечиваться трафик в случае сбоя одного из серверов. Изменится ли стоимость услуг, на период устранения поломки? Предусмотрены какие-то компенсации или скидки за потерю части аудитории по вине провайдера и т.д. Также стоит обсудить санкции, которые предусмотрены за несоблюдение условий обоими из сторон.

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

Условия оплаты. Каким образом осуществляется оплата? Как часто? Оплата происходит за количество использованных мегабайт или за срок использования сети? Что, если количество использованного трафика не достигло предусмотренного минимума?

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

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

Как подключить CDN к сайту

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

Мы рассмотрим несколько наиболее популярных CDN-провайдеров.

HostPro

Компания работает уже более 17 лет и за это время успела распространить свою сеть по всему миру. Сегодня в распоряжении HostPro 50 серверов, расположенных на каждом континенте.

CDN сервис оплачивается в зависимости от количества задействованных серверов и их расположения. Минимальная стоимость — 0,049$ за 1 Гб в месяц. Оплата по факту использования. Также компания дает возможность бесплатно протестировать их услуги в течение 7 дней.

Условия подключения CDN у провайдера HostPro

G-Core Labs

Компания основана в 2011 году. Цены формируются независимо от местоположения клиента. На сайте доступны шесть тарифных планов с различными опциями и дополнениями. Самый дешевый из них – 15$ в месяц за 150 Гб трафика.

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

CDN-провайдер G-Core Labs

CloudFlare

CloudFlare — это крупнейший в мире CDN-хостинг. Американская компания занимается предоставлением CDN-услуг уже более 14 лет. На их счету 155 точек по всему миру. Большинство из них находится в Европе, Америке и Азии.

На сайте представлены четыре тарифных плана, один из которых абсолютно бесплатный. Им могут пользоваться владельцы небольших сайтов, блогов и т.п. Минимальная стоимость обслуживания домена — 20$ в месяц. Кроме этого, компания предлагает массу других инструментов и услуг по оптимизации и защите сайта.

Условия подключения к CDN-провайдеру CloudFlare

Как настроить CDN на сайте

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

Регистрация на CloudFlare. Вводим Email, пароль и нажимаем Create Account.

Создание нового аккаунта в CloudFlare

Регистрация сайта. Вписываем адрес своего сайта, как на картинке (без www или http) и жмем Enter. В открывшемся окне кликаем на Next.

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

Выбираем бесплатный тарифный план и кликаем Confirm Plan.

Выбор тарифного плана CloudFlare

Создаем запись CNAME для зарегистрированного URL, кликаем Add Record и Continue.

Создание CNAME и добавление записи в CloudFlare

CloudFlare обновит ваш домен в течение 24 часов. Чтобы подключить сайт к CDN, нужно заменить существующий домен на новый.

Как ускорить загрузку отдельных файлов

Можно ускорить весь сайт, но это выйдет дороже. Целесообразнее будет определить наиболее тяжелые файлы, которые тормозят загрузку страниц. Также стоит оптимизировать только те элементы, которые практически не подвергаются изменениям: картинки, javascript, CSS.

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

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

Например, путь отдельно взятого файла:

<link rel="stylesheet" href="/css/style.css"/>

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

<link rel="stylesheet" href="http://user123.clients cdnnow.ru/css/style.css"/>

Важную роль играет протокол. Если сайт доступен только по протоколу HTTPS, то его обязательно нужно прописать в коде:

https://user123.clients-cdnnow.ru/<uri_path>

Если на сайте стоит стандартный протокол, то вводить код можно без него:

//user123.clients-cdnnow.ru/<uri_path>

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

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

FAQ

Что такое CDN сервер

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

Content delivery network - что это?

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

Зачем нужен CDN

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

Как работает cdn

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

Заключение

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

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

Ускорение загрузки на 1-2 секунды — уже отличный результат. Иногда разница даже в 0,5 секунды влияет на поведение пользователя и его отношение к предлагаемому контенту.

Эта статья — часть модуля «Список задач» в Serpstat

«Список задач» — готовый to-do лист, который поможет вести учет
о выполнении работ по конкретному проекту. Инструмент содержит готовые шаблоны с обширным списком параметров по развитию проекта, к которым также можно добавлять собственные пункты.

Начать работу со «Списком задач»

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

Оцените статью по 5-бальной шкале

3.53 из 5 на основе 16 оценок

Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.