Sausio mėn. Servo: išankstiniai įkėlimai, geresnės formos, detalių stilius ir kt

Naršyklės variklio viduje vykstanti tyli revoliucija

Kiekvieną kartą, kai spustelėsite nuorodą, pateikiate formą arba išplečiate sutraukiamą svetainės skiltį, stulbinančiai sudėtinga programinės įrangos dalis, kuri veikia per milisekundes. Naršyklės varikliai – „Chrome“, „Firefox“, „Safari“ ir naujų konkurentų, tokių kaip „Servo“, atvaizdavimo širdys, yra vieni sudėtingiausių kada nors sukurtų programinės įrangos projektų. Tačiau jų mėnesinės pažangos ataskaitos retai patenka į antraštes. Tai klaida. Laipsniški patobulinimai, vykstantys šiuose varikliuose, tiesiogiai lemia, kaip greitai įkeliami jūsų verslo įrankiai, kaip patikimai jūsų formos fiksuoja klientų duomenis ir kaip ištobulintos žiniatinklio programos. Tokiose platformose kaip Mewayz, kurios pateikia 207 modulius per naršyklę – nuo CRM informacijos suvestinių iki sąskaitų faktūrų išrašymo darbo eigos – kiekvienas variklio lygio patobulinimas reiškia geresnę patirtį daugiau nei 138 000 naudotojų visame pasaulyje.

Išankstinis išteklių įkėlimas: kodėl verslo programinei įrangai svarbios milisekundės

Išankstinis išteklių įkėlimas yra viena iš tų po radaru veikiančių naršyklės funkcijų, kurios gerokai viršija savo svorį. Koncepcija nesudėtinga: naudodami žymas , kūrėjai gali nurodyti naršyklei pradėti gauti svarbiausių išteklių – šriftų, stilių lentelių, scenarijų, vaizdų – prieš analizatoriui natūraliai juos atrandant HTML. Kai naršyklės variklis pagerina išankstinio įkėlimo diegimą, kiekviena žiniatinklio programa, sukurta remiantis šiuolaikiniais standartais, tampa greitesnė nekeičiant nė vienos programos kodo eilutės.

Servo darbas su išankstinio įkėlimo palaikymu yra reikšmingas, nes parodo, kaip nepriklausomas, rūdžių pagrindu sukurtas variklis gali peržengti specifikacijų atitikties ribas. Tinkamas išankstinio įkėlimo tvarkymas reiškia, kad kai vartotojas atidaro sudėtingą informacijos suvestinę – tarkime, darbo užmokesčio suvestinę su diagramomis, darbuotojų kortelėmis ir eksporto mygtukais – naršyklė gali pradėti gauti diagramų biblioteką ir šriftų failus tuo metu, kai gaunamas pradinis HTML, o ne laukti, kol pamatys tuos išteklius dokumentų medyje. Rezultatas – mažiau tuščių ekranų, mažiau išdėstymo poslinkių ir pastebimai ryškesnis pojūtis.

SaaS platformose, kuriose teikiamos tankios, daug modulių turinčios sąsajos, išankstinio įkėlimo patobulinimai nėra akademiniai. 2023 m. „Google Web Performance“ komandos atliktas tyrimas nustatė, kad 100 ms nuolaida „Largest Contentful Paint“ koreliuoja su 0,7 % padidėjimu el. prekybos svetainių konversijų rodikliais. Verslo platformos pastebi panašius pranašumus: greitesnis įkėlimo laikas reiškia mažiau nutrauktų seansų, daugiau užpildytų sąskaitų faktūrų ir didesnį įsitraukimą į analizės ataskaitas.

Geresnės formos: kiekvienos verslo darbo eigos pagrindas

Jei išankstinis įkėlimas susijęs su greičiu, formos patobulinimai susiję su teisingumu ir tinkamumu naudoti. HTML formos išlieka pagrindiniu mechanizmu, per kurį vartotojai sąveikauja su verslo programine įranga – kuria kontaktus, pateikia sąskaitas, planuoja susitikimus, įveda darbo užmokesčio duomenis. Kiekvienas atvejis, kurį naršyklės variklis tvarko gražiau, reiškia mažiau nusivylusių vartotojų ir mažiau palaikymo bilietų programų kūrėjui.

Formų tvarkymo patobulinimai paprastai apima kelias sritis: geresnis patvirtinimo pranešimų pateikimas, tikslesnis pateikimo mygtukų formaction ir formmethod atributų tvarkymas, patobulintas ekrano skaitytuvų, naršančių formų valdiklius, pasiekiamumas ir glaudesnis derinimas su HTML gyvenimo standartu, kai naudojami kraštiniai dinaminiai atvejai, pvz., įdėtosios formos arba įvesties įdėtos formos. Servo pažanga šiose srityse ypač verta dėmesio, nes ji patvirtina, kad naujesnis, atminties saugus variklis gali pasiekti lygiavertiškumą su dešimtmečius senais Blink ir Gecko diegimais.

Apsvarstykite realų scenarijų tokioje platformoje kaip „Mewayz“: vartotojas užpildo kelių etapų darbuotojo priėmimo formą, apimančią asmeninę informaciją, mokesčių informaciją ir registraciją į išmokas. Jei naršyklės variklis netinkamai apdoroja reikalingą atributą sąlyginai matomame lauke arba nepavyksta tinkamai iš naujo nustatyti formos būsenos naršydamas tarp žingsnių, vartotojas gali pateikti neišsamius duomenis arba, dar blogiau, visiškai prarasti eigą. Tai yra subtilios klaidos, kurios geriau pašalinamos variklio lygiu.

Išsamios informacijos elemento stiliaus kūrimas: mažos žymos, didelis UX poveikis

HTML elementai