Прискорюємо сайт за допомогою CDN, InPro - Агентство інтернет-маркетингу

сайт

Для початку давайте розберемося, що таке CDN і навіщо це потрібно

Мережа доставки контенту, або CDN (Content Delivery Network) - це мережа серверів, які розташовані по всьому світу та працюють разом для поширення контенту.

допомогою

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

Основні переваги використання CDN

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

  • Забезпечує найкращу швидкість завантаження сайту для будь-якого користувача в будь-якій точці світу.
  • Зниження навантаження на веб-сервер, де знаходиться сайт.
  • Економія на трафік у хостинг-провайдера, т.к. пропускна здатність у CDN значно вища.
  • Покращення рейтингу сайту в пошуковій системі Google, оскільки сторінки сайту, що завантажуються швидше, мають перевагу в результатах пошуку і отримують вищий пошуковий рейтинг, ніж їх «повільні» конкуренти.
  • Зниження показника рівня відмов відвідувачів сайту.

Короткий огляд найпопулярніших CDN-провайдерів

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

1. CloudFlare

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

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

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

4. Google PageSpeed

Менш відомий сервіс, розрахований виключно на розробників. При цьому Google PageSpeed ​​досить швидко розвивається, як і всі продукти Google, і якщо у вас є бажання поекспериментувати - можете скористатися цим сервісом.

Від теорії до практики

Щоб переконатися в ефективності мереж доставки контенту, налаштуємо CDN від CloudFlare на одному з наших веб-сайтів. Перед настроюванням протестуємо продуктивність сайту за допомогою онлайн-сервісу GTMetrix.

Як бачимо, час завантаження сторінки становив 5.19 секунд.

Також скористаємось сервісом WebPageTest.

З результату даного тесту видно, що час першого завантаження сторінки становить 6.92 секунд, а повторної - 2.3 секунди.

Перейдемо на сайт CloudFlare і приступимо до налаштування CDN:

прискорюємо

2. Додаємо наш сайт у CloudFlare.

прискорюємо

Чекаємо поки що сервіс просканує наш ресурс, про що сповістить повідомленням «Scan complete».

3. Налаштовуємо конфігурацію записів DNS нашого сайту. Вирішуємо, які піддомени підключити, а які вимкнути (помаранчева та сіра хмарка праворуч, відповідно).

сайт

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

допомогою

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

сайт

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

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

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

Сторінка завантажилася за 2.87 секунди, тоді як за першого тесту цей час склав 5.19 секунд.

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

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

Перший раз сторінка завантажилася за 2.99 секунди (у першому тесті – 6.92 секунди), а другий – за 0.46 секунди (у першому тесті – 2.3 секунди).

Згідно з результатами перевірки швидкості завантаження сторінки в сервісі WebPageTest, після того, як ми підключили сайт до CloudFlare, час першого завантаження сторінки скоротився в 2,3! рази, а повторного завантаження – у 5! разів.

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