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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

Сообщить об ошибке

Отменить
3991
How-to Читать 13 минут 12 декабря 2018

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

Как настроить Content Delivery Network
ЧЕК-ЛИСТ: ТЕХНИЧЕСКАЯ ЧАСТЬ — СЕРВЕР
Инструкцию одобрил
Head of SEO в Ольшанский и Партнеры
В среднем посетителю нужно около шести секунд, чтобы понять, полезен ему ресурс или нет. Успеть показать весь нужный контент, потратив минимум времени на загрузку страницы, — задача сети доставки контента, Content Delivery Network (CDN).
С целью удержать пользователя на сайте и подвести его к целевому действию, мы используем разные методы оптимизации: цепляющий дизайн, качественный и полезный контент, SEO и т.д. Однако мы часто забываем о мелочах, которые в итоге играют важнейшую роль в работе сайта, определяют его видимость и посещаемость.

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

Что такое CDN

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

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

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

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

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

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

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

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

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

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

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

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

Кроме увеличения скорости загрузки файлов, сеть доставки контента имеет еще несколько преимуществ:
1
Снижается нагрузка на сервер. В случае с обычным хостингом прием, обработка и отправка данных каждому пользователю обеспечивается одним сервером. CDN позволяет рационально распределять эту нагрузку между несколькими серверами.
2
Защита от DDoS. Распределение выполняет роль дополнительной защиты от хакерских атак. CDN представляет собой относительно сложную систему передачи информации, поэтому, чтобы ее взломать, хакерам потребуется намного больше средств и времени.
3
Множество направлений. CDN можно использовать для ускорения воспроизведения аудио- и видеофайлов, сложных анимаций, даже игр. Можно ускорить любой сайт: интернет-магазин, информационный ресурс, сайт с рекламой услуг.
4
Увеличение скорости работы сайта. Использование сети CDN позволяет подобрать оптимальное расположение и количество узлов. Файлы будут прогружаться одинаково быстро для всех пользователей, независимо от местоположения.
Использование CDN позволяет снизить расходы на оптимизацию работы хостинга. Конечно, придется потратиться на внедрение, подключение CDN и сервис. Однако это все равно выгоднее, чем постоянно обновлять имеющийся хостинг.

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

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

Лучше всего подойдет тот провайдер, сервера которого находятся в максимальной близости к вашей аудитории. И чем больше точек, тем лучше. Так вы можете выбрать их оптимальное расположение и количество.
2
Загруженность серверов. Несмотря на то, что CDN-сервера позволяют рационально распределять и использовать трафик, количество терабайт на них тоже ограничено. Не стоит подключаться к перегруженным серверам, т.к. они могут тормозить и давать сбои.
3
Политика кэширования. Для обеспечения максимальной скорости загрузки сайтов, сервера сохраняют и данные сайта и те, которые поступают от пользователей. Две наиболее распространенные схемы кэширования:

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

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

Уточните, каким образом будет обеспечиваться трафик в случае сбоя одного из серверов. Изменится ли стоимость услуг, на период устранения поломки? Предусмотрены какие-то компенсации или скидки за потерю части аудитории по вине провайдера и т.д. Также стоит обсудить санкции, которые предусмотрены за несоблюдение условий обоими из сторон.
5
Дополнительные услуги CDN. Кроме своих серверов, компании часто предлагают клиентам дополнительный сервис. Это может быть: ведение статистики и аналитика, возможность изменения политики кэширования и др.
6
Условия оплаты. Каким образом осуществляется оплата? Как часто? Оплата происходит за количество использованных мегабайт или за срок использования сети? Что, если количество использованного трафика не достигло предусмотренного минимума?
Важно правильно подобрать CDN-сеть, чтобы сервера располагались максимально близко к пользователям. Мы советуем определить расположение серверов в зависимости от статистики посещений вашего сайта. Она покажет, с какого именно региона осуществляется большинство заходов. Также стоит учитывать специфику сайта, вашу целевую аудиторию.

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

Популярные решения

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

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

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

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

HostPro

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

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

G-Core Labs

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

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

CloudFlare

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

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

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

Рассмотрим, как подключить CDN для сайта на примере бесплатного аккаунта CloudFlare. Все платформы имеют примерно одинаковую систему регистрации и подключения, поэтому инструкцию можно считать универсальной.
1
Регистрация на CloudFlare. Вводим Email, пароль и нажимаем Create Account.
Регистрация в CloudFlare
2
Регистрация сайта. Вписываем адрес своего сайта, как на картинке (без www или http) и жмем Enter. В открывшемся окне кликаем на Next.
Добавление сайта в CloudFlare
3
Выбираем бесплатный тарифный план и кликаем Confirm Plan.
Тарифные планы CloudFlare
4
Создаем запись 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 рассчитана на тех пользователей, которые находятся далеко от основного сервера.

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

Заключение

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

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

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

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

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

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

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

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

Поделитесь статьей с вашими друзьями

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

Свяжитесь с нашей службой поддержки
Или подтвердите регистрацию с помощью Телеграм бота Перейдите по этой ссылке
Выберите один из проектов

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

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

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов