Полное руководство по увеличению скорости веб-сайта с помощью Cloudflare

Сайт - это виртуальное окно в мир, через которое посетители могут получать доступ к необходимой информации и/или услугам. Однако, медленный сайт резко снижает заинтересованность именно в вашем проекте. А значит - и ваш потенциальный доход. Больше 3 секунд никто не ждет. Если ваш сайт не загрузился за это время, посетитель просто закроет вкладку, и найдет требуемую информацию в другом месте.

К счастью, существуют такие сервисы, как Cloudflare, которые используют технологии, которые ускорят доступ к вашему сайту, в какой части мира бы не находился ваш посетитель. Также скорость загрузки увеличивается за счет того, что статическая часть контента вашего сайта (изображения, стили, шрифты и так далее) выдаются в браузер посетителя непосредственно из кэша серверов Cloudflare, без дополнительных обращений к вашему хостингу.

Почему сайт должен быть быстрым

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

  • Если сайт грузится больше чем 3 секунды, половина посетителей уйдет, так и не дождавшись загрузки
  • Поисковые системы (Яндекс, Гугл) учитывают скорость прорисовки и полной загрузки страниц в своих алгоритмах ранжирования
  • Посетители с большим энтузиазмом открывают дополнительные страницы на сайте, демонстрирующем мгновенную скорость загрузки. В наше время никто не любит ждать.

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

Как измерить, ваш сайт быстрый или нет

Есть 2 основных параметра, которые легко измеряются в цифрах: TTFB (Время до первого байта) и DOM Load (Время загрузки DOM).

TTFB - насколько быстро ваш сервер начал передавать первые байты ответа на запрос. Хорошим является отклик около / менее 200 миллисекунд. Этот параметр определяет именно серверную архитектуру вашего приложения: скорость канала, расстояние до сервера, загруженность серверной инфраструктуры хостинга.

Полное руководство по увеличению скорости веб-сайта с помощью Cloudflare

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

Ориентир: не больше 3 секунд для компьютера, до 2 секунд для мобильных устройств (телефоны, планшеты). Хорошим подспорьем будет сервис Google PageSpeed Insights.

Полное руководство по увеличению скорости веб-сайта с помощью Cloudflare

Причины низкой скорости сайта

Основные показатели, которые напрямую или косвенно влияют на скорость загрузки страниц:

  • Расположение сервера. Чем дальше от потенциального потребителя, тем скорость будет ниже. Не стоит размещать сайт, ориентированный например на российскую аудиторию, в дата-центре в Австралии или Новой Зеландии, и прочих дальних далях.
  • Хостинг, занимающийся оверселлингом. Это когда на один сервер, рассчитанный на нагрузку до 500 средних по нагрузке сайтов, навешивается 2500 таких сайтов. В итоге свободных ресурсов сервера своевременную обработку запросов не хватает, сайт работает нестабильно: то быстро, то медленно.
  • Слишком тяжелые страницы: много плагинов, изображений, анимации, рекламы, тяжелых скриптов, различных трекеров, ненужных счетчиков и прочей маркетинговой суеты, в целом различных рюшечек.
  • Неоптимизированные изображения, устаревшие форматы картинок. Оптимизированный по размеру WEBP - это лучше чем тяжелый и слишком большой для выделенного для него окошечка PNG или JPG файл. Формат WEBP понимают и принимают все современные браузеры.
  • Нет кэширования. Зачем создавать десять раз одну и ту же страницу, каждый раз затрачивая на это ресурсы сервера. Страницу нужно отдавать уже в готовом виде для всех повторных посетителей.
  • Неоптимизированные запросы. Например, при загрузке страницы производятся какие-то длительные расчеты и запрос контента в таблицах MYSQL, перегружающие в итоге сервер и приводящие у общему уменьшению скорости его работы.
  • Несоответствие вычислительных мощностей хостинга и нагрузке на сайт. Нужно следить за тем, чтобы не наступало тех моментов, когда ресурсов сервера уже не хватает на своевременную обработку всех входящих запросов. На этом принципе, кстати, строятся ДДОС атаки.

Cloudflare смягчает все перечисленные проблемы, тем самым делая работу сайта более равномерной и предсказуемой.

Что такое Cloudflare

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

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

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

При открытии страниц сайта неоднократно загружаются одни и те же служебные страницы (CSS, JS, файлы изображений). Cloudflare позволяет кэшировать эти файлы при первом обращении, и в дальнейшем загружать посетителю сразу со своих серверов.

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

Вопросы и ответы

Может ли Cloudflare заменить хостинг. Нужно ли отказываться от хостинга после подключения Cloudflare

Нет, Cloudflare - это не замена вашему хостингу. Cloudflare - это звено между браузером посетителя и вашим хостингом, в котором фильтруется входящий трафик, производятся улучшения производительности.

Что именно кэшируется Cloudflare?

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

Может ли Cloudflare блокировать все атаки?

Cloudflare при должной настройке фильтрации блокирует большую часть вредоносных обращений к сайту. Всегда имейте в виду, что реальный IP адрес вашего сервера должен быть скрыт от злоумышленников. Ни в коем случае НЕ указывайте его в DNS записях, например п почтовой записи SPF. Иначе есть вероятность того, что ваш сайт будет атакован напрямую на хостинг, в обход Cloudflare.

Первоначальное подключение и настройка учетной записи Cloudflare

Регистрация в Cloudflare занимает буквально минуту.

  1. Перейдите в Cloudflare.
  2. Введите адрес вашего почтового ящика, придумайте сложный пароль, состоящий из символов в разном регистре, цифр и специальных знаков.
  3. Добавьте свой сайт, введите в специальную форму доменное имя вашего сайта.
  4. Выбирайте тарифный план Free.
  5. Измените NS записи (ресурсные записи) своего домена у регистратора домена на те, что вам предоставит Cloudflare.
  6. Подождите несколько часов, пока закончится синхронизация.
  7. Настройте правила WAF (Security - WAF)
Надеюсь, что представленная выше информация поможет вам более полно ознакомиться с возможностями Cloudflare, и применить их на практике.

Российская альтернатива Cloudflare

Функцию фильтрации ботов Cloudflare может на себя взять российский антибот Killbot. Вот к нему у РКН точно претензий нет, сервера компании находятся в РФ. Принцип работы отличается от привычного, отслеживаются не знакомые всем при настройке Cloudflare параметры (входящие IP адреса, AS подсети ботов, User Agent и прочее), а уникальные для каждого набора браузеров слепки. По отличию оригинального браузера от модифицированного, тот или иной заход определяется либо как заход реального посетителя, либо как заход бота. Чтобы не повторяться - расписывал более подробно в статье Альтернатива Cloudflare в России.

При регистрации в Killbot введите промокод antiddos24 и получите месяц тестирования платного тарифа (1000 руб) в качестве бонуса. Этого вам хватит на то, чтобы понять, подходит вам данное решение, или нет.
Также по промокоду автоматически подключается подписка на интеграцию с Яндекс Директ, вы можете синхронизировать Киллбот и рекламный кабинет РСЯ, и наконец избавиться от недействительных кликов и скликивания рекламы конкурентами. Поведенческим ботам устанавливается ставка -100% и объявления не показываются, экономя ваш рекламный бюджет.

Подпишитесь на Telegram канал для того, чтобы всегда быть в курсе последних новостей и обновленных настроек для защиты от ботов через Cloudflare, а также оперативно получать новые материалы, выходящие на antiddos24.ru

Всегда нужно иметь в виду, что те советы, которые вы прочли в статьях на сайте antiddos24.ru - это лишь часть настроек, которые я делаю при профессиональной экспертной настройке фильтрации поведенческих ботов. Все остальное - это непубличные профессиональные секреты. Любая информация, становящаяся общедоступной - достаточно быстро устаревает и перестает быть эффективной.
Если вы столкнулись с повышенной ботностью в Яндекс метрике, увеличением числа прямых заходов, увеличением количества отказов - вы всегда можете заказать у меня настройку Cloudflare или Killbot.

Услуги

Свежие записи

Портфолио

AntiDDOS24

АнтиДДОС, поведенческие факторы, защита от ботов, настройка Cloudflare и КиллБот.

Telegram

@antiddos24

Быстрее всего отвечаю в Telegram.

На значок Telegram можно нажать.
Более 500 выполненных работ на Кворк, положительные отзывы, профессионально занимаюсь защитой от ДДОС с 2017 года.
Ссылка на кворк
Свяжитесь со мной, для согласования перечня работ и условий оплаты.
Контакты
Copyright © 2024, AntiDDOS24. Копирование материалов сайта запрещено.
menu-circlecross-circle