Как бесплатно проверить производительность сайта
Как бесплатно проверить производительность сайта
С самого начала стоит понимать разницу между производительностью и скоростью. Часто встречаю мнения, что эти два понятия относят у одному и тому же. Это не так. Производительность только отчасти зависит от скорости. Здесь также стоит знать и о других факторах: архитектура кода, рендеринг контента.
Проверка с помощью Performance
Google Chrome DevTools Performance — классный инструмент, который поможет разобраться с производительностью. Инструмент сложный, зато бесплатный (поэтому кто не хочет платить, погружайтесь в тему).
Как начать проверку
Для проверки доступны несколько опций — CPU и Network. Первая опция тормозит процессор, а вторая занижает скорость интернета. Здесь может возникнуть вопрос: для чего стоит всё замедлять? Именно на медленном соединении и частоте можно лучше увидеть проблемы сайта.
Анализируем сайт
1. Измеряем плавность отрисовки. Эта функция измеряется в количестве кадров в секунду. Оптимальное значение — 60 кадров за секунду. Если же есть проблемные места, то на графике отображается красная полоса.
2. Измеряем нагрузку на процессор. Этот параметр измеряет CPU. И если на графике имеются участки с максимальной нагрузкой, то это звоночек для оптимизации.
3. Скриншоты этапов загрузки. Самый лучший вариант, если сперва загружаются элементы первого экрана. Также можно увидеть проблемы в коде сайта.
————
Performance даёт возможность проверить любую страницу. Программа непростая, зато если разобраться, можно выявить много дефектов сайта. Удобно то, что инструмент находит конкретный проблемный участок в коде.
Пользовался ли кто Performance? Может кто-нибудь использует другие инструменты?
@gelo_seo
Источник новости https://t.me/gelo_seo/40...