Производительность веб-страниц

Часто слышу вопрос от начинающих и не очень разработчиков:

«Eсть какой-то плагин для измерения скорости сайта?»

Вопрос немного некорректный. Простой ответ «НЕТ», потому что... нет никакой скорости сайта. Есть скорость интернет-соединения, которая измеряется в битах за секунду. Сайт, вернее веб-страница, характеризуется другим параметром, а именно Производительностью.

Давайте рассмотрим как можно проанализировать Производительность сайта:

Google Chrome расширение PageSpeed

enter image description here

Расширение PageSpeed (тоже «скорость страницы» :), но на самом описании расширения можно прочесть, что:

PageSpeed Insights анализирует производительность ваших веб страниц и делает предложения для их ускорения

Расширение можно установить тут, но не спешите ставить. Потому что в комлекте с Google Chrome идёт панель Audits:

Google Chrome панель Audits

google chrome audits

Полностью заменяет по функциональности расширение PageSpeed. Вот короткий ролик для ознакомления с этой панелью (англ).

Кто хочет быть в курсе последних новостей по Google Chrome инструментов разработчика — вот группа в контакте.

Это всё сложно и долго, мне нужно просто индикатор хорошая или плохая производительность у страницы

Ок. Для вас отлично подойдёт:

PagePerformance расширение для Google Chrome

page performance

Установить можно здесь

Если нажмёте на знак расширения, то в выпадающем меню можно выбать ещё три теста для вашего сайта:

  1. WebPageTest, которым часто пользуются мои друзья-коллеги.
  2. PageSpeed — ссылка работает при установленном расширении
  3. Spof-O-Matic — неведомая фича, которая адски тормозит загрузку страницы (ставить не рекомендую)

Выводы

Есть три мощных инструмента анализа производительности веб-страниц, основной - это Audits панель Chrome браузера. Ставим их и учимся пользоваться.

Дополнительно: