Рубрики
Live

101: CDN — как правильно настроить, чтобы сайт ускорился

Не только рассказали теорию, но и показали на практике, замеры, статистика и аналитика.

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

101: Что дает CDN медленному сайту и быстрому. Польза или вред?
Watch this video on YouTube.
Как работает CDN — Content Delivery Network

Временные метки для видео:

  • 0:00 – Добрый вечер, Алексей Махметхажиев и Антон Белогородцев снова с вами!
  • 3:24 – Что такое CDN (Content Delivery Content – сеть доставки контента). Как часто CDN ухудшает работу сайта нежели ускоряет
  • 5:55 – Вопрос из прошлого эфира про поддержку Server Push в браузерах: «​В статье на habr было написано о плохой поддержке server push у браузеров Safari и EDGE. Так и есть или эти браузеры уже всё поддерживают?», подробнее – 15:44. Сервис Caniuse для проверки поддержки https://caniuse.com/#search=server%20push
  • 8:20 – Вопрос о CDN: «Где ваша тема с прошитой по дефолту CDN-ом?». Нужна ли CDN по умолчанию всем
  • 9:14 – Прямой эфир последнего выпуска с удобным интерфейсом и кнопками со ссылками https://live.loading.express/. Не упускайте новую информацию и улучшайте сайт сейчас
  • 10:10 — Сайт с PageSpeed Insights 0/100. Как можно сделать себе такой сайт, просто купив тему на Themeforest
  • 13:20 – Про медленные сайты на готовых шаблонах. Кто виноват: программист или тема
  • 19:30 – Каким сервисом удобнее измерять загрузку сайта
  • 20:40 – Разбор показателей скорости без CDN сайта на Google PageSpeed Insights
  • 26:48 — На какие параметры CDN в силах повлиять, на какие нет
  • 29:56 — При выборе CDN обратите внимание на покрытие сервиса, подробнее 54:53
  • 30:50 – Вопрос, в каких случаях CDN полезен: «​То есть, если с фронтом все хорошо, а стороннего кода много, то CDN может помочь?»
  • 32:20 – Вопрос из зала: «CLS был 0,28 и удалось снизить до 0,14. Можно ли как-то с помощью консоли Google Chrome вычислить — что именно еще смещает контент?», подробнее – 36:16
  • 36:37 – Сравниваем показатели сайта на Cloudflare и W.Tools
  • 40:43 – Вопрос о GTMetrix: «Почему вы больше не рекомендуете пользоваться сервисом GTMetrix?»
  • 44:12 – Почему GTMetrix устарел и о его системе замера скорости сайта
  • 45:33 – Вопрос о правильной отложке и распределении потока загрузки: «К сайту подключено много скриптов. Они все в разных местах и отложены на одинаковое время 6 сек. Возможно правильнее скрипты откладывать на разное время?»
  • 48:08 – Что измеряет Яндекс Вебмастер, вопрос из зала: «Яндекс вебмастер тоже недавно вывел пузомерку скорости (5 звезд). Вот по PageSpeed сайт больше месяца в зеленой зоне, а по Яндексу 3 балла из 5. Не в курсе, какие параметры скорости они оценивают?»
  • 52:53 – Разбор показателей без CDN и с Cloudflare/W.Tools на Google PageSpeed Insights
  • 54:30 – Почему ручная оптимизация лучше автоматизированной настройки CDN серверами
  • 58:30 – О видимых преимуществах W.Tools (о технической поддержке 1:06:20) и советы по подключению. Сравнение с Cloudflare подробно – 59:50
  • 1:01:30 – О главном! Итожим, когда предпочтительней использовать CDN, когда нет. Подробный разбор случаев – 1:15:00
  • 1:01:56 – Вопрос из зала: «3000 руб мес за cdn недешево. Так может на том же Фаствпс выделенный мощный сервер взять? По деньгам не сильно дороже выйдет»
  • 1:02:24 – Рассказываем о сетевых задержках, демонстрация – 1:03:35
  • 1:06:04 – Об ошибках клиентов и как замедляется сайт при неправильной настройке Cloudflare
  • 1:11:45 – Про расположение дата-центров W.Tools. О выгоде работы со специалистами нежели подключение убыточных CDN
  • 1:21:00 – Вопрос из зала: «Сетевые задержки снимутся, если cdn в РФ. Но pagespeed увидит это улучшение? они ж измеряют с Европы»
  • 1:25:00 – Пора прощаться!

Что такое CDN

Content Delivery Network — это система, которая доставляет картинку с ближайшего города до вашего ПК или самртфона. Картинка упомянута условно, потому что доставить можно любой контент. Картинка, стили, скрипты, html код, что угодно. Доставка от ближайшей точки раздачи любого контента, чтобы вы быстро получили и загрузили содержимое.

Для чего нужен CDN

Если сайт компании находится на сервере в Москве, а вы открываете его из Екатеринбурга, то без CDN, путь будет такой:

  • браузер и запросил страницу сайта
  • из Екатеринбурга запрос пришел в Москву
  • сервер в Москве отдал контент на запрос и контент полетел в Екатеринбург

при CDN путь будет такой:

  • браузер запросил страницу
  • сервер в Екатеринбурге отдал вам контент
как работает CDN - Content Delivery Network

Помните! CDN не ускорит загрузку фронтенда. Если у вашего сайта есть проблема с ответом сервера, то вам точно стоит пробовать CDN.

Тестируйте скорость сайта из Москвы:

Автор: Алексей

Маркетолог в ax.digital и в loading.express. Трехкратный отец.