PWA (Progressive Web App) โ oddiy veb-sayt, lekin mobil ilova kabi ishlaydigan texnologiya. Telefon ekraniga o'rnatiladi, offline ishlaydi, push bildirishnoma yuboradi โ lekin App Store yoki Google Play kerak emas. Brauzerะดะฐ oching, "Bosh ekranะณะฐ qo'shish" bosing โ tayyor.
Nima uchun PWA?
1) Bitta kod โ barcha platforma (iOS, Android, desktop). 2) App Store komissiyasi (30%) yo'q. 3) Yangilanish darhol โ foydalanuvchi yangi versiyani yuklab olishi shart emas. 4) Tez o'rnatish โ havola orqali. 5) SEO โ oddiy sayt sifatida indekslanadi.
3 ta asosiy komponent
1. HTTPS โ majburiy, PWA faqat xavfsiz ulanishda ishlaydi. 2. Manifest โ ilova nomi, ikonka, rang. 3. Service Worker โ offline ishlash va keshni boshqaruvchi JS.
Manifest fayli
manifest.json โ ilova haqida ma'lumot:
{
"name": "Sayt.uz",
"short_name": "Sayt",
"start_url": "/",
"display": "standalone",
"theme_color": "#1a1a6e",
"icons": [...]
}
HTML head'ga ulang: <link rel="manifest" href="/manifest.json">
Service Worker
Bu JS fayl brauzer fonida ishlaydi. Asosiy vazifalar: 1) Fayllarni keshlash (offline uchun). 2) Tarmoq so'rovlarini ushlash. 3) Push bildirishnoma qabul qilish. 4) Background sync.
Offline rejim
Service Worker sahifa va resurslarni keshlasa, internet uzilganda ham sayt ishlaydi. Eng kamida "Internet yo'q" sahifasi o'rniga keshlangan kontent ko'rsatiladi.
Push bildirishnoma
Foydalanuvchi ruxsat bersa, sayt yopiq bo'lsa ham xabar yuborish mumkin. E-commerce uchun: "Savatingiz kutyapti", "Chegirma boshlandi". Lekin haddan oshmang โ bezor qilmang.
Kamchiliklari
1) iOS'da ba'zi imkoniyatlar cheklangan (Apple PWA'ni to'liq qo'llab-quvvatlamaydi). 2) Murakkab native funksiya (NFC, kamera chuqur) cheklangan. 3) App Store'da ko'rinmaydi (lekin bu plus ham).
Kimga mos?
1) Yangiliklar, blog, kontent saytlari. 2) E-commerce. 3) Xizmat saytlari. 4) Bir martalik kampaniya. Native ilova faqat og'ir o'yin yoki chuqur qurilma integratsiyasi kerak bo'lganda zarur.
Lighthouse PWA audit
Chrome DevTools โ Lighthouse โ PWA bo'limi. Manifest, service worker, HTTPS, offline ishlashni tekshiradi va ball beradi.
Sayt.uz amaliyot
Sayt.uz builder bilan yaratilgan saytlar PWA imkoniyatiga ega bo'lishi mumkin โ manifest va service worker avtomatik qo'shiladi. Foydalanuvchi saytni telefon ekraniga ilova kabi o'rnatadi.