Спрашиваю: "Что случилось?"
- "Ваша программа медленно работает! Я не могу в ней быстро печатать!!!
Я думаю: "Что такое? Сеть тормозит? Баг какой? Интерфейс глючит? Клавишу заело?". Говорю: "Покажите, пожалуйста, что вы делаете. Сейчас посмотрим, в чем проблема".
Дама берет карандаш. ДВУМЯ пальцами, на которых ДЛИННЮЩИЙ КРАСНЫЙ МАНИКЮР💅 И начинает карандашом тыкать по одной клавише в клавиатуре🤦‍♀️

"Ну вот смотрите: ВАША ПРОГРАММА МЕДЛЕННО РАБОТАЕТ!!!"

Видели в запретограме клюющий ноготь? А в зоопарке когти у ястреба? Мне кажется, с таким маникюром можно было и на медведя ходить, и дрова колоть, и использовать в качестве холодного оружия.
— Вот что мне делать?
Я, конечно, удержалась от хамского комментария: "Ногти постриги! Уууу, милочка... это не программа тормозит, это ты тормозишь...", но тактично промолчала и выводы сделала. Что дама совершенно необучаема. Здесь уже только обнять и плакать. Такой персонаж есть почти в любой организации, поэтому если кто кого узнает, то это не ваша коллега, а совпадение — чистая случайность.
Сейчас эта тетенька уже давно на заслуженном отдыхе.
А вот если в приложении случаются реальные фризы, то сначала диагностируется с помощью инструментов разработчика в браузере.
Самый простой способ посмотреть, сколько выполняется сетевой запрос, это открыть в Chrome Devtools (вызывается кнопкой F12) вкладку Network. В колонке Time отображается время выполнения http-запросов.
Исходя из этой информации в веб-приложении можно настроить:
🔹кэширование — ходим на сервер по необходимости, не отправляем сетевой запрос на каждый чих, информацию храним локально. Недостаток — кэш иногда протухает или при обновлении ПО на новую версию нужно чистить кэш браузера вручную.
🔹настроить gzip-сжатие в nginx — для картинок и шрифтов, чтобы не гонять по сто раз туда-сюда трафик
🔹и последний способ — решает проблему со скоростью на уровне разработки кода: gRPS и Protobuf. Данные передаются в бинарном формате вместо классического JSON.