Простіше кажучи, Cloudflare CDN зменшує відстань до вашого сайту. Розглянемо, як саме це впливає на швидкість завантаження веб-сторінок для користувачів з усього світу. Залишайтеся з нами, щоб дізнатися більше.
Відстань створює проблеми не тільки у відносинах, але й у передачі даних, де вона може стати справжнім кошмаром.
Без жартів, веб-сайти з великою відвідуваністю можуть втрачати значні кошти з кожною зайвою секундою, витраченою на завантаження сторінки. Численні дослідження підкреслюють, наскільки важлива висока швидкість роботи веб-сайтів.
Ніхто не любить чекати, особливо коли в Інтернеті є безліч альтернативних варіантів. Ось деякі статистичні дані:
Джерело: Pingdom
Якщо вам цікаво, показник відмов – це відсоток користувачів, які залишають веб-сайт без жодної взаємодії. Без конверсій, без продажів, просто марна трата трафіку.
Високий показник відмов може бути нормальним для блогів, але для більшості інших сфер (електронної комерції, B2B, роздрібної торгівлі тощо) це серйозний сигнал тривоги.
Мережа доставки контенту (CDN) зберігає кешовану копію вашого веб-сайту на своїх серверах. Коли користувач відвідує ваш сайт, він завантажується з найближчого географічно сервера, що забезпечує мінімальний час очікування.
Саме це робить Cloudflare, маючи 250 точок присутності (PoP) у понад 100 містах по всьому світу. Це дійсно глобальна мережа доставки даних.
Ось деякі можливості Cloudflare для вашого веб-сайту:
- Стиснення та мінімізація обсягу даних
- Зниження витрат на трафік
- Розподіл навантаження для покращення продуктивності
- Надійний міжмережевий екран веб-додатків (WAF)
- Безкоштовне встановлення TLS/SSL сертифікатів
- 100% гарантія безперебійної роботи для бізнес-планів
В цілому, ефективна CDN функціонує як захисний бар’єр та покращує продуктивність сайту. Cloudflare є лідером у цій галузі, обслуговуючи понад 75% з мільйона найпопулярніших сайтів за рейтингом Alexa.
Тож розглянемо, як можна безкоштовно додати ваш веб-сайт до мережі Cloudflare. Після цього я покажу вам результати тестування продуктивності до та після інтеграції CDN.
Процес налаштування тестування
- Я скористався щомісячним планом хостингу SiteGround і створив тестовий веб-сайт techpostal.com на базі WordPress.
- Я використовував дочірню тему Genesis Maker Pro без жодних плагінів кешування або безпеки.
- Також я вимкнув усі вбудовані оптимізації SiteGround, щоб забезпечити точність результатів.
Підключення до Cloudflare
Відвідайте сторінку реєстрації Cloudflare. Введіть свою електронну адресу та надійний пароль. Потім підтвердіть адресу електронної пошти, перейшовши за посиланням, яке прийде у ваш поштовий ящик.
Після цього поверніться на панель керування та додайте свій сайт. Введіть URL-адресу вашого сайту та натисніть “Додати сайт”.
На наступному екрані вам буде запропоновано обрати план. Для цього прикладу я вибрав безкоштовний план.
Після вибору плану натисніть “Продовжити” внизу сторінки.
Далі Cloudflare проведе сканування DNS-записів вашого сайту. Ви також можете перевірити їх у свого реєстратора доменного імені.
Ви також можете відмінити певні записи, щоб вони не проксувалися через Cloudflare.
Тому, перевірте свої DNS-записи, перш ніж продовжувати.
Наступний етап – зміна серверів імен. Це найважливіший і простий крок для підключення CDN. Процес залежить від вашого реєстратора доменів. Якщо ви не впевнені, скористайтеся довідником Cloudflare зі зміни серверів імен.
Оптимізація
Далі Cloudflare запропонує вам декілька варіантів оптимізації для підвищення продуктивності.
Я ввімкнув обидва варіанти. Перший забезпечує використання SSL/TLS сертифікатів, а другий сприяє скороченню часу завантаження.
Перевірте також, чи увімкнено стиснення Brotli та Rocket Loader. Оскільки навіть з безкоштовним планом можна багато чого досягти, краще використовувати всі можливості для забезпечення оптимальної продуктивності.
Перейдіть до розділу “Швидкість” > “Оптимізація” > “Brotli” та переконайтеся, що він активований.
Аналогічно, прокрутіть сторінку вниз до цього ж розділу та увімкніть Rocket Loader.
Оновлення серверів імен може зайняти певний час. Теоретично це може тривати до 48 годин, але на практиці зміни зазвичай відбуваються протягом кількох хвилин.
Ви можете скористатися нашим інструментом перевірки DNS techukraine.net або іншим сервісом перевірки DNS.
Перевірка продуктивності
Я використовував Blazemeter, щоб виміряти час відгуку веб-сайту. Час відгуку – це складніша метрика, ніж час завантаження сторінки. В ідеалі, чим менші обидва значення, тим краще. Зазвичай час відгуку в межах 2 секунд вважається прийнятним.
Слід зазначити, що значення “До Cloudflare” відноситься до базового стану сайту, без будь-яких сторонніх інструментів чи оптимізацій. “Після Cloudflare” показує результати з використанням безкоштовного плану Cloudflare CDN з налаштуваннями, описаними в цій статті.
Ось отримані результати:
До Cloudflare
Як видно, середній час відгуку та час відгуку 90% зменшилися на 12% та 28% відповідно. Якщо ви не розумієте параметрів, наведених у звіті, ознайомтеся з довідником Blazemeter.
Підсумки
Приємно бачити, що Cloudflare покращує ці показники навіть з безкоштовним планом.
Я рекомендую вам спробувати безкоштовний план Cloudflare. Його легко налаштувати, і в даному випадку він значно підвищив продуктивність сайту.
Не слід забувати, що ми протестували лише аспекти, пов’язані зі швидкістю. Cloudflare також є захисним бар’єром для сайту. Він може забезпечити роботу статичної версії сайту навіть якщо основний сервер недоступний.
Якщо ви захочете повністю розкрити його потенціал, Cloudflare пропонує платні плани. Платні версії мають багато інших функцій, таких як WAF, оптимізація зображень, оптимізація для мобільних пристроїв та багато іншого.
Ви використовуєте WordPress?
Якщо ви використовуєте WordPress, вам слід розглянути можливість встановлення плагіну WP Cloudflare Super Page Cache. Він ефективно кешує весь сайт (статичний та динамічний контент). Це дозволить ще більше зменшити час завантаження сторінки.
Яка є альтернатива Cloudflare?
Сильною альтернативою може бути Sucuri.
Ось декілька інструментів моніторингу швидкості сторінки, які попередять вас, якщо ваш сайт не працює.