Ускоряем сайт с помощью CDN

1 балл2 балла3 балла4 балла5 баллов (3 голосов, средний: 5,00 из 5)
Загрузка...
Просмотров всего: 681

Ускоряем сайт с помощью CDN

Для начала давайте разберёмся что такое CDN и зачем это нужно

Сеть доставки контента, или CDN (Content Delivery Network) — это сеть серверов, которые расположены по всему миру и работают вместе для распространения контента.

Принципы работы сети CDN

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

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

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

  • Обеспечение наилучшей скорости загрузки сайта для любого пользователя в любой точке мира.
  • Снижение нагрузки на веб-сервер, на котором находится сайт.
  • Экономия на трафике у хостинг-провайдера, т.к. пропускная способность у CDN значительно выше.
  • Улучшение рейтинга сайта в поисковике Google, поскольку страницы сайта, загружающиеся быстрее, имеют преимущество в результатах поиска и получают более высокий поисковый рейтинг, нежели их «медленные» конкуренты.
  • Снижение показателя уровня отказов посетителей сайта.

Краткий обзор наиболее популярных CDN-провайдеров

Рассмотрим некоторые из самых популярных сервисов сетей доставки контента:

1. CloudFlare

Сеть доставки контента CloudFlare

CloudFlare предлагает как бесплатные так и платные тарифные планы. Компания работает на рынке более 15 лет и снискала себе очень хорошую репутацию. Одно из основных преимуществ сервиса заключается также в том, что CloudFlare не задаёт фиксированную пропускную способность, в отличие от конкурентов.

2. MaxCDN

Сеть доставки контента MaxCDN

Один из наиболее популярных CDN-сервисов. Принадлежит компании NetDNA, являющейся одним из лидеров по распределённой доставке контента. Безусловным преимуществом MaxCDN является то, что сервис очень легко интегрируется с такими наиболее распространёнными CMS как Joomla, WordPress, Drupal и Magento. Предоставляет бесплатную 7-дневную тестовую версию и бесплатного тарифного плана, к сожалению, не имеет.

3. TinyCDN

Сеть доставки контента TinyCDN

Сервис основан на базе Amazon Web Services, наиболее известной и популярной компании в этой сфере, и именно поэтому является одним из наиболее надёжных. При этом и стоимость немного выше, чем у конкурентов. TynyCDN предоставляет 30-дневную бесплатную версию для тестирования возможностей услуги.

4. Google PageSpeed

Сеть доставки контента для веб-мастеров

Менее известный сервис, рассчитанный исключительно на разработчиков. При этом Google PageSpeed довольно быстро развивается, как и все продукты Google и если у вас есть желание поэкспериментировать — можете воспользоваться данным сервисом.

От теории к практике

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

Тест производительности сайта с помощью GTMetrix

Как видим, время загрузки страницы составило 5.19 секунд.

Также воспользуемся сервисом WebPageTest.

Тест производительности сайта с помощью WebPageTest

Из результата данного теста видно, что время первой загрузки страницы составляет 6.92 секунды, а повторной — 2.3 секунды.

Перейдём на сайт CloudFlare и приступим к настройке CDN:

1. Регистрируем аккаунт на сайте сервиса, введя в форму регистрации e-mail, имя и пароль.

Регистрируем аккаунт в сервисе CloudFlare

2. Добавляем наш сайт в CloudFlare.

Добавляем сайт в сервис CloudFlare

Ждём пока сервис просканирует наш ресурс, о чём оповестит сообщением «Scan complete».

3. Настраиваем конфигурацию DNS записей нашего сайта. Решаем, какие поддомены подключить, а какие выключить (оранжевое и серое облачко справа, соответственно).

Настраиваем конфигурацию DNS записей сайта в CloudFlare

4. Выбираем тарифный план и настраиваем уровни производительности и безопасности. В нашем случае мы остановимся на бесплатном тарифном плане и выберем средний уровень производительности (CDN + basic optimizations), поскольку есть опасения относительно того, что при выборе высокого уровня, на сайте могут начаться проблемы с отображением некоторых флеш-элементов. Также включим средний уровень безопасности.

Выбираем тарифный план и настраиваем производительность для сайта

5. Производим замену имён серверов (DNS). Для этого переходим в панель регистратора доменного имени нашего сайта и меняем существующие имена на предоставленные сервисом CloudFlare (те что написаны слева меняем на те, что написаны справа, соответственно).

Меняем имена DNS-серверов

После того, как информация обновилась,это может занять до 72-х часов (в нашем случае — около 2-х), наш сайт успешно подключен к CloudFlare.

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

Результат проверки сервисом GTMetrix.

Повторный тест производительности сайта с помощью GTMetrix

Страница загрузилась за 2.87 секунды, тогда как при первом тесте это время составило 5.19 секунд.

Таким образом, в результате подключения сайта к сервису CDN CloudFlare, время загрузки страницы сократилось на 2.3! секунды. При этом значительно повысились оценки веб-ресурса сервисами Google Page Speed и Yahoo YSlow.

Результаты теста производительности сервисом WebPageTest.

Повторный тест производительности сайта с помощью WebPageTest

Первый раз страница загрузилась за 2.99 секунды (в первом тесте — 6.92 секунды), а второй — за 0.46 секунды (в первом тесте — 2.3 секунды).

Согласно результатам проверки скорости загрузки страницы в сервисе WebPageTest, после того, как мы подключили сайт к CloudFlare, время первой загрузки страницы сократилось в 2,3! раза, а повторной загрузки — в 5! раз.

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

ТЕГИ:

Оставить комментарий