Большинство аффилиатов думают, что на работоспособность PWA влияет только скорость интернета. Ведь прогрессивная прила это тот же сайт, завернутый в аппку, а значит, если быстро загружается лендинг, то и приложение будет летать.
Но на практике не все так просто. Мы провели эксперимент и убедились, что при равной скорости интернета флагманы загружают PWA гораздо быстрее.
Из-за этой проблемы аффилиаты, работающие по Африке, Азии (за исключением нескольких развитых стран) и другим Tier-3 ГЕО часто не могут реализовать максимальный потенциал связки. Но создатели PWA позаботились о том, чтобы аппки можно было адаптировать под слабые устройства и медленный интернет. Как это сделать на практике? Читайте далее.
Сначала напомним важную деталь: PWA состоит из кода, который можно менять и затачивать под свои нужды. Поэтому переходить на WebView или нативные аппки, потому что они когда-то помогали приносить солидный профит, не нужно: адаптировать PWA все равно выйдет быстрее, дешевле и проще. Как минимум аффилиату не придется повторно проходить модерацию в Google Play или AppStore. Вьюхи и классические прилки таким похвастаться не могут, что значительно удорожает и затрудняет работу с ними.
Теперь рассмотрим, какие элементы приложения влияют на работоспособность PWA.
JS-скрипты и массивный CSS. PWA представляет собой сайт в оболочке приложения, поэтому и пишут его чаще всего на Javascript и CSS. Первый язык отвечает за все процессы: кнопки, анимации, переходы и т. д, а CSS — за внешнее оформление и стилизацию. Из этого следует простой вывод: чем сложнее и объемнее код, тем больше напрягается процессор и оперативная память при его обработке.
Один из топ-менеджеров Absa Bank, входящего в ТОП-5 крупнейших банков Африки, сообщает в своём докладе, что 54% африканцев не имеют смартфонов, а все остальные используют бюджетные устройства от Tecno, Itel или Infinix. Количество оперативки на таких телефонах редко превышает 2–3 ГБ, из которых 1–1,5 ГБ уходит на ОС. Поэтому чем проще код, тем выше производительность. Об этом также говорят и разработчики из Google, придумавшие PWA. Можно проверить свою аппку через Chrome DevTools, Webpack Bundle Analyzer или PurifyCSS, чтобы высветить в нем неэффективные куски кода и сократить их.
Формат изображений и их вес. Эффективность обработки креативов, красивых переходов и анимаций напрямую влияет на оперативную память. Для Азии, где львиную долю рынка занимают бюджетные бренды Tecno, Infinix, Xiaomi и Vivo, требование сжимать изображения становится критичным. Не забываем и про медленный интернет, который сделает загрузку HD-креосов невозможной.
Поэтому картинки нужно переводить в AVIF или WebP, которые значительно уменьшают вес файла и снижают нагрузку на оперативку.
Но при сжатии и смене формата есть риск сломать креос, выбрав неправильный инструмент или формат сжатия. Поэтому потенциально красивая и легкая анимация будет выглядеть так.
Чтобы не рисковать и не подбирать варианты сжатия, гораздо удобнее взять креативы и оформление PWA в специальном конструкторе. В PWA Group можно не только с нуля собрать прилу, которая будет сразу адаптирована под любые устройства, но и бесплатно взять дизайн из библиотеки шаблонов.
Все изображения изначально загружены в WebP или AVIF, поэтому юзеры будут видеть баннеры, иконки и все остальные элементы оформления даже со старого телефона в нормальном качестве.
Вариант загрузки приложения. PWA можно настроить так, что оно будет загружать с сервера только те элементы, которые видны и нужны пользователю. Для этого есть функция Adaptive Load, которая за доли секунды сканирует устройство игрока и выдает ему оптимальную для его смартфона конфигурацию PWA. В совокупности с Lazy Loading, подгружающей только видимый на экране контент при проблемах с интернетом, прогрессивная прила становится поистине мощным инструментом для обеспечения первоклассного пользовательского опыта.
Мы уже рассмотрели, что адаптированность приложения зависит от кода внутри. Поэтому сборка прилы под регионы со слабыми смартфонами ложится на плечи программиста или специального конструктора. Вариант с программистом подойдет для тех, у кого есть лишние $300–600.
Возможно, кодер сразу адаптирует PWA под слабые ГЕО. Но когда аффилиат захочет развиваться и переходить на Tier-1,2, придётся снова обращаться к фрилансеру для переработки приложения.
Но вариант с поиском программиста — не единственный из доступных способов решения этой проблемы. Разработчики из PWA Group уже адаптировали сборку прогрессивных приложений под любые Tier на основе сотен и тысяч отзывов аффилиатов и арбитражных команд. Байер сможет взять легкий дизайн из библиотеки шаблонов, либо загрузить свой в HD.
При желании можно протестировать даже анимационный дизайн, адаптированный под Tier-3, чтобы впечатлить неискушенных рекламой африканцев или азиатов. В дальнейшем PWA и все его элементы можно менять прямо в ходе РК без ограничений и дополнительных платежей.
Чтобы PWA работало быстрее, придется работать с кодом: сокращать скрипты, менять оформление и настраивать способы загрузки данных. Кроме того, нужно перевести картинки и анимации в легкие форматы, чтобы игрок мог использовать аппку даже на слабом устройстве при медленном интернете.
Работать с кодом вручную сможет не каждый, потому что для этого придется как минимум осваивать HTML, CSS, JavaScript и другие технологии. Можно попробовать заказать у программиста, что заберет немалую часть бюджета. Но наиболее удобный способ получить PWA и адаптировать его под свою ЦА — воспользоваться конструктором, где приложения собраны с акцентом на производительность и пользовательский опыт. В PWA Group такие аппки собираются по налаженному алгоритму, не требуя от арбитражника познаний в программировании. Код оптимизирован, креативы в нужном формате, а потому нагрузка на устройство юзеров в небогатых ГЕО будет минимальна и достичь максимального ROI будет легче.
