Узнайте, как небольшая команда добилась больших успехов, создав привлекательную торговую площадку PWA.
OpenSooq, штаб-квартира которого находится в Аммане, Иордания, представляет собой мобильную торговую площадку объявлений, предлагающую широкий спектр продуктов и услуг в 19 странах Ближнего Востока и Северной Африки.
Соревнование
Более 85% трафика OpenSooq поступает с мобильных устройств, и это число продолжает расти. Многие люди в регионе полагаются на недорогие устройства с ограниченной емкостью памяти, что создает острую потребность в том, чтобы мобильный сайт OpenSooq был максимально быстрым и легким. Однако медленная загрузка старого мобильного сайта OpenSooq повлияла на удовлетворенность клиентов и привела к тому, что на таких рынках, как Кувейт, показатель отказов достигал 49%.
Чтобы предоставлять своим клиентам постоянно лучший опыт на всех платформах, компания поняла, что ей нужен более быстрый и отзывчивый веб-сайт. Итак, в июне 2017 года команда инженеров OpenSooq запустила Progressive Web App (PWA) .
Акцент на производительности и надежности
Трое штатных разработчиков OpenSooq смогли создать полнофункциональное PWA с React и веб-пакетом всего за два с половиной месяца.
Чтобы гарантировать, что сайт будет быстро и легко индексироваться поисковыми системами, команда решила реализовать рендеринг на стороне сервера. Поскольку почти 28% пользователей получают доступ к PWA в неоднородных сетях 2G или 3G, крайне важно, чтобы пользователи доверяли этому опыту, независимо от сетевых ограничений. Поэтому команда реализовала автономный опыт, используя сервис-воркеров и стратегию «сначала кэш, затем сеть» . Они также использовали шаблон PRPL , чтобы обеспечить мгновенную загрузку своих пользователей.
Приняв эти лучшие практики, команде удалось сократить среднее время загрузки страницы ( Time to Interactive ) с 4 секунд до менее 2 секунд. И они использовали Lighthouse , чтобы сайт работал так быстро. Эти усилия помогли OpenSooq достичь более 1,8 миллиарда просмотров страниц в месяц.
Более четверти наших пользователей получают доступ к OpenSooq PWA из сетей низкого и среднего уровня, поэтому надежность была важна для поддержания активности этих пользователей. Сервис-воркеры и стратегии кэширования помогли нам без проблем создать необходимый нам надежный пользовательский интерфейс.
Амин Шоман, технический менеджер PWA, OpenSooq
Улучшение повторного вовлечения
Создав производительный и надежный опыт, команда OpenSooq хотела быть уверена, что пользователи продолжают пользоваться продуктом. Для этого они позволили пользователям устанавливать PWA на главный экран и добавили поддержку значимых уведомлений . Это позволило сайту уведомлять покупателей о взаимодействии продавцов по запросам, а продавцов — об активации и истечении срока действия рекламы.
Эти улучшения увеличили количество активных пользователей веб-интерфейса OpenSooq в месяц на 14%. Для пользователей, установивших PWA, количество посещений страниц за сеанс увеличилось на 48%, а средняя продолжительность сеанса увеличилась на 28%. OpenSooq также отметил увеличение среднего времени пребывания пользователей на странице на 25% и снижение среднего показателя отказов на 29% на всех рынках.
Заглядывая вперед
Всего за несколько недель усилий OpenSooq создала полнофункциональное PWA размером 23 КБ, обеспечивающее единообразную работу пользователей на всех платформах и в браузерах. А поскольку обновлять функции в Интернете легко, команда пошла в первую очередь на PWA, запустив и протестировав новые функции и пользовательские потоки на своих PWA, прежде чем развертывать их на других платформах.
OpenSooq сейчас работает над добавлением запроса на установку для конкретной платформы и интеграцией PWA с ускоренными мобильными страницами (AMP) . Эти улучшения еще больше ускорят загрузку страниц и сделают переход к приложению для конкретной платформы максимально простым. Основываясь на своих первоначальных усилиях по разработке, команда OpenSooq продолжит предоставлять своим пользователям наилучшие впечатления.
Важность разработки PWA была очевидна как руководству, так и техническим командам. После создания современного веб-приложения и повышения его производительности мы рады видеть влияние на бизнес наших 2,5-месячных инвестиций.
Рамзи Алькрайни, технический директор OpenSooq