HTML-öncəli sayt istifadəçi sayını bir gecədə iki dəfə artırdı

Bir tərtibatçının dövlət xidməti veb-formunu HTML-öncəli yanaşma ilə yenidən qurması barədə yazısı mühəndislər arasında geniş əks-səda doğurdu: uğursuz React tətbiqinin əvəzlənməsi formanı dolduranların sayını buraxılış günü iki dəfə artırdı.

Müştəri tənzimlənən monopoliyalı kommunal şirkəti idi. İstifadəçilər xidmətlərə ya köhnə ASP forması, ya da şirkət üçün xeyli baha başa gələn əl ilə proses vasitəsilə müraciət edə bilirdilər. Müştəri məmnuniyyətinin 96 faizdən aşağı düşməsi milyonlarla funt cərimə riski yaratdığı üçün bu prosesin xüsusi çəkisi vardı.

İki uğursuz cəhd və üç günə dayandırılan React tətbiqi

Problemi həll etməyə yönəlmiş iki əvvəlki cəhd artıq ciddi xərclərlə uğursuz olmuşdu. Xarici ölkədəki podratçıların qurduğu son versiya üç gün işlədi və müştəri şikayətlərinə görə dayandırıldı. Müəllif yüklənmə göstəriciləri və qlobal JavaScript vəziyyəti qarışıqlığını, əlçatmaz interfeysi və bir ölümcül seçimi təsvir edir: şəkil yükləmə forma üçün vacib idi, lakin tətbiq şəkilləri və digər forma məlumatlarını təxminən beş meqabayt həddi olan localStorage-da saxlayırdı.

Tərtibatçı həmin kodu miras almaq əvəzinə xidməti Astro ilə və HTML-öncəli yanaşma ilə yenidən qurdu: JavaScript yalnız onsuz da tam işləyən saytı tədricən təkmilləşdirən web komponentlərində qalır. Onun məntiqi belə idi: bu dövlət xidmətidir, ona görə mümkün olan hər cihazda, zəif bağlantıda da işləməli və daxil edilmiş məlumatları heç vaxt itirməməlidir.

Formanın göndərilməsi, yönləndirmə və bir kilobaytdan az yoxlama

Tələblər buradan irəli gəldi: hər forma sessiyası üçün unikal identifikator, hər addımda məlumatların və yükləmələrin serverdə saxlanması, formanın JavaScript olmadan və köhnə brauzerlərdə doldurula bilməsi, həmçinin WCAG AA uyğunluğu. Hər addım ayrı səhifə oldu; etibarlı addımın göndərilməsi brauzeri növbəti səhifəyə yönləndirdi — Remixin canlandırdığı klassik form-post-and-redirect nümunəsi.

Yoxlama ayrı layihəyə çevrildi. Tərtibatçı hər hansı formanı əhatə edən, onun daxili yoxlama atributlarını oxuyan və səhvləri brauzerin açılan göstərişləri yerinə aria-describedby ilə göstərilən elementdə əks etdirən HTML web komponenti yazdı. Səhv istifadəçi etibarlı dəyərə çatan kimi silinir və blur zamanı və göndərilmə zamanı yenidən yoxlanılır. Komponent bir kilobaytdan az çəkir; onun ümumi versiyası, validation-enhancer, artıq npm-də dərc edilib.

Buraxılışdan sonra nə baş verdi

Buraxılışda doldurulmuş formaların sayı iki dəfə artdı. Müəllifin qeydinə görə, analitika yeni istifadəçiləri izah edə bilmədi, çünki JavaScript əsaslı analitika skriptlər uğursuz olduqda saytdan çıxan ziyarətçiləri heç vaxt görmür. Serverdə saxlanan sessiya modeli də özünü doğrultdu: bir nəfər formanı başladıqdan bir ay sonra tamamlayıb göndərdi.

Hekayə müəllifin kədərli adlandırdığı bir qeydlə bitir. Müqavilədən ayrılarkən o, öz əvəzləyicisinə saytın JavaScript olmadan da həmişə işlədiyini izah etdi; cavab isə bunun komanda üçün daha çox iş demək olduğu idi. Köhnə brauzerlərdə, zəif bağlantıda və ya köməkçi texnologiyalarda istifadəçiləri kənarlaşdırmaq qəbuledilməzdir, deyə o vurğulayır — xüsusilə monopol dövlət xidmətində.