> ## Content Index > Fetch the complete content index at: https://admin.kod.ru/llms.txt > Use this file to discover other available public pages before exploring further. # Обзор лучших веб-клиентов Telegram по версии «Кода Дурова» после бонусного раунда Telegram Contest - URL: https://admin.kod.ru/obzor-web-client-telegram-contest-bonus/ - Published: 2020-09-21T12:48:19.000Z - Updated: 2020-09-21T14:59:22.000Z - Description: Как конкурсанты, работы которых мы оценивали ранее, поработали над ошибками, ведь команда мессенджера для всех победителей прошлого тура объявила бонусный этап. - Author: Кирилл Сергеев - Tags: Телеграм, Обзоры Несколько недель назад мы делали [обзор работ третьего этапа конкурса](https://admin.kod.ru/obzor-web-client-telegram-contest/) по созданию веб-клиента Telegram. Его целью было заглянуть в будущее — в то, как в ближайшее время может выглядеть официальная веб-версия нашего любимого мессенджера. [Telegram Contest: обзор лучших веб-клиентов Telegram по версии «Кода Дурова»Заглянули в будущее и теперь рассказываем, как будет выглядеть новый веб-клиент Telegram.![](https://kod.ru/assets/apple-touch-icon.png?v=cbd72f8ee4)Код ДуроваКирилл Сергеев![](https://kod.ru/content/images/2020/06/----------3--37-.jpg)](https://admin.kod.ru/obzor-web-client-telegram-contest/) На этот раз мы решили узнать, как конкурсанты, работы которых мы оценивали ранее, поработали над ошибками, ведь команда мессенджера для всех победителей прошлого тура [объявила](https://admin.kod.ru/itogi-3-etap-web-client-telegram/) бонусный этап. Его важность заключается в том, что один из победителей будет приглашен непосредственно в команду мессенджера, где продолжит работу над своим творением. [Бонусный раунд](https://contest.com/javascript-web-bonus?ref=admin.kod.ru) завершился в начале сентября, и в нем приняли участие 10 победителей [предыдущего раунда](https://contest.com/javascript-web-3?ref=admin.kod.ru). В задачи участников вошли: 1. Исправление проблем, выявленных на платформе судьями и остальными комментаторами, начиная с критических; 2. Оптимизация скорости приложения, как фактической, так и предполагаемой. 3. Перепроверка плавности анимаций, и, где это возможно, ее улучшение. ## Критерии оценки «Кода Дурова» Мы снова решили не дожидаться вердикта жюри, а разработали собственный алгоритм оценки работ. В код участников мы не смотрели, а оценивали работы преимущественно с точки зрения конечного пользователя: что работает или не работает, насколько быстрый и плавный интерфейс, какие приятные или неприятные нюансы мы нашли. Конечно, мы обратили внимание и на исправление ошибок, о которых писали пользователи и жюри по итогам прошлого раунда, ведь это было основным заданием для конкурсантов. Вот, как выглядит наш регламент оценки. - **Самое важное:** оценка работы над ошибками участника по шкале от 0 до 20 баллов. - **Важное:** оценка скорости (загрузки и работы клиента), а также качества и плавности анимаций — за каждый из этих двух параметров мы присваивали до 5 баллов. - **Второстепенные критерии:** оценка наличия или отсутствия тех или иных настроек, функций и фишек Telegram в веб-клиенте. Отдельно отметим, что команда Telegram дала участникам всего пару недель на исправление ошибок. На наш взгляд, это крайне мало, учитывая, что нареканий к работам как от жюри, так и от пользователей поступил «целый вагон». Впрочем, конкурсанты этого не испугались, поэтому нам сегодня есть, о чем вам рассказать. ## Обзор и оценка топ-3 работ по версии «Кода Дурова» ### [Posh Ram](https://contest.com/javascript-web-bonus/entry1430?ref=admin.kod.ru) — 3-е место (27,5 баллов) Участник под ником Posh Ram занял второе место как по оценке «Кода Дурова», так и по мнению судейской бригады Telegram. Но несмотря на продуманный интерфейс, клиент получил значительное количество замечаний: 34 бага нашли судьи и еще 30 комментарией под работой оставили пользователи. ![](https://admin.kod.ru/content/images/2020/09/IMG_3369.jpg) Много замечаний в бонусном раунде не учтено: все так же нельзя остановить стартовавшую загрузку медиа, при повторном входе в чат клиент часто пытается заново его загрузить, нельзя удалить чат из списка Recent в поиске, «десептиконы» то и дело «вторгаются» в голосовые сообщения (именно так слышится ваш голос при записи «войсов») и многое другое. На Android-устройстве удалось поймать странный баг с просмотром видео: тап на ролике не запускает его, воспроизведение можно включить только если перейти на предыдущий медиафайл и только потом вернуться к желаемому. Однако ряд критических замечаний все же были исправлены, поэтому похвалить работу тоже есть за что. Например, добавлена параллельная загрузка аудио и видео в Safari, появилась возможность подписываться на каналы и чаты и отписываться от них, исправлен ряд более мелких замечаний и очень неплохо реализована загрузка GIF-анимаций. Приятный плюс — подробная проработка настроек. ![](https://admin.kod.ru/content/images/2020/09/IMG_8635-1.PNG) ![](https://admin.kod.ru/content/images/2020/09/IMG_8634-1.PNG) ![](https://admin.kod.ru/content/images/2020/09/IMG_8633.PNG) Несмотря на приличный объем работы, который проделал Posh Ram, клиент остался довольно тяжелым — он все еще заметно нагружает CPU и оперативную память. Как заметили некоторые пользователи, в консоли debug часто выскакивают ошибки, а Safari жалуется что вкладка «съедает» много ОЗУ. Работу над ошибками мы оценили в **9 баллов**. --- Скорость загрузки клиента и впечатления от его работы в целом неплохие. Клиент довольно шустрый, но не без нареканий. На Android веб-клиент открывается с красивой анимацией списка чатов. Пролистывание списка чатов и самих диалогов быстрое и плавное. Но на этом позитивные впечатления сменяются долгой загрузкой диалогов и стикерпаков. Как мы уже отмечали ранее, нельзя остановить загрузку медиа, чаты часто загружаются заново при повторном входе в Safari на iOS, иногда пропадает фон чатов и интерфейс становится полностью белым. Касательно скорости мы присвоили этой работе только **3 балла**. Что касается анимаций, то их здесь в целом немного. Мы заметили лишь несколько: во время перехода в чат или канал, при загрузке стартовой страницы с диалогами и при открытии меню с настройками. Анимации работают шустро, но настроить или вовсе отключить их нельзя, разве только выключить предпросмотр стикерпаков (при включении предпросмотра будут подтормаживания). Как итог — **4 балла**. --- Дополнительно **11,5 баллов** за: - комментарий со списком исправлений в работе — 1 балл; - возможность закреплять и откреплять диалоги — 1 балл; - продуманный интерфейс настроек и возможность кастомизации — 1 балл; - наличие InstantView — 1 балл; - возможность создать канал и беседу — 1 балл; - наличие настроек приватности и возможности их редактировать — 1 балл; - возможность отключать уведомления, конкретного чата, беседы, канала — 1 балл; - возможность вести канал (публиковать сообщения) — 1 балл; - наличие синих галочек верификации — 1 балл; - возможность смены языка — 1 балл; - отображение кнопок под постами в канале — 1 балл; - корректная верстка описания канала — 0,5 балла (верстка есть, но гиперссылки не работают); - наличие глазка с просмотрами в каналах — 0 баллов; - наличие статистики каналов — 0 баллов. **Итого — 27,5 баллов.** ### [Ace Monkey](https://contest.com/javascript-web-bonus/entry1425?ref=admin.kod.ru) — 2-е место (29 баллов) Работа участника с ником Ace Monkey в предыдущий раз вошла в топ-3 по мнению судейской команды Telegram и заняла 4-ое место в рейтинге «Кода Дурова». После исправления ошибок результат, по мнению нашей команды, получился заметно лучше и работе удалось занять вторую строчку в нашем рейтинге. ![](https://admin.kod.ru/content/images/2020/09/IMG_3371.jpg) Первое, что обращает на себя внимание — это небольшое количество замечаний от пользователей и жюри в сравнении с другими конкурсантами: судьи отметили 24 бага и еще 17 комментариев оставило коммьюнити. Что интересно, на Android-устройствах было найдено не так много ошибок, как при работе клиента на ПК и в Safari в частности. Однако, несмотря на это, многие критические нарекания так и не были исправлены в бонусном раунде. Веб-клиент все еще «ест» много оперативной памяти в Safari, сильно тормозит при поиске GIF-анимаций и имеет ряд других менее значимых недочетов. ![](https://admin.kod.ru/content/images/2020/09/IMG_8638.PNG) ![](https://admin.kod.ru/content/images/2020/09/IMG_8637.PNG) ![](https://admin.kod.ru/content/images/2020/09/IMG_8636.PNG) Из плюсов: в работе Ace Monkey наконец-то появилась адекватная параллельная загрузка аудио и видео, обновился видео-плеер, исправлен ряд проблем с альбомной версткой (все еще не пролистывается список настроек, зато довольно приятная реализация списка чатов именно в этом режиме) и записью голосовых сообщений. В целом, работа стала смотреться лучше. Работу над ошибками мы оценили в **14 баллов** — это лучший результат среди конкурсантов по этому критерию. --- Что касается скорости загрузки и работы клиента, то тут каких-то критических замечаний у нас нет. В целом все относительно стабильно до момента работы с GIF-анимацией — она здесь, как и в большинстве работ, сильно нагружает устройство и из-за этого клиент начинать лагать. Решать эту проблему зачастую приходится перезагрузкой вкладки. Как итог за скорость — **4 балла**. Относительно анимаций можем отметить, что тут их очень мало. Мы заметили их лишь во время перехода в конкретный чат и открытия меню слева. Анимации в целом примитивные и поэтому работают очень быстро. На наш взгляд, можно было бы добавить их и к другим элементам интерфейса. За анимации мы присудили этой работе **3 балла**. --- Дополнительно **8 баллов** за: - возможность закреплять и откреплять диалоги — 1 балл; - возможность создать канал и беседу — 1 балл; - возможность отключать уведомления, конкретного чата, беседы, канала — 1 балл; - возможность вести канал (публиковать сообщения) — 1 балл; - наличие синих галочек верификации — 1 балл; - отображение кнопок под постами в канале — 1 балл; - корректная верстка описания канала — 1 балл; - наличие глазка с просмотрами в каналах — 1 балл; - комментарий со списком исправлений в работе — 0 баллов; - продуманный интерфейс настроек и возможность кастомизации — 0 баллов; - наличие InstantView — 0 баллов; - наличие настроек приватности и возможности их редактировать — 0 баллов; - возможность смены языка — 0 баллов; - наличие статистики каналов — 0 баллов. **Итого — 29 баллов.** ### [Jolly Cobra](https://contest.com/javascript-web-bonus/entry1431?ref=admin.kod.ru) — 1-е место (31 балл) Одна из лучших работ третьего этапа JS-конкурса по версии «Кода Дурова» и судейской комиссии Telegram за время тестирования получила более 35 сообщений о найденных багах от пользователей и еще 25 нареканий от судей. ![](https://admin.kod.ru/content/images/2020/09/IMG_3372.jpg) Как и другим участникам, Jolly Cobra не удалось исправить все замечания. Так, не была добавлена полноценная регистрация, плохо работают GIF-анимации, не реализован покадровый скролл во время стриминга видео, не исправлены баги с началом загрузки контента только после окончания пролистывания и отображения иконки проигрывания во время просмотра видео, а также многое другое. Немного обескураживает цветовая гамма в настройках: ее бледно-голубой и бледно-серый оттенки обычно применяются к неактивным элементам, из-за этого возникает зачастую ложное ощущение отсутствия той или иной функциональности. ![](https://admin.kod.ru/content/images/2020/09/IMG_8639.PNG) ![](https://admin.kod.ru/content/images/2020/09/IMG_8641.PNG) ![](https://admin.kod.ru/content/images/2020/09/IMG_8640.PNG) Однако большая работа все же была проделана. Конкурсант успешно исправил в своем веб-клиенте больше половины ошибок, выявленных жюри и пользователями: была реализована возможность вступления в группы и каналы, неплохо сделан поиск по GIF, появился поиск по дате внутри чата, исправлены ошибки в папках, появилась возможность отменить стартовавшую загрузку песен и в целом исправлена работа с аудиофайлами, частично исправлена ситуация с использованием клиента в альбомной ориентации и многое другое. Отдельно отмечу, что одно из главных замечаний — вылет страницы в Safari из-за большого веса вкладки и нехватки оперативной памяти – конкурсант тоже постарался исправить. Веб-клиент полностью от этого бага пока не избавился, но ошибка стала появляться гораздо реже, чем раньше. Еще один субъективный плюс — анимация стикеров в списке набора стартует после долгого нажатия на каждый из них. На наш взгляд, неплохое решение для веб-клиента. В целом работу над ошибками мы оценили в **13 баллов**. --- Что касается скорости работы, тот тут важно учесть, что участник продумал ее оптимизацию со стороны пользователя — при желании можно ускорить клиент, выключив анимации или сократив их количество в настройках. И это работает, то есть веб-клиент действительно становится шустрее. Однако продолжаются проблемы при загрузке большого количества медиа (фото, видео и GIF) в одном диалоге — в этом случае работа начинает сильно лагать. В итоге, мы оценили скорость на **4 балла**. В веб-клиенте Jolly Cobra мы тоже не нашли большого количества анимаций — она работает лишь в паре элементов. Cообщения в диалоге и их прокрутка никак не анимированы. В целом те пару элементов с анимацией работают достаточно шустро, лагов на iOS мы не заметили, хотя на Android они могут немного подтормаживать. Поэтому только **4 балла.** --- Дополнительно **10 баллов** за: - комментарий со списком исправлений в работе — 1 балл; - возможность закреплять и откреплять диалоги — 1 балл; - продуманный интерфейс настроек и возможность кастомизации — 1 балл; - возможность создать канал и беседу — 1 балл; - наличие настроек приватности и возможности их редактировать — 1 балл; - возможность отключать уведомления, конкретного чата, беседы, канала — 1 балл; - возможность вести канал (публиковать сообщения) — 1 балл; - наличие синих галочек верификации — 1 балл; - наличие глазка с просмотрами в каналах — 1 балл; - возможность смены языка — 0,5 балла (в настройках пункт есть, но языки не предзагружены); - наличие статистики каналов — 0,5 балла (кнопка статистики и макет есть, но данные туда не подгружаются); - корректная верстка описания канала — 0 баллов; - отображение кнопок под постами в канале — 0 баллов; - наличие InstantView — 0 баллов. **Итого — 31 балл.** ## Оценки других участников бонусного раунда Результаты тестирования работ других участников приводим кратко, только баллы без подробного разбора. ![](https://admin.kod.ru/content/images/2020/09/Screen123.png) ## Заключение Естественно, теперь слово за жюри конкурса — в ближайшее время участники бонусного раунда разделят между собой призовой фонд в $30 000\. На наш взгляд, у каждой из топ-3 работ ([Jolly Cobra](https://contest.com/javascript-web-bonus/entry1431?ref=admin.kod.ru), [Ace Monkey](https://contest.com/javascript-web-bonus/entry1425?ref=admin.kod.ru), [Posh Ram](https://contest.com/javascript-web-bonus/entry1430?ref=admin.kod.ru)) есть хороший шанс стать основой для официального веб-клиента Telegram, а у его разработчика — получить предложение о работе в команде мессенджера. Кто это будет, мы должны узнать очень скоро. Будем с нетерпением следить за развитием событий и рассказывать об этом в будущих заметках.