На данном этапе в работу было внесено более 100 различных доработок и исправлений. Большая часть устранённых проблем была обнаружена благодаря судьям и сторонним участникам, оставившим свои замечания на предыдущем этапе. Спасибо всем, кто уделил свое время тестированию моей работы!

Кроме того, были так же реализованы некоторые пожелания, которые не требовались в рамках конкурса: например, поддержка черновиков и History API. Применение Web Workers и Service Workers позволило увеличить производительность и отзывчивость интерфейса. Значительно улучшена работа с GIF и стикерами. Устранены проблемы с прокруткой на Android-устройствах. Для удобства тестирования в меню добавлена возможность сбросить локальный кэш.

К сожалению, при подведении итогов третьего раунда не было отмечено внимание к деталям, а также многочисленные дополнительные возможности. Среди них: применение IndexedDB для кеширования локальнго состояния, видеоплеер (с поддержкой стриминга и превью при перемотке), поддержка опросов всех видов и их создания, поддержка инлайн-клавиатур ботов, поиск по дате в истории чата.

Transferred size при первом старте: 330КВ.
Transferred size после перезагрузки страницы для залогиненного аккаунта: 271КВ.
В целом, скорость работы приложения оказалась ниже ожидаемой – особенно существенны проблемы при прокрутке бесед с объемной историей, заметны значительные задержки при подгрузке и отрисовке медиа. К сожалению, не все найденные проблемы, которые были озвучены по итогам предыдущих этапов конкурса, были исправлены.

Критические недоработки:
– При нахождении открытым в фоне в течение 10-30 минут в настольном Safari приложение вызывает появление ошибки Webpage using significant energy;
– Проблемы с GIF в разных браузерах при использовании приложения как на мобильных, так и настольных устройствах: анимации не проигрываются автоматически, часть не прогружаются совсем (отображаясь белыми квадратами или размытыми сущностями) – и в панели Emoji/Stickers/GIFs, и непосредственно в чатах;
– Приложение позволяет отправлять стикеры при закрытой панели E/S/G – при последовательной смене ориентации устройства, панель сворачивается по тапу, оставляя доступные активные области, нажатия по которым позволяют взаимодействовать со скрытой E/S/G – проблема воспроизвелась на Android (Chrome);
– Приложение может разлогинить текущий аккаунт, если браузер находится в фоновом режиме около 10 минут. К сожалению, мы не смогли найти конкретных шагов для воспроизведения проблемы;

Прочие недоработки:
– Аватарки многих чатов могут не прогружаться как на экране списка чатов, так и при переходе в конкретную беседу или её профиль;
– Смена ориентации устройства с портретной на альбомную и обратно приводит к увеличению шрифта в предпросмотре чатов;
– Некорректные сигналограммы голосовых сообщений;
– Не поддержана возможность вступать в группы;
– Видео не отображаются в разделе Shared Media;
– Не реализован поиск GIF;
– У файлов не отображаются подписи;
– Приложение некорректно отображает голоса в опросах до обновления страницы – как собственные, так и прочих участников опроса;
– Панель Trending Stickers отображает только 5 стикеров в первых 5 наборах, последующие наборы содержат по одному стикеру;
– Несколько папок могут быть подсвечены открытыми одновременно – при прокрутке вкладки с папками на мобильных устройствах;
– Нарушена верстка, если в чате есть несколько коротких аудиосообщений – пузыри этих аудиосообщений обрезаются. Кроме того, аналогичной проблеме подвержены некоторые музыкальные треки (полоса прогресса отображается поверх названия композиции);
– Попытка набрать текст в момент начала записи голосового сообщения и последующая отправка приводят к зависанию приложения и браузера > последующему разлогину при перезапуске браузера в iOS (Safari).

Countries list is cut.

Steps to reproduce:
On the login page clear a phone number input field.
Try to select a country.

No human readable infomation message about that the app requires a JavaScript support is displayed to clients with no JavaScript support.
An blank page on white background is showed instead.

Incorrect confirmation form position (on some screen sizes)

No icons for Logout and clear cache

При входе в приложение диалог лист загружается долго. А если во время его загрузки открывать чат, то прогружается только 1 сообщение в самом низу.

В тренд стикерах не прогружаются стикеры, только по 1 из 5. Тренд панель стикеров нельзя закрыть, а если нажать на топбар еще раз, то откроется вторая панель, тем самым съезжает верстка.
Из тренд стикеров нельзя просмотреть наборы.

https://youtu.be/7Bw0B-tD4PE

Нельзя просмотреть набор стикеров в чате, при клике на стикер

Верстка во многих местах не соответствует макетам. Например панель стикеров или аудио в чате, так же почему-то у 80% аудио не отображается название и инфо о них.

Правый бар не запоминает состояние. Если открыть его в любом диалоге, затем перейти в другой - он закрывается.

Прокрутка диалог листа начинает тормозит, когда немного поиспользовать клиент + один раз открыть панель стикеров, гиф.

Когда переходишь в чат нового диалога, аватарка синего фона и подгружается позже, чем контент в чате.

У Saved Messages нет аватара в топбаре.

Видео, например мп4, которые загружены ссылкой не проигрываются в чате, а так же при переходе по ним клиент зависает секунд на 7-10.

Часто происходит такое, что при переключении между диалогами подгрузится 1 сообщение внизу чата, при этом лоадера уже нет, а остальные прогрузится через секунды 4-5.

GIF не запускаются в чате, в панели гиф. Отсутствует поиск по GIF.

Нет реализации анимированных емоджи телеграм.

При переключении между папками может зависнуть лоадер в диалог листе.

https://youtu.be/ND9hXNJySTs

У многих видео не отображается картинка-превью в чате, а при их открытии появляется рамка в медиапросмотрщике и они не проигрываются. Ошибки в консоли.

Аудио и голосовые сообщения в Safari не работают.

https://youtu.be/Zfj-f4GAU6M

Видео не работают.

Нет анимаций медиапросмотрщика, только при открытии, но и она не совсем правильная и подтормаживает.

Если открыть поиск в чате, то происходит то же самое, что и с панелью тренд стикеров, потом открывается двойной сайдбар, а поиск нельзя закрыть.

Если открыть канал Telegram Party и просто полистать историю вверх, то с каждой новой страницей клиент все больше и больше начинает тормозить.

Во время прокрутки контент сверху некоторое время не отрисовывается. 

https://youtu.be/KEGSNDe5t3Y

Клиент был открыт вчера на ПК, при входе снова, сообщения, которые приходили за вчерашний день показываются непрочитанными. Нажал Clear Cache - все стало ок.

Нет возможности проголосовать в опросе в чате.

> Hip Hyena Sep 6 at 16:15
Голосование в опросах поддерживается. См. прикрепленное видео.

Прикрепляю видео.

> Hip Hyena Sep 6 at 16:15
Проблема не воспроизводится: проигрывание GIF работает в чатах в браузере Safari, как можно видеть на прикрепленном видео.

Записал вам видео за ПК сейчас, но в сафари то же самое, к сожалению.

> Hip Hyena Sep 6 at 16:15
К сожалению, из-за особенностей браузера Safari, стриминг аудио в нём не поддерживается. Тем не менее, после полной загрузки аудио в этом браузере воспроизводятся. Голосовые сообщения также поддерживаются.

> Hip Hyena Sep 6 at 16:15
Воспроизведение (включая стриминг) видео поддерживается в браузере Safari. См. прикрепленное видео.

Прикрепляю видео по этим пунктам.

Так же заметил, что ри переходе из диалога в Saved Messaged почему-то остается выделенным диалог, в диалог листе, это так же есть на видео.

https://youtu.be/gKg_9Zi3vVk

Так же в Safari по поводу GIF и аудио, у меня не работают..

https://youtu.be/UUxi0Rw05vQ

Недоработки: 

- Не работает скачивание файлов
- Отсутствует анимация загрузки и бабл сообщения не появляется до полной загрузки. Есть ощущение, что загрузка файла не началась. 
- Невозможно отследить процесс загрузки файла 
- Стикеры проигрываются только при наведении мыши
- Нет автоплея видео
- Только что отправленные голосовые сообщения не воспроизводятся до перезагрузки страницы
- Сломана верстка голосовых сообщений в каналах
 

Бенчмаркинг: 

- Долго грузятся сообщения в диалогах в мобильном Chrome
- При скролле возникают сильно заметные остановки при подгрузке
- При отправке/получении fps находился в районе 27 кадров и не падает
- Хороший показатель времени подгрузки после авторизации (247 ms)
- При проигрывании стикеров fps аходился в районе 19-20
- Загрузка страницы происходит быстро (862 ms)