Sajt HTML‑first dyfishon përdoruesit në një natë

Një kompani e shërbimeve publike përballej një problem serioz: klientët mund të aplikonin për shërbimet përmes një formulari të vjetër ASP në faqen e tyre, ose përmes një procesi manual që ishte shumë më i kushtueshëm. Si një monopol i rregulluar, çdo rënie në kënaqësinë e klientit nën 96 % mund të sjellte dënime prej miliona paundësh. Pas dy përpjekjeve të mëparshme të dështuar – përfshirë një aplikacion React i ndërtuar nga kontraktorë jashtë vendit, i cili u hoq pas vetëm tre ditësh për shkak të ankesave të përdoruesve – autorja vendosi të ndërtojë një version të ri të faqes duke përdorur Astro, duke e vendosur HTML-n në qendër të projektit dhe duke përdorur JavaScript vetëm për përmirësime progresive.

Aplikacioni React i mëparshëm ishte i mbushur me “spinners” ngarkimi, gjendje globale JavaScript dhe mungesë aksesibiliteti. Ngarkimi i imazheve, i domosdoshëm për formularin, përpiqej të ruhej në localStorage, i cili ka një kufi prej 5 MB – një zgjidhje e papërshtatshme për një shërbim kritik. Në vend të kësaj, u krijua një faqe e thjeshtë HTML‑first, ku komponentët e JavaScript-it përdoren vetëm për të shtuar funksionalitete shtesë pa ndikuar në funksionimin bazë të faqes.

Për të ilustruar fuqinë e një strukture të thjeshtë HTML, autori përmendi një histori personale nga Terence Eden, ku një grua në një zyrë për ndihmë në strehim në Londër përdorte një PlayStation Portable për të lexuar faqet e GOV.UK për përfitimet e banimit. Shfletuesi i PSP-së, i ngadalshëm dhe me kapacitet të kufizuar, arriti të shfaqte faqen vetëm sepse ajo ishte shkruar në HTML të thjeshtë, e lehtë për t’u ngarkuar edhe në shfletues të dobët. Çdo hap i formularit ishte një faqe e veçantë; kur përdoruesi klikon “tjetër”, formulari dërgohet, API-ja verifikon të dhënat dhe shfletuesi ridrejtohet në faqen pasuese. Ky model, i njohur si “form submission with redirect”, ka përjetuar një rilindje falë teknologjive si Remix, por ende mbetet i panjohur për shumë ekipe që janë mësuar me aplikacione të bazuara në klient.

Një tjetër sfidë ishte validimi i formularit. Shumë ekipe humbasin muaj pune duke përdorur bibliotekat e React për validim, ndërsa shfletuesit ofrojnë një sistem të ndërtuar në vetvete. Autori krijoi një komponent HTML të vogël (nëpërmjet Web Components) që mbështetet në validimin natyror të HTML-së, shfaq gabimet në elementin aria-describedby dhe e pastron gabimin ndërsa përdoruesi shkruan. Me një madhësi nën 1 KB, komponenti garanton një përvojë të shpejtë; nëse dështon, sistemi bie në validimin e brendshëm të shfletuesit, dhe nëse edhe kjo dështojë, backend‑i merret me problemin. Kjo qasje siguron që përdoruesit të marrin informacion për gabimet sa më shpejt të jetë e mundur, pa ngarkuar faqe me JavaScript të panevojshëm.

Rezultati i gjithë këtij ndryshimi ishte i jashtëzakonshëm: në një natë, numri i përdoruesve të faqes u dyfishua, duke i dhënë kompanisë një avantazh të rëndësishëm në tregun e rregulluar dhe duke e mbajtur në siguri nivelin e kënaqësisë së klientit. Kjo histori tregon se ndonjëherë, kthimi te bazat – HTML-në e thjeshtë dhe standardet e natyrshme të shfletuesit – mund të sjellë përfitime të mëdha në botën e teknologjisë moderne.