За счет чего достигается высокая скорость сайта?

В сети нашел один портал https://tproger.ru. Как я заметил он работает на вордпресс. Очень сильно удивила высокая скорость работы сайта. Подскажите, за счет чего можно достигнуть такую скорость и что применяет для этого данный ресурс. Всем спасибо
  • Вопрос задан
  • 2810 просмотров
Решения вопроса 2
TTATPuOT
@TTATPuOT
https://code.patriotovsky.ru/
Чего тут быстрого? Самая стандартная скорость загрузки. Только сделано аккуратно.
Сайт пользуется всем тем, чем принято пользоваться при оптимизации: отложенной загрузкой неважного контента, шрифтов, картинок, побочных блоков. Сжатие, кеширование. Ну и работа бекенда. Аккуратно использован WordPress, а не как принято - нафигачить плагинов и в путь.
Здесь ничего феноменального нет.

Почитайте банально в интернете о том, как это делается. Например: https://habr.com/ru/company/kingservers/blog/346956/
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
1. Пререндеренная статика
2. Асинхронность фронта
3. Кэширование (полное, двухстороннее)
4. CDN
5. Минимум инкапсуляций (ООП) при запросах данных в коде скрипта.
6. Подключение к БД - только при крайней необходимости: нужны данные из БД и кеш запрос-результатов их не содержит или устарел.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 8
@caballero
Программист
мощный сервер
Ответ написан
dimonchik2013
@dimonchik2013
полковник Андрейченко
CDN

у них Cloudflare , и, похоже, платный
Ответ написан
Комментировать
SagePtr
@SagePtr
Еда - это святое
PageSpeed Insights с Вами не согласен и выдаёт только 56 баллов из 100. Может быть, после вопроса все побежали проверять, и сайт лёг)
Ответ написан
@vitaly_il1
DevOps Consulting
Как уже сказали, Cloudflare CDN. Плюс, наверно, правильные настройки кеша. Для публичных частей, без логина, 100% можно отдавать из кэша.
Ответ написан
Комментировать
naarende
@naarende
Диджитал менеджер
Весь секрет скорости этого сайта — реактивная тема. Делайте так все и будут ваши сайты такими же быстрыми, но это не точно.
Еще они проксируют сторонние скрипты, используют отложенную загрузку, CloudFlare у них энтерпрайз тариф…

Визуально сайт и правда загружается быстро. Это всё First Contentful Paint.
Дальше выполняются JS и тут уже показатели не такие уж и быстрые.
Замерял через сервисы его скорость. Взял три. Два из Европы и один из России замеряет.
Вот ссылки на отчеты, глянуть. Скриптов там офердофига, думаю можно с ними поработать для скорости еще выше.

GPSI (Европа) — https://developers.google.com/speed/pagespeed/insi...
loading.express (Россия) — https://loading.express/?test_id=5f3018233fb0282f7...

В целом — молодцы! Аудитория сайта должна получать быстрый и отзывчивый сайт.
Ответ написан
Moor
@Moor
Возможно, все необходимые ответы найдутся здесь https://builtwith.com/?https%3a%2f%2ftproger.ru%2f. Ну и присоединяюсь по поводу быстрой темы и однозначно хорошего кэширования.
Ответ написан
Комментировать
@WebReklamist
Веб-разработчик и SEO-специалист
Скорость дают:
Нормальная CMS
Минимум запросов к базе
Минимум подключаемых файлов скриптов, шрифтов, стилей...
Отсутствие импорта стилей из стиля
Отложенная загрузка скриптов, ленивая загрузка картинок.
Минимум мусора в коде, минимизация скриптов и стилей
Картинки правильного формата и нормального веса
Кэширование всего, что возможно
Хороший хостинг с высокими лимитами процессора и памяти...
может еще что забыл...
Ответ написан
Комментировать
@Litl
Cloud Flare - полное кеширование всех страниц (это можно уидеть по заголовку ответа cf-cache-status: HIT)
В настройках Page Rules можно задать полное кеширование всех частей (т.е. если сайт статичный +/- можно полностью его кешировать исключив админку, нехочу расписывать как - загуглите, там +/- всё правильно описано

Если добработать немного свой ВП, то можно управлять этим огородом весьма хорошо повесив триггер на БД чтобы при обновлениях поста, апруве комментов и т.д. можно было чистить кеш через API.

Плюсы:
  • Минимальный отклик, т.к. сервер CDN находится в 99% ближе к клиенту чем ваш сервер.
  • Кешированная страница отдаётся без участия сервера, т.е. уменьшаем нагрузку


Минусы:
  • Страница попадает в кеш на сервере CDN после захода пользователя через этот сервер (т.е. если вы работаете с СНГ регионом это ок, там в каждой стране по 1-2 дата-центру, а если, например, Америка, там они в каждом штате ... карту CND CF можно найти на их сайте)
  • Для создания динамических частей нужно использовать либо ajax либо делать их на js


Как по мне хороший вариант кеширования с помощью Nginx, но он требует немного кода:
  1. Сохраняем вывод страницы после рендеринга в файл сохраняя структуру
  2. Натравливаем try_files на кеш
  3. Используя SSI модуль в Nginx можно динамически управлять контентом из кеша (например пользователям из EU показывать cookie баннер используя GEO модуль)
  4. Также можно делать холодный страрт кеша после заливки прикрутив простой скрип (в цикле курлом пройтись по страницам) в свой CI


P.S. на примере tproger можно точно найти оплошности в бустродействии:
Разбросанность файлов на поддомены требует доп запроса DNS и инициализации SSL что змедляет страницу (несмотря даже на заголовки в хидере типа preconnect и prefetch)
Отсутствие миницикации JS внутри самой html страницы
Ну там много рахных мелочей, но в целом неплохо :)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы