> For the complete documentation index, see [llms.txt](https://docs.aitu.io/aituapps/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.aitu.io/aituapps/aitu.apps/getting-started/vnedrenie-pwa.md).

# Внедрение PWA

PWA (англ. ***progressive web app***, *PWA*) - это одна из перспективных технологий веб-разработки, которая позволяет предоставить более нативный опыт использования мини-приложений для ваших пользователей, в частности позволяет сделать ваше мини-приложение работоспособным при отсутствующем соединении с интернетом (**OFFLINE-FIRST**), а также значительно увеличить скорость загрузки. 

### **Основные преимущества PWA технологий:** 

**1. Адаптивность.**

PWA адаптируются под любое мобильное устройство будь то Android или iOS, планшет или мобильный телефон, десктоп или ноутбук итд

**2. PWA приложение доступно и в автономном режиме.**

PWA обеспечивают непрерывность сессии, что может положительно влиять на конверсию, если говорить, к примеру, о мини-приложениях ecommerce. Даже если у пользователя пропало соединение с интернетом, то он все равно может просматривать и добавлять товары в корзину, внести необходимую информацию в checkout, и т.д. Оформление заказа будет завершено автоматически, когда у покупателя появится интернет, так как PWA синхронизирует данные и обновляет их в кеше.

**3. Высокая скорость загрузки.**

PWA мини-приложения загружаются и реагируют на действия пользователя намного быстрее обычных сайтов. Это может решить проблему медленной загрузки даже при слабом соединении с интернетом. Так, например, Tinder благодаря внедрению PWA [сократил время загрузки страниц с 11,9 до 4,69 секунды](https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0).

### Boilerplate мини-приложения в Aitu

Все наши шаблоны приложений имеют встроенную поддежку PWA и могут работать даже при отсутсвующем интернете: 

* [React](https://github.com/btsdigital/aitu-apps-react-boilerplate)
* [Vue](https://github.com/btsdigital/aitu-apps-vue-boilerplate)
* [Angular](https://github.com/btsdigital/aitu-apps-angular-boilerplate)

### Успешные примеры внедрения PWA

Внедрение PWA имеет влияние на ключевые показатели сайта, такие как конверсия, скорость загрузки, и прочее. Вот несколько успешных примеров PWA сайтов:

1\. Показатель повторного взаимодействия OLX для мобильных пользователей [вырос на 250% благодаря PWA](https://developers.google.com/web/showcase/2017/olx), CTR на 146% и при этом показатель отказов уменьшился на 80%.

2\. После внедрения PWA на мобильную версию сайта, [показатель конверсии Lancôme вырос на 17%](https://developers.google.com/web/showcase/2017/lancome).

3\. PWA помогли AliExpress увеличить [коэффициент конверсии с iOS на 82%](https://developers.google.com/web/showcase/2016/aliexpress) и для новых пользователей на 104%.

4\. С помощью этой технологии, Rooted Objects [улучшил показатели конверсии на 162%, увеличил скорость загрузки страниц на 25%](https://aureatelabs.com/case-studies/rooted-objects-magento-2-pwa/), и при этом доход вырос на 44%.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.aitu.io/aituapps/aitu.apps/getting-started/vnedrenie-pwa.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.