JavaScript Contest, Bonus Round – Developer Challenges

Fair Mammoth Sep 16, 2020 at 16:57

Transferred size при первом старте: 599KB.
Transferred size после перезагрузки страницы для залогиненного аккаунта: 684KB.

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

Критические недоработки:
– После нескольких минут неактивности после переходе браузера в фоновый режим, приложение может разлогинить текущий аккаунт. Проблема воспроизводится на iOS (Safari);
– Видео, записанные из приложения, отправляются поломанными: искаженными и с разрешением 360х480 пикселей, некорректно отображаясь в чате. В официальном приложении на iOS они не воспроизводятся;
– Не оптимизирована работа с GIF на iOS (Safari): приложение теряет в производительности, анимации смаргивают; некоторые анимации не прогружаются до обновления страницы в браузере.

UPD. Обновили transferred size приложения.

MacBook Air 2019: macOS 10.15.6; Samsung Galaxy S9/S10: Android 10; iPhone XS: iOS 13.6. Chrome 85.0.4183 / Safari 13.1.2.

20

Kooky Hawk Sep 16, 2020 at 18:34

> В целом скорость работы приложения оказалась ниже ожидаемой.
Почти закончил работу над виртуализацией списков, но не хватило времени на оптимизацию для устройств с сенсорным экраном. Она должна устранить большинство проблем с производительностью.
Сложно в одиночку успеть сделать все.

UPD:
> После нескольких минут неактивности после переходе браузера ... воспроизводится на iOS (Safari);
Смог воспроизвести в "Private mode", но это особенность работы Safari - https://clck.ru/Qsqi3
Возможно, у других хранилищ (не localStorage) поведение другое.

Fair Mammoth Sep 16, 2020 at 16:57

Прочие недоработки:
– Нет поиска по второму слову в списке стран (Korea, Kingdom);
– Не поддержаны сервисные сообщения о коде подтверждения в активную сессию;
– Отсутствует отображение подсказки для двухэтапной аутентификации;
– Ошибка о неправильном номере сохраняется после вводе верного;
– В результатах поиска сообщения из групп отображаются как сообщения из личных чатов;
– Вызов контекстного меню в чате сопровождается выделением текста сообщения на iOS (Safari);
– При увеличении масштаба экрана на iOS (Safari) происходят рывки всего интерфейса;
– При удалении emoji с клавиатуры в альбомном режиме на iOS (Safari) прыгает весь интерфейс чата;
– Не оптимизировано место для названий чатов на iOS (Safari): "Saved Messag..."; "service notificatio..", и т.д.;
– Объяснения в опросах отображаются под закрепленным сообщением и плеером;
– Стриминг песни может перестать работать при незавершенной загрузки самой песни. Воспроизведение прерывается при открытии фотографий;
– Нет кнопки перехода вниз чата;
– Добавленные наборы стикеров не появляются в панели до обновления страницы;
– При первой загрузке стикеров в панели они смаргивают квадратами;
– Непрочитанные сообщения могут не обновляться, если аккаунт используется на нескольких устройствах параллельно;
– Нет кнопок перехода к непрочитанному сообщению;
– Не поддержано вступление в группы и каналы;
– Нет кнопки выхода из приложения.

MacBook Air 2019: macOS 10.15.6; Samsung Galaxy S9/S10: Android 10; iPhone XS: iOS 13.6. Chrome 85.0.4183 / Safari 13.1.2.

20

Night Dragon Sep 16, 2020 at 20:59

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

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

Xiaomi RN 6 Pro 8.1, iPhone 8 11.4, Samsung S9 9.0, Samsung Galaxy J2 6.0, Huawei Mate 9 7.0, MacBook Air 2016, Windows Laptop

10

Kooky Hawk Sep 16, 2020 at 22:18

> Нет превью медиаконтента (фото, видео)
В чате есть превью видео и заблюренное stripped изображение. Можно включить "Images Auto-Downloading" в настройках, чтобы изображения скачивались автоматически. В Shared Media есть превью фото и видео.

> Стикеры проигрываются только при наведении мыши
Со включенной опции "Autoplay animated strickers" в настройках, стикеры в чате проигрываются при появлении во вьюпорте

> Невозможно создать опрос
Сделал во 2 раунде, но после появления разных типов – удалил, так как не требовалось заданием и отсутствовали макеты.

Night Dragon Sep 16, 2020 at 22:20

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

- При скролле fps сильно проседает и находится в районе 18-25 кадров, видны лаги, контент подгружается с задержкой
- При отправке/получение сообщений fps находился в районе 23 кадров
- Долгая прогрузка после авторизации (795 ms)
- Долгая загрузка при открытии страницы (1109 ms)

Xiaomi RN 6 Pro 8.1, iPhone 8 11.4, Samsung S9 9.0, Samsung Galaxy J2 6.0, Huawei Mate 9 7.0, MacBook Air 2016, Windows Laptop

10

Kooky Hawk Sep 16, 2020 at 22:51

> Долгая прогрузка после авторизации (795 ms)
Это связано с загрузкой языковых пакетов, так как в приложении присутствует поддержка нескольких языков. Наверное, стоит скачивать их заранее.

> При скролле fps сильно проседает и находится в районе 18-25 кадров...
> Долгая загрузка при открытии страницы (1109 ms)
Эти проблемы решит виртуальный скролл (почти доделал) + кэширование (стояло в плане после виртуального скролла, еще не начал).

D

Dmitrii R Sep 2, 2020 at 15:20

No human-readable message for client with no JavaScript support or JavaScript is disabled.
Users sees just a blank page with a white background.

Linux, Chromium

I

Ihor Sep 2, 2020 at 15:52

Incorrect phone number lenght to show next button

PC/Opera/Windows latest

I

Ihor Sep 2, 2020 at 15:55

Error message dont hide
Steps to reproduce:
1. Write incorrect phone number
2. Press next
3. Write correct phone number
4. Press next
5. Press edit phone number button

PC/Opera/Windows latest

I

Ihor Sep 2, 2020 at 16:00

i cant logout)) where is the button?))

PC/Opera/Windows latest

I

Ihor Sep 2, 2020 at 17:21

Incorrect height of elements
1. Open dev tools
2. Open toggle mobile device button

PC/Opera/Windows latest

D

Deleted Account Sep 6, 2020 at 19:34

Не работает аудиостриминг, песня скачивается полностью и затем запускается, скорость скачивания аудио медленная. 2-3 минутный трек скачивается около 10 секунд.