PWA-hoz készült Service Worker támogatással rendelkező weboldal készítése és fejlesztése

PWA munkásokkal magánügyfeleknek

A PWA munkásokkal olyan webes megoldás, amely gyorsabb betöltést, részleges offline használatot és jobb felhasználói élményt adhat egy meglévő vagy új oldalnak. A lényeg röviden az, hogy a felhasználó nem csak egy sima weboldalt kap, hanem egy alkalmazásszerű működést a böngészőben. Ez különösen akkor hasznos, ha az oldal sok visszatérő látogatóval dolgozik, gyakran tölt be adatokat, vagy fontos, hogy gyengébb kapcsolat mellett se essen szét a használat.

Én azt látom, hogy sok magánügyfél először csak annyit mond, hogy gyorsabb oldalt szeretne. A fejlesztő viszont ilyenkor nem csak sebességről beszél. Megnézi a gyorsítótárazást, a háttérben futó szolgáltatásmunkást, az ikonokat, a telepíthetőséget, a frissítési logikát és azt is, hogy milyen részek működhetnek kapcsolat nélkül. Ez már nem egy egyszerű látványbeli módosítás, hanem technikai munka.

A Qjob.hu felületén olyan szabadúszót lehet keresni, aki távolról is el tudja végezni ezt a feladatot. A munka nagy része kódból, tesztelésből, egyeztetésből és javításból áll. Nem kell személyes találkozó. Sokkal fontosabb a pontos hozzáférés, a jó leírás, a működő tesztoldal és az, hogy az ügyfél tudja, milyen eredményt vár.

PWA munkás működése és szerepe

A PWA munkás a háttérben dolgozik. Nem látványos elem, mégis nagy hatása lehet. Segíthet abban, hogy bizonyos fájlok gyorsabban betöltődjenek, az oldal stabilabbnak érződjön, és egyes tartalmak gyenge kapcsolat mellett is elérhetők legyenek. Magyarul gyakran szolgáltatásmunkásnak nevezik, de a szakmai leírásokban sokan megtartják az eredeti megnevezést is.

Szerintem itt az egyik legfontosabb kérdés az arány. Nem minden oldalnak kell bonyolult offline logika. Egy egyszerű bemutatkozó oldalnál sokszor elég az alap gyorsítótárazás és a telepíthetőség. Egy belépéshez kötött felületnél viszont már komolyabban kell kezelni az adatokat, a jogosultságokat és a frissítéseket. A rosszul beállított tárolás zavart okozhat. A felhasználó régi adatot lát, vagy nem érti, miért nem frissült az oldal.

Volt olyan eset, amikor egy ügyfél azt kérte, hogy a weboldala működjön teljesen internet nélkül. A beszélgetés után kiderült, hogy valójában csak azt szerette volna, ha a főoldal, néhány kép és az alap információk gyorsan megnyílnak akkor is, ha a kapcsolat gyenge. Ez sokkal egyszerűbb feladat volt. Olcsóbb is lett, és a végeredmény jobban illeszkedett a valós igényhez.

PWA fejlesztés távoli munkában

A PWA fejlesztés jól végezhető online. A szakember hozzáférést kap a kódtárhoz, a tárhelyhez vagy a fejlesztői környezethez, majd lépésenként ellenőrzi, hogy az oldal alkalmas-e a szükséges beállításokra. Ilyenkor fontos a pontos kommunikáció. Nem elég annyit írni, hogy legyen modern az oldal. Le kell írni, mit kell gyorsítani, milyen eszközökön kell működnie, és van-e már meglévő fejlesztői dokumentáció.

A munkafolyamat általában felméréssel indul. A szabadúszó megnézi a jelenlegi oldalt, az erőforrásokat, a betöltési hibákat, a böngészőben látható naplókat és a telepíthetőségi feltételeket. Ezután jön a szolgáltatásmunkás beállítása, a fájlok tárolási szabályainak kialakítása, majd a tesztelés. A végeredményt nem csak egyszer kell kipróbálni. Több böngészőben és több eszközön is érdemes ellenőrizni.

Tapasztalatom szerint az ügyfelek akkor elégedettebbek, ha már az elején kapnak egy rövid listát arról, mi fog változni. Például gyorsabb első megnyitás nem mindig lesz, de a következő látogatás már érezhetően jobb lehet. A telepíthető ikon nem ugyanaz, mint egy külön áruházból letölthető alkalmazás. És a kapcsolat nélküli működés sem jelent korlátlan használatot minden adattal.

PWA munkásokkal árak

Az ár attól függ, hogy meglévő oldalhoz kell-e hozzáadni a működést, vagy új fejlesztés része a feladat. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a szakember kihagyhatja a tesztelést, a frissítési logikát vagy a hibakezelést. Ez később többe kerülhet, mint a gondos első beállítás.

Ezek az összegek tájékoztató jellegűek, de reálisak távoli szabadúszó munka esetén. Egy tiszta kóddal rendelkező weboldalnál a feladat gyorsabb. Egy régi, többféle bővítménnyel terhelt rendszerben több hibát kell feltárni. Ezért nem csak a kívánt funkció számít, hanem az is, hogy milyen állapotban van a kiinduló oldal.

PWA szakember kiválasztása

A PWA szakember kiválasztásánál nem elég azt nézni, hogy tud-e weboldalt készíteni. Olyan fejlesztő kell, aki érti a böngésző működését, a gyorsítótárazás kockázatait és a frissítések kezelését. A portfólió jó kiindulópont, de ennél többet ér egy rövid szakmai magyarázat arról, hogyan oldaná meg a konkrét feladatot.

Sokan ott hibáznak, hogy csak az árat kérdezik meg. Pedig fontosabb lenne az, hogy a szabadúszó milyen kérdéseket tesz fel. Kérdez-e a jelenlegi oldalról. Kéri-e a hozzáférési módot. Meg akarja-e nézni a hibákat a böngésző fejlesztői eszközeiben. Beszél-e arról, hogy mit lehet biztonságosan tárolni, és mit nem. Ezek apró jelek, de sokat mondanak a hozzáállásról.

Érdemes rövid próbamunkával kezdeni, ha a feladat nagyobb. Például először csak audit készüljön, utána jöhet a megvalósítás. Így az ügyfél nem vakon dönt. A fejlesztő is pontosabb árat tud adni. És a félreértések száma csökken.

PWA megoldás minősége és hibái

A jó PWA megoldás nem attól jó, hogy minden fájlt eltárol. Inkább attól, hogy ésszerűen működik. Gyorsítja azt, amit kell. Nem mutat elavult adatot. Nem akadályozza a frissítést. Nem rontja el a bejelentkezést. És nem okoz furcsa hibákat akkor, amikor a felhasználó visszatér az oldalra.

Gyakori hiba, hogy a szolgáltatásmunkás túl sok mindent kezel. Elsőre ez hasznosnak tűnhet, de később gondot okozhat. A látogató régi képet vagy régi szöveget kap. Az ügyfél módosít valamit az oldalon, de a változás nem jelenik meg azonnal. Ilyenkor sokan a tárhelyre vagy a böngészőre gyanakodnak, pedig a gond a gyorsítótárazási szabályban van.

Másik tipikus probléma a tesztelés hiánya. Egy PWA működhet jól egy böngészőben, de máshol már eltérően viselkedhet. Mobilon különösen fontos az ellenőrzés. A telepítési ikon, az indítóképernyő, a hálózati hiba kezelése és a fájlfrissítés mind olyan részlet, amelyet külön kell nézni. Szerintem ez az a pont, ahol a gondos szakember nagyon gyorsan megkülönböztethető a felületes kivitelezőtől.

Anyagok átadása és egyeztetés

A távoli munka akkor halad jól, ha az ügyfél már az elején összegyűjti a szükséges adatokat. Kell az oldal címe, a használt rendszer neve, a fejlesztői hozzáférés módja, az ikonok vagy arculati fájlok, valamint egy rövid leírás arról, hogy mit vár a PWA működéstől. Nem kell hosszú dokumentum. De a homályos kérés sok időt visz el.

A szakember általában kéri, hogy legyen egy tesztelhető környezet. Ez biztonságosabb, mint közvetlenül az éles oldalon dolgozni. Ha nincs ilyen, akkor legalább mentésre van szükség. A feladat végén jó, ha az ügyfél kap egy rövid átadási leírást. Ebben szerepelhet, mi lett beállítva, hogyan frissülnek a fájlok, mire kell figyelni későbbi módosításnál, és milyen teszt történt.

Volt olyan ügyfél, aki csak a végén kérdezte meg, miért nem látszik azonnal az új logó a telepített változatban. A válasz egyszerű volt. A gyorsítótár még a régi fájlt használta. Ha ezt előre tisztázzák, nem lett volna feszültség. Ezért jó, ha a fejlesztő nem csak dolgozik, hanem érthetően át is adja a működést.

PWA munkásokkal várható eredmény

A PWA munkásokkal nem varázseszköz, hanem technikai fejlesztés. Jó beállítás mellett az oldal stabilabbnak és gyorsabbnak érződhet, a visszatérő látogatók jobb élményt kapnak, és bizonyos tartalmak gyenge kapcsolat mellett is használhatók maradnak. De az eredmény mindig a kiinduló állapottól függ.

Ha az oldal eleve lassú a túl nagy képek, hibás kód vagy gyenge szerkezet miatt, akkor a PWA csak részben segít. Ilyenkor előbb teljesítményjavítás kell, utána érdemes a szolgáltatásmunkás finomabb beállításával foglalkozni. Ez nem rossz hír. Inkább reális sorrend.

A magánügyfélnek az a legfontosabb, hogy érthető feltételekkel dolgozzon. Legyen világos a feladat, a határidő, az ár, a javítások száma és az átadás módja. Egy jó szabadúszó nem ígér mindent egyszerre. Megmondja, mi oldható meg, mi kockázatos, és mihez kell további fejlesztés. Ebből általában jobb eredmény születik, mint a túl gyors és túl olcsó ígéretekből.