#веб_разработка #вконтакте

В веб разработке есть приём, не соображу, есть ли у него какое-то название. Состоит в том, что до загрузки контента пользователю показываются примерные очертания того, что должно появиться на экране. Например, в телеге есть баблы под переписку, которые отображаются, пока диалог грузится.

Так вот, в ВК эти шаблоны в ленте остались старыми! В десктопной версии. Шаблон старый - текст над фоткой, а потом контент загружается... и он очертаниями вообще не похож на то, что было во время загрузки. Тупо сломали инструмент, не доделали...

P.S. На фанфиксе я такое использую в окне со списком мимимикнувших. Там сразу отображается нужное количество мест под аватарки и ники, а потом уже загружаются конкретные аватарки и ники. На быстром интернете этого не заметить, а на медленном работает.

UPD: напишу сюда же. Ещё одно сломанное место новой ленты ВК.

Разработчики стараются писать фронтенд так, чтобы браузеру как можно меньше приходилось пересчитывать позиции элементов на странице. Ибо это нагружает устройство пользователя и может вызвать тормоза, лишний расход аккумулятора и так далее. А ещё это бросается в глаза, отвлекает внимание, раздражает.

В ленте ВК (опять же десктопная версия) есть возможность открыть любой пост в новом слое - сообщение отображается поверх всей ленты, текст становится крупнее, в адресной строке отображается ссылка на конкретный пост, можно её скопировать.

Раньше, насколько помню, после такого клика пост загружался в новый слой с сервера. Сейчас же пост меняет своё положение на странице. Силами браузера его вырывают из ленты и вставляют в новый слой, при этом из ленты (которая остаётся на фоне, слегка затенённая) пост пропадает, нижний пост занимает его место, браузер пересчитывает все посты ниже открываемого, чтобы сдвинуть их выше. Не знаю точно, сильнее это нагружает устройство, чем иные варианты (например клонирование поста), но лично у меня весь этот процесс заставляет страницу прыгать туда-сюда перед глазами. Пост прыгает, лента прыгает. Выглядит неприятно.