Как бесплатно проверить производительность сайта С самого нач | Oleg Salamaha

Как бесплатно проверить производительность сайта

С самого начала стоит понимать разницу между производительностью и скоростью. Часто встречаю мнения, что эти два понятия относят у одному и тому же. Это не так. Производительность только отчасти зависит от скорости. Здесь также стоит знать и о других факторах: архитектура кода, рендеринг контента.

Проверка с помощью Performance

Google Chrome DevTools Performance — классный инструмент, который поможет разобраться с производительностью. Инструмент сложный, зато бесплатный (поэтому кто не хочет платить, погружайтесь в тему).

Как начать проверку

Для проверки доступны несколько опций — CPU и Network. Первая опция тормозит процессор, а вторая занижает скорость интернета. Здесь может возникнуть вопрос: для чего стоит всё замедлять? Именно на медленном соединении и частоте можно лучше увидеть проблемы сайта.

Анализируем сайт

1. Измеряем плавность отрисовки. Эта функция измеряется в количестве кадров в секунду. Оптимальное значение — 60 кадров за секунду. Если же есть проблемные места, то на графике отображается красная полоса.

2. Измеряем нагрузку на процессор. Этот параметр измеряет CPU. И если на графике имеются участки с максимальной нагрузкой, то это звоночек для оптимизации.

3. Скриншоты этапов загрузки. Самый лучший вариант, если сперва загружаются элементы первого экрана. Также можно увидеть проблемы в коде сайта.

————

Performance даёт возможность проверить любую страницу. Программа непростая, зато если разобраться, можно выявить много дефектов сайта. Удобно то, что инструмент находит конкретный проблемный участок в коде.

Пользовался ли кто Performance? Может кто-нибудь использует другие инструменты?

@gelo_seo