Mikä on PWA eli progressiivinen verkkosovellus?

Progressiivinen verkkosovellus (PWA, Progressive Web App) on itse asiassa sivusto, joka vain toimii sovelluksen tavoin. Tässä artikkelissa kerromme, kuinka voit helposti tehdä WordPress-sivustostasi progressiivisen verkkosovelluksen.

Mikä on progressiivinen verkkosovellus?

Progressiivinen verkkosovellus eli PWA on WordPress-sivusto, joka näyttää sovellukselta, ja jota voi käyttää kuten sovellusta. Se voidaan näyttää sovelluskuvakkeena käyttäjien mobiililaitteissa ja tietokoneissa. PWA toimii kaikilla nykyaikaisilla alustoilla ja sen käyttö voi olla mahdollista myös offline-tilassa. Lisäksi voit sen kautta lähettää ilmoituksia sovelluksen käyttäjille.

Luo oma PWA

Minkä tahansa verkkosivuston voi muuttaa PWA:ksi, eikä se ole kovin vaikeaa ammattitaitoiselle web-kehittäjälle. PWA:n tekeminen voi myös onnistua, vaikket tietäisi mitään web-ohjelmoinnista. Alla kerromme, miten voit helposti tehdä sivustostasi progressiivisen verkkosovelluksen.

Skapa en Progressive Web App med WordPress

För att skapa en Progressive Web App i WordPress behövs ett plugin. Vi har testat flera plugins och valt vår favorit men du kan självklart leta efter andra plugins genom att söka efter ”PWA” i WordPress.

Näin voit luoda progressiivisen verkkosovelluksen WordPressillä:

1. Kirjaudu WordPress-hallintapaneeliisi.
2. Vie hiirivasemmanpuoleisen valikon Lisäosat-kohdan päälle ja napsauta Lisää uusi lisäosa.
3. Hae hakusanalla PWA.
4. Asenna lisäosa Super Progressive Web Apps.
5. Napsauta vielä Aktivoi.

Näin helposti se käy! Sivustosi on nyt progressiivinen verkkosovellus. Jos vierailet nyt sivustollasi puhelimella tai tietokoneella, selain saattaa kysyä, haluatko asentaa sivustosi sovelluksena.

Voit mukauttaa PWA:tasi Super Progressive Web Apps -lisäosan asetuksissa, jotka löydät WordPress-hallintapaneelisi vasemmasta valikosta. Asetuksissa voit muokata sovelluksesi logoa, kuvausta ja nimeä, sekä säätää latausnäytön taustaväriä ja paljon muuta. Lisäosan maksullisessa versiossa mukautusvaihtoehtoja on vielä lisää, ja sen avulla voit myös ottaa PWA:n käyttöön monikieliselle sivustolle sekä lisätä sen nopeasti Google Play -kauppaan.

Muista pitää päivitykset ajan tasalla

Muista, että kaikki lisäosat on pidettävä ajan tasalla WordPress-sivustosi turvallisuuden varmistamiseksi. Suosittelemme tämän takia aina automaattisten päivitysten käyttöönottoa. Toisaalta automaattisten päivitysten riskinä on, että päivitys voi muuttaa verkkosivustoasi tietämättäsi. one.comin Managed WordPress-palvelu valvoo automaattisia päivityksiä varmistaakseen, että sivustosi toimii aina kuten pitääkin. Tarkistamme sivustosi ulkoasun ennen automaattisia päivityksiä ja niiden jälkeen, jotta päivitykset eivät aiheuttaisi ongelmia sivustollasi.

Muut menetelmät

Progressiivisen verkkosovelluksen voi luoda mille tahansa sivustolle. Emme käy läpi koko prosessia tässä artikkelissa, mutta tiivistettynä PWA:n luominen vaatii nämä kaksi asiaa:

1. Luo Web App Manifest -tiedosto, joka sisältää sivustosi nimen, sovelluskuvakkeen, värin ja näyttömuodon.
2. Luo Service Worker, joka toimii siltana käyttäjän laitteen ja verkkosivustosi välillä. Service Worker muuttaa sivustosi progressiiviseksi verkkosovellukseksi.

Jos haluat tietää lisää, voit lukea kattavan ohjeen PWA:n luomisesta web.dev-sivustolla.

Mitä hyötyä PWA:sta on?

Monet suosituimmista verkkopalveluista käyttävät Progressive web app -tekniikkaa. Joitakin esimerkkejä näistä ovat Spotify, Facebook, Tinder, Google, Twitter, Uber ja Starbucks. Voit myös itse luoda PWA:n ja hyötyä sen eduista. Alla tärkeimmät syyt, miksi kannattaa luoda progressiivinen verkkosovellus.

Sovellusmainen kokemus

Progressiivisen verkkosovelluksen suurin etu on, että sen käyttökokemus on sama kuin sovelluksella. PWA on nopea, se voi lähettää ilmoituksia, se toimii offline-tilassa ja sillä voi olla näkyvä paikka käyttäjän laitteessa. Seuraavat ovat sovelluksen tavoin toimivan sivuston tärkeimpiä etuja:

Sovelluskuvake aloitusnäytössä

Kun olet luonut progressiivisen verkkosovelluksen, sivustosi kävijät voivat ladata sen sovelluksena. Kun se on asennettu, se näkyy käyttäjän laitteen aloitusnäytöllä riippumatta siitä, onko kyse iPhonesta, Android-puhelimesta, Macista tai Windows-koneesta.

Sovelluskuvake toimii sivustosi mainostauluna. Kun Alibaba teki verkkokaupastaan PWA:n, he huomasivat, että sovelluksen aloitusnäyttöönsä lisänneet käyttäjät palasivat sinne neljä kertaa useammin kuin muut. Sovelluskuvake voi siis lisätä toistuvien kävijöiden määrää.

Organisaation (esimerkiksi yrityksen tai oppilaitoksen) tietokonetta käyttävät henkilöt voivat usein asentaa koneelle progressiivisen verkkosovelluksen, vaikka muiden sovellusten asentaminen olisi kielletty. Progressiivinen verkkosovellus voi siis joissakin tapauksissa tavoittaa laajemman yleisön kuin tavallinen sovellus.

PWA aukeaa omassa ikkunassaan

Tavallinen sivusto avautuu selaimen välilehdelle. PWA toimii kuten sovellus, ja siksi se avautuu omassa ikkunassaan tietokoneissa ja näkyy erillisenä sovelluksena mobiililaitteissa. Käyttäjät voivat sulkea selaimensa sulkematta progressiivista verkkosovellusta ja vaihtaa sovellusten välillä huomaamatta eroa tavallisen sovelluksen ja PWA:n välillä.

Esillä sovelluskaupoissa

Kun olet luonut progressiivisen verkkosovelluksen, voit lisätä sen ladattavaksi Google Play -kauppaan ja Applen App Storeen. Näin sovelluksesi näyttää ammattimaisemmalta ja uudet käyttäjät voivat löytää sen. Lisäksi käyttäjät todennäköisesti lataavat sovelluksesi mieluiten luotettavasta sovelluskaupasta.

Yksi sovellus kaikille alustoille

Progressiiviset verkkosovellukset noudattavat standardia, joka toimii kaikkien nykyaikaisten alustojen kanssa. Aivan kuten voit luoda sivuston, joka toimii kaikilla laitteilla, voit myös luoda yhtä kattavasti toimivan progressiivisen verkkosovelluksen. Lisäksi PWA:n päivittäminen on helppoa: kun muutat sivustoasi, sen päivitykset tulevat voimaan myös sen PWA:ssa ilman, että käyttäjien tarvitsee erikseen päivittää sovellustaan.

Nopeat latausajat

Kun kävijä lataa progressiivisen verkkosovelluksen ensimmäisen kerran, se tallennetaan hänen laitteeseensa. Sen takia se avautuu käyttäjälle seuraavilla kerroilla nopeasti, mikä voi tehdä PWA:sta sivustoa nopeamman. Nopeus koskee myös PWA:n käyttöä, sillä jokaisella sivulla laite voi käyttää paikallisia resursseja latausaikojen lyhentämiseksi.

Offline-tila

Progressiivinen verkkosovellus voidaan tehdä käytettäväksi myös offline-tilassa. Offline-tila varmistaa, että sovelluksen tärkeimmät toiminnot ovat käytettävissä ja latautuvat nopeasti, vaikka käyttäjällä olisi hidas internet-yhteys. Sovelluksessasi voi siis olla tärkeitä ominaisuuksia, joihin käyttäjät voivat aina luottaa. Jos sovelluksesi näyttää esimerkiksi tapahtumavarauksia, ne voidaan offline-tilan ansiosta näyttää silloinkin, jos internetyhteys tapahtumapaikalla on hidas.

Ilmoitusten lähettäminen käyttäjille

Progressiivisen verkkosovelluksen avulla voit lähettää ilmoituksia käyttäjillesi. Voit lähettää heille esimerkiksi sovellukseesi liittyviä uutisia tai henkilökohtaisia viestejä. Ilmoitukset voivat lisätä sovelluksesi käyttöä ja käyttäjien sitoutumista.

Halvempi kuin tavallinen sovellus

Progressiivisen verkkosovelluksen luominen on paljon halvempaa kuin iOS- tai Android-sovellusten kehittäminen. Jos sinulla on jo hyvä sivusto, progressiivisen verkkosovelluksen luomisen kustannukset voivat olla minimaaliset. Progressiivinen verkkosovellus voi olla paljon edullisempi vaihtoehto silloinkin, jos haluat luoda monipuolisen ja kunnianhimoisen sovelluksen.

Lisää liikennettä ja konversiota

Monet suuret teknologiayritykset käyttävät Progressive Web App -tekniikkaa, ja siihen on hyvä syy. Hyvä käyttökokemus luo edellytykset suuremmalle liikenteelle ja paremmalle konversiolle. Alibaba on raportoinut 76 % kasvusta konversiossa progressiivisen verkkosovelluksensa ansiosta. Ohjelmistoyritys Corel taas huomasi, että PWA sai toistuvien käyttäjien osuuden nouseman 31 %.

Progressive Web App –huonot puolet

Progressiivisissa verkkosovelluksissa on tietysti myös huonoja puolia, varsinkin verrattuna perinteisempiin iOS- ja Android-sovelluksiin.

Ei toimi vanhemmissa laitteissa

Progressiiviset verkkosovellukset ovat suhteellisen uutta tekniikkaa, joten ne eivät ole käytettävissä kaikilla laitteilla. Apple iOS tuki on ollut saatavilla niille iOS 14:stä lähtien. Vuoden 2014 ja sitä vanhemmat iPhonet eivät siis tue PWA:ta. Sama koskee Windowsia, jossa tukea ei ole Windows 8:lle ja sitä aikaisemmille versioille. Useimmat laitteet, jotka eivät ole PWA-yhteensopivia, ovat siis yli kymmenen vuotta vanhoja.

Rajoitettu toiminnallisuus

Progressiivisella verkkosovelluksella ei voi olla samoja toimintoja kuin tavallisella sovelluksella. Esimerkiksi PWA:n integroinnissa ääniavustajien kanssa voi olla rajoituksia. Joissakin käyttöjärjestelmissä on myös matalat rajat sille, kuinka paljon tilaa progressiivinen verkkosovellus voi viedä puhelimessa: yleensä raja on 50 Mt. Se voi vaikeuttaa suurten sivustojen tai verkkokauppojen mahdollisuuksia toimia progressiivisina verkkosovelluksina.

Hitaampi kuin tavalliset sovellukset

Koska progressiivinen verkkosovellus on pohjimmiltaan sivusto, joka on suunniteltu näyttämään sovellukselta, sitä ei ole rakennettu samalla tavalla kuin tavallista sovellusta. Sen takia PWA reagoi usein hitaammin klikkauksiin kuin tavallinen sovellus. Se voi silti olla huomattavasti nopeampi kuin itse sivusto, mutta tavallinen sovellus on kuitenkin aina nopeampi kuin PWA.

Pitäisikö sinun luoda PWA?

Onko sinulla sivusto, jota kävijäsi haluaisivat ehkä käyttää sovelluksena? Onko sivustosi myös luotu WordPressillä? Siinä tapauksessa progressiivisen verkkosovelluksen luominen kannattaa, sillä se onnistuu helposti ja se voi tarjota sekä sinulle että sivustosi käyttäjille monia etuja. Progressiivinen verkkosovellus voi lisätä sivustosi liikennettä ja konversiota, ja se antaa sinun kommunikoida kävijöidesi kanssa ilmoitusten avulla.

PWA voi olla hyödyllinen myös muille kuin WordPress-sivustoille, mutta niille se voi myös olla haastavampi saada toimimaan. Verkosta löytyy siihen paljon apua, mutta se vaatii jonkin verran web-kehittäjän osaamista.

Toivomme, että sinulla on nyt tarvittavat tiedot progressiivisen verkkosovelluksesi käytön aloittamiseen, ja että ymmärrät, mikä tekee siitä hyödyllisen sinulle ja sivustosi kävijöille. Jos sinulla ei vielä ole WordPress-verkkosivustoa, aloita sen luominen klikkaamalla tästä!