Студзень у Servo: папярэднія загрузкі, лепшыя формы, стыль дэталяў і многае іншае

Ціхая рэвалюцыя, якая адбываецца ўнутры вашага браўзера

Кожны раз, калі вы пстрыкаеце па спасылцы, адпраўляеце форму або разгортваеце раздзел вэб-сайта, які згортваецца, ашаламляльна складанае праграмнае забеспячэнне арганізуе гэта за мілісекунды. Браўзерныя рухавікі — сэрца візуалізацыі Chrome, Firefox, Safari і новых канкурэнтаў, такіх як Servo — адносяцца да самых складаных праграмных праектаў, калі-небудзь створаных. Аднак іх штомесячныя справаздачы аб прагрэсе рэдка трапляюць у загалоўкі. Гэта памылка. Паступовыя паляпшэнні, якія адбываюцца ўнутры гэтых рухавікоў, непасрэдна вызначаюць хуткасць загрузкі вашых бізнес-інструментаў, наколькі надзейна вашыя формы фіксуюць даныя кліентаў і наколькі адшліфаваныя вашыя вэб-праграмы. Для такіх платформаў, як Mewayz, якія забяспечваюць 207 модуляў праз браўзер — ад панэляў кіравання ўзаемадзеяннем з кліентамі да працоўных працэсаў выстаўлення рахункаў — кожнае паляпшэнне ўзроўню рухавіка азначае лепшы вопыт для больш чым 138 000 карыстальнікаў па ўсім свеце.

Папярэдняя загрузка рэсурсаў: чаму мілісекунды важныя для праграмнага забеспячэння для бізнесу

Папярэдняя загрузка рэсурсаў - гэта адна з тых функцый браўзера, якая значна перавышае сваю вагу. Канцэпцыя простая: выкарыстоўваючы тэгі , распрацоўшчыкі могуць загадаць браўзеру пачаць атрымліваць важныя актывы — шрыфты, табліцы стыляў, скрыпты, выявы — перш чым аналізатар натуральным чынам выявіць іх у HTML. Калі рухавік браўзера паляпшае рэалізацыю папярэдняй загрузкі, кожнае вэб-прыкладанне, пабудаванае на сучасных стандартах, становіцца больш хуткім без змены ніводнага радка кода прыкладання.

Праца Servo над падтрымкай папярэдняй нагрузкі важная, таму што яна дэманструе, як незалежны рухавік на базе Rust можа пашырыць межы адпаведнасці спецыфікацыям. Правільная апрацоўка папярэдняй загрузкі азначае, што калі карыстальнік адкрывае складаную прыборную панэль - скажам, агляд заработнай платы з дыяграмамі, картамі супрацоўнікаў і кнопкамі экспарту - браўзер можа пачаць атрымліваць бібліятэку дыяграм і файлы шрыфтоў у той момант, калі прыходзіць першапачатковы HTML, а не чакаць, пакуль ён сустрэне гэтыя рэсурсы глыбока ў дрэве дакументаў. У выніку менш пустых экранаў, менш зрухаў макета і прыкметна больш хуткае адчуванне.

Для платформаў SaaS, якія абслугоўваюць шчыльныя, багатыя модулямі інтэрфейсы, паляпшэнні папярэдняй загрузкі не з'яўляюцца акадэмічнымі. Даследаванне, праведзенае ў 2023 г. камандай Google Web Performance, паказала, што скарачэнне 100 мс ад Largest Contentful Paint карэлюе з павелічэннем каэфіцыента канверсіі на 0,7% для сайтаў электроннай камерцыі. Бізнес-платформы атрымліваюць падобныя перавагі: больш хуткі час загрузкі азначае меншую колькасць спыненых сеансаў, больш завершаных рахункаў-фактур і большае ўзаемадзеянне з аналітычнымі справаздачамі.

Лепшыя формы: аснова кожнага працоўнага працэсу бізнесу

Калі папярэдняя загрузка - гэта хуткасць, то паляпшэнне формы - правільнасць і зручнасць выкарыстання. HTML-формы застаюцца асноўным механізмам, з дапамогай якога карыстальнікі ўзаемадзейнічаюць з бізнес-праграмным забеспячэннем - стварэнне кантактаў, адпраўка рахункаў-фактур, планаванне сустрэч, увод дадзеных аб заработнай плаце. Кожны крайні выпадак, які рухавік браўзера апрацоўвае больш вытанчана, азначае менш расчараваных карыстальнікаў і менш зваротаў у службу падтрымкі для распрацоўшчыкаў прыкладанняў.

Паляпшэнні ў апрацоўцы формы звычайна ахопліваюць некалькі абласцей: лепшы рэндэрынг паведамлення праверкі, больш дакладная апрацоўка атрыбутаў formaction і formmethod на кнопках адпраўкі, палепшаная даступнасць для праграм чытання з экрана, якія перамяшчаюцца па элементах кіравання формай, і больш дакладнае ўзгадненне з HTML Living Standard для крайніх выпадкаў, такіх як укладзеныя формы або дынамічна ўстаўленыя ўводы. Прагрэс Servo ў гэтых галінах асабліва варты ўвагі, таму што ён пацвярджае, што больш новы рухавік, бяспечны для памяці, можа дасягнуць парытэту з рэалізацыямі дзесяцігоддзяў даўніны ў Blink і Gecko.

Разгледзім рэальны сцэнар на такой платформе, як Mewayz: карыстальнік запаўняе шматэтапную форму ўключэння супрацоўніка, якая змяшчае асабістыя даныя, падатковую інфармацыю і залічэнне ільгот. Калі механізм браўзера няправільна апрацоўвае атрыбут required ва ўмоўна бачным полі або не можа належным чынам скінуць стан формы падчас навігацыі паміж крокамі, карыстальнік можа адправіць няпоўныя даныя — ці яшчэ горш, цалкам страціць свой прагрэс. Гэта віды тонкіх памылак, якія лепшая рэалізацыя формы ліквідуе на ўзроўні рухавіка.

Стылізацыя элемента дэталяў: невялікія тэгі, вялікі ўплыў на UX

Элементы HTML