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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Согласно рейтингу портала Hostings.info, самые популярные CDN-провайдеры в России — Fozzy.com и Hostpro.ua. Второй хостинг также имеет собственные сервера CDN в Украине.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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