Производительность сайта

Со времен фриланса, я научился находить слабые места в сайте.

Чем быстрее работает страница, тем выше конверсия.

В первую очередь, я обращаю внимание на инспектор, а конкретно на вкладку сеть

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

Для дебага, я выделяю нужный отрезок времени, фильтрую по времени (выбираем сортировку по самой высокой загрузке) и начинаем разбираться.

Самыми избитыми проблемами загрузки страницы являются: запросы на бэк, не оптимизированные изображения, бандлы (библиотеки или скрипты, в духе jquery).

Удобнее всего, отслеживать это на dev-сборке, локально на своей машине, но бывают и ситуации, когда просят посмотреть продакшен. На помощь приходит Pagespeed. Минус в том, что современные фреймворки минимизируют js и css и создают файлы из непонятных названий и минимизированного кода, в котором нереально разобраться на проде. Поэтому старайтесь все переводить к деву, если хотите детального анализа.