Как AMP и PWA связаны друг с другом
Прогрессивные веб-приложения и AMP-страницы прекрасно сочетаются и во многих случаях тем или иным образом дополняют друг друга. По ссылкам ниже вы можете узнать, как:
- Реализовать работу функций PWA на ваших AMP-страницах
- Организовать для пользователей быстрый и органичный переход с AMP на PWA
- Упростить ваше PWA, используя возможности AMP
Чтобы подробнее узнать о прогрессивных веб-приложениях, ознакомьтесь с курсом Web Fundamentals.
AMP-страницы с функциями PWA
AMP-страницы могут сами по себе использовать множество функций PWA, но только когда они загружаются из вашего источника (с домена вашего сайта), а не из AMP-кеша. Это значит, что функции PWA не будут активны при загрузке AMP-страницы в рамках таких платформ, как Google или Bing, но будут работать при дальнейшем взаимодействии или в случае, если пользователь откроет AMP-страницу напрямую.
AMP как точка входа в ваше PWA
Уникальным преимуществом AMP является их практически мгновенная загрузка — благодаря этой особенности AMP идеально подходит для взаимодействия с пользователем при первом посещении сайта. Прогрессивные веб-приложения обеспечивают значительно более высокий уровень интерактивности и функциональности, способствующей вовлечению пользователей, однако их первоначальная загрузка происходит медленнее, так как Service Worker сайта (а следовательно, и его ассеты и оболочка приложения) ускоряют их отображение лишь при последующих загрузках.
Одна из грамотных стратегий заключается в том, чтобы реализовать точку входа на ваш сайт в виде AMP-страницы, после чего выполнить фоновую предзагрузку PWA и переключиться на него для дальнейшего взаимодействия с пользователем.
amp-install-serviceworker. AMP как источник данных для вашего PWA
Одна из ключевых особенностей AMP-страниц заключается в том, что их можно легко и безопасно встраивать — именно благодаря этому число платформ, распространяющих и показывающих такие страницы, постоянно увеличивается.
При разработке прогрессивного веб-приложения вы можете воспользоваться этими преимуществами и значительно упростить как серверную, так и клиентскую части приложения, если используете AMP-страницы в качестве источника данных для PWA.
-