Блудный программист | Alex Lazareva

Пример отображения инструментов разработчика в Chrome DevTools. На скриншоте открыта вкладка Network. По колонке Time мы видим, сколько времени в браузере выполнялся конкретный HTTP-запрос

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

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

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

"Ваша программа медленно работает!" или Как диагностировать зависания в веб-интерфейсе?
Всем привет! Сегодня новая история от "Блудного программиста". Как всегда поучительная и, конечно, с практическими выводами.
Далекие доковидные времена, год примерно 2017-й. Я — еще молодой, зеленый веб-разработчик поехала внедрять программный продукт в Сибирь. Команда проекта была небольшая, сам написал, сам и внедряешь. Сам пользователей обучаешь, сам запускаешь ПО в промышленную эксплуатацию и сам едешь акты подписывать. Со мной поехала моя начальница, она же руководитель проекта.
Работали с ней на объекте в паре, меняя друг друга в диспетчерском отделе на обед. Первые двое суток после запуска уже прошли, диспетчеры успокоились, поэтому мы на объекте за ними только наблюдали. Одна оставалась в диспетчерской, а вторая работала в отделе статистики и с другими службами. Вечером встречались на съемной квартире и собирали багрепорты.
За ужином коллега мне рассказала, что в диспетчерском отделе есть одна выдающаяся тетенька.
В него обычно переходят работать женщины в возрасте, кому недолго осталось до пенсии. Потому что на выезде им работать уже сложно, силы и здоровье не те. С компьютером, как правило, не просто на "вы", а на "вы" и по имени-отчеству.
Эта женщина подзывает мою коллегу и говорит, что у нас плохая программа. Она не может в ней быстро печатать. У дамы огромный яркий маникюр и она просто не может попасть пальцем по клавиатуре — когти соскальзывают. Коллега предупредила меня, что есть в диспетчерском отделе такой кадр и чтоб вела себя с ней потактичнее, потому как дама — дуб дубовый. Я покивала и отправилась спать.
Через пару дней мне пришлось убедиться в этом самой. Коллега была где-то на совещании у руководства, я осталась дежурить в диспетчерской. Обычно сотрудники к тебе уже привыкают как к мебели и мало кто обращает на тебя внимания: сидит нечто за ноутбуком где-то в углу, что-то печатает, да и фиг на него.
Меня подзывает к себе выдающаяся дама с высокой прической, ядреной красной помадой и непомерно ярким макияжем для ее почтенного возраста.