
Progressiivinen verkkosovellus (PWA)
Progressiivinen verkkosovellus (PWA) on nykyaikaisten web-teknologioiden avulla rakennettu web-sovellus, joka tarjoaa sovelluksen kaltaisen kokemuksen, mukaan lukien offline-käyttö, push-ilmoitukset ja kotiruutu-asennus, suoraan selaimen kautta.
Progressiiviset verkkosovellukset (PWAt) siloittavat kuilua verkkosivustojen ja natiivimobiilisovellusten välillä. Ne on rakennettu yleisillä web-teknologioilla (HTML, CSS, JavaScript), mutta niissä on ominaisuuksia, jotka perinteisesti liittyvät natiivisovelluksiin: ne voivat toimia offline-tilassa, lähettää push-ilmoituksia, käyttää laitteen laitteistoa ja asentaa käyttäjän kotiruoctulle.
Yhdessä nämä mahdollistavat sen, että verkkosivusto toimii kuin sovellus ilman, että käyttäjän tarvitsee vierailla sovelluskaupassa. PWA:t ovat "progressiivisia", koska ne toimivat jokaiselle käyttäjälle selainvalinnasta riippumatta ja paranevat asteittain sen mukaan, mitä käyttäjän laite tukee. Vanhemmassa selaimessa se toimii tavallisena verkkosivustona.
Käytännössä
- Starbucks rakensi PWA:n, joka on 99,84 % pienempi kuin sen iOS-sovellus, mahdollistaen asiakkaille valikon selaamisen ja tilausten räätälöinnin myös offline-tilassa.
- Pinterestin PWA kasvatti mobiilien mainostulojen määrää 44 % ja käyttäjien sitoutumista 60 % verrattuna aiempaan mobiiliverkkosivustoon.
- Verkkokauppa lanseerasi PWA:n, joka latautuu alle 2 sekunnissa 3G-yhteyksillä, tavoittaen asiakkaita alueilla, joissa sen natiivisovellus ei pystynyt toimimaan tehokkaasti.
- Uutiskustantajan PWA, jossa oli push-ilmoitukset, sai 25 % enemmän paluukäyntejä verrattuna perinteiseen mobiiliverkkosivustoon
Lisää aiheesta: Verkkosivujen kehitys
- Responsive-design
- Progressiivinen verkkosovellus (PWA)
- Yksittäinen sivusovellus (SPA)
- Palvelinpohjainen renderöinti (SSR)
- Staattinen sivuston generointi (SSG)
- API (Application Programming Interface)
- CMS (Sisällönhallintajärjestelmä)
- Headless-CMS
- Versionhallinta
- CI/CD (Continuous Integration / Continuous Deployment)
- JavaScript-kehyskirjasto
- TypeScript
Et ole varma, miten tämä koskee sinua?
Kokenut insinööri käy läpi kohteen, hakukoneesi esiintymisen ja yhteydenottojen saannin, ja kirjoittaa kolme asiaa, jotka kannattaa korjata ensin. Pidät dokumentin joka tapauksessa.