PWA (Progressive Web App) — оддий веб-сайт, лекин мобил илова каби ишлайдиган технология. Телефон экранига ўрнатилади, офлайн ишлайди, push билдиришнома юборади — лекин App Store ёки Google Play керак эмас.
Нима учун PWA?
1) Битта код — барча платформа. 2) App Store комиссияси йўқ. 3) Янгиланиш дарҳол. 4) Тез ўрнатиш. 5) SEO — оддий сайт сифатида индексланади.
3 та асосий компонент
1. HTTPS — мажбурий. 2. Manifest — ном, иконка, ранг. 3. Service Worker — офлайн ишлаш ва кеш JS.
Manifest файли
{ "name": "Sayt.uz", "display": "standalone", "theme_color": "#1a1a6e" }
HTML head'га: <link rel="manifest" href="/manifest.json">
Service Worker
Браузер фонида ишлайди. Файлларни кешлаш, push қабул қилиш.
Офлайн режим
Service Worker саҳифаларни кешласа, интернет узилганда ҳам сайт ишлайди.
Push билдиришнома
Фойдаланувчи рухсат берса, сайт ёпиқ бўлса ҳам хабар юбориш мумкин.
Камчиликлари
iOS'да баъзи имкониятлар чекланган.
Кимга мос?
Янгиликлар, блог, e-commerce, хизмат сайтлари.
Lighthouse PWA audit
Chrome DevTools → Lighthouse → PWA бўлими.
Сайт.uz амалиёт
Сайт.uz билдери билан яратилган сайтлар PWA имкониятига эга бўлиши мумкин.