January le Servo: preloads, forms nyuitɔwo, details styling, kple bubuwo

Tɔtrɔ Kpata Si Le dzɔdzɔm Le Wò Browser Engine Me

Ɣesiaɣi si nèzi kadodo aɖe dzi, tsɔ agbalẽvi aɖe ɖo ɖa, alo keke akpa aɖe si woate ŋu agbã ɖe enu le nyatakakadzraɖoƒe aɖe la, kɔmpiutadziɖoɖo aɖe si sesẽ ŋutɔ la ɖoa nuteƒekpɔkpɔ ma le milisekɔndwo me. Browser engines — Chrome, Firefox, Safari, kple hoʋlila yeyewo abe Servo ene ƒe gɔmeɖeɖe dziwo — le kɔmpiuta dɔwɔɖoɖo siwo gɔme sese sesẽ wu siwo wowɔ kpɔ la dome. Ke hã ƒã hafi woƒe ŋgɔyiyi ŋuti nyatakakawo nana ɣleti sia ɣleti xɔa nyadzɔdzɔwo ƒe tanyawo. Ema nye vodada. Dɔwɔwɔ ɖe edzi vivivi siwo le edzi yim le mɔ̃ siawo me la trɔa asi le alesi wò asitsadɔwɔnuwo xɔa agba kabakabae, alesi wò agbalẽviwo xɔa asisiwo ƒe nyatakakawo kakaɖedzitɔe, kple alesi wò nyatakakadzraɖoƒe dɔwɔɖoɖowo sena le wo ɖokui me be wole dzadzɛe ŋu tẽ. Le mɔ̃wo abe Mewayz siwo naa modules 207 to web-kpɔkplɔ dzi — tso CRM dashboards dzi va ɖo invoicing workflows dzi — engine-level ŋgɔyiyi ɖesiaɖe ɖea egɔme zua nuteƒekpɔkpɔ nyuitɔ na zãla siwo wu 138,000 le xexeame godoo.

Dɔwɔnuwo ƒe Ðoɖowɔwɔ Do Ŋgɔ: Nusitae Milisekɔndwo Le Vevie na Asitsanyawo ƒe Kɔmpiutadziɖoɖowo

Nuwo ƒe tsɔtsɔ do ŋgɔ nye web-browser ƒe nɔnɔme mawo siwo le radar te siwo ƒoa atam wògbɔ eƒe kpekpeme ŋu sasasã la dometɔ ɖeka. Nukpɔsusua le tẽ: to dzesiwo zazã me la, dɔwɔlawo ateŋu agblɔ na web-kpɔkplɔ be wòadze nunɔamesi veviwo xɔxɔ gɔme — ŋɔŋlɔdzesiwo, atsyãwo, ŋɔŋlɔdzesiwo, nɔnɔmetatawo — hafi numeɖela nake ɖe wo ŋu le dzɔdzɔme nu le HTML me. Ne browser engine na eƒe preload dɔwɔwɔ nyo ɖe edzi la, web application ɖesiaɖe si wotu ɖe egbegbe dzidzenuwo dzi la wɔa dɔ kabakaba wu evɔ wometrɔa application code ƒe fli ɖeka pɛ hã o.

Servo ƒe dɔwɔwɔ le preload support ŋu le vevie elabena eɖe alesi mɔ̃ si le eɖokui si, si wotu ɖe Rust dzi ateŋu atutu spec ƒe sedziwɔwɔ ƒe liƒowo fia. Do ŋgɔ na agbatsɔtsɔ ƒe dɔwɔwɔ nyuie fia be ne zãla aɖe ʋu dashboard sesẽ aɖe — ne míagblɔe la, fetu ŋuti nyatakaka kpui aɖe si me charts, dɔwɔlawo ƒe kaɖiwo, kple dɔdɔ ƒe abɔtawo le — web-browser ateŋu adze chart agbalẽdzraɖoƒe kple ŋɔŋlɔdzesiwo ƒe faɛlwo xɔxɔ gɔme le ɣeyiɣi si me HTML gbãtɔa va ɖo, tsɔ wu be wòalala vaseɖe esime wòado go nunɔamesi mawo le nuŋlɔɖi ƒe ati la me goglo. Nusi dona tso emee nye be screen ƒuƒlu ʋɛ aɖewo koe nɔa anyi, ɖoɖo ƒe tɔtrɔ ʋɛ aɖewo, kple seselelãme si dzena be ewɔa nu kabakaba wu.

Na SaaS mɔ̃ siwo subɔa dense, module-rich interfaces, preload ŋgɔyiyiwo menye sukudede o. ƒe 2023 me numekuku aɖe si Google ƒe Web Performance ƒuƒoƒo wɔ ɖee fia be lũlũ 100ms le Largest Contentful Paint dzi do ƒome kple 0.7% ƒe dzidziɖedzi le tɔtrɔ ƒe agbɔsɔsɔme me na e-commerce nyatakakadzraɖoƒewo. Asitsahabɔbɔwo kpɔa viɖe mawo tɔgbe: agbatsɔɣi siwo le kabakaba wu fia be ɣeyiɣi siwo wogblẽ ɖi la mesɔ gbɔ o, adzɔxegbalẽvi siwo wowu enu wu, eye wowɔa nu geɖe wu kple numekuku ŋuti nyatakakawo.

Nɔnɔme Nyuitɔwo: Asitsatsa ƒe Dɔwɔwɔ Ðesiaɖe ƒe Megbe

Ne preloading ku ɖe duƒuƒu ŋu la, form ƒe ŋgɔyiyiwo ku ɖe dzɔdzɔenyenye kple zazã ŋu. HTML-gbalẽviwo gakpɔtɔ nye mɔnu vevitɔ si dzi zãlawo tona wɔa nu kple asitsadɔwɔɖoɖowo — kadodowo wɔwɔ, adzɔxegbalẽviwo ɖoɖoɖa, ɖoɖowɔwɔ ɖe ɣeyiɣi siwo woɖo ɖi ŋu, fetu ŋuti nyatakakawo ŋɔŋlɔ. Edge case ɖesiaɖe si browser engine kpɔna nyuie wu fia be zãla siwo ƒe dzi gbã la mesɔ gbɔ o eye kpekpeɖeŋu tikiti ʋɛ aɖewo koe ana dɔwɔɖoɖoa wɔla.

Zi geɖe la, ŋgɔyiyi siwo wowɔna le nuŋlɔɖiwo dzi kpɔkpɔ me xɔa nu geɖe: kpeɖodzinyatakakawo gɔmeɖeɖe nyuie wu, formaction kple formmethod nɔnɔmewo gbɔ kpɔkpɔ nyuie wu le submit buttons dzi, mɔnukpɔkpɔ si nyo wu na screen readers siwo le mɔ zɔm le form controls dzi, kple edge cases abe nested forms alo dynamically inserted inputs ene. Servo ƒe ŋgɔyiyi le go siawo me ɖe dzesi ŋutɔ elabena eɖo kpe edzi be mɔ̃ yeye si me ŋkuɖodzinu mele o ateŋu aɖo sɔsɔ kple ƒe bla nanewo ƒe dɔwɔwɔwo le Blink kple Gecko.

Bu xexeame ŋutɔŋutɔ ƒe nɔnɔme aɖe ŋu le mɔ̃ abe Mewayz ene me: ezãla kpea afɔɖeɖe geɖe ƒe dɔwɔla ƒe ʋuɖoɖo ƒe agbalẽvi si me ame ŋutɔ ƒe nyatakakawo, adzɔxexe ŋuti nyatakakawo, kple viɖewo ƒe ŋkɔ ŋɔŋlɔ ɖe eme. Ne web-kpɔkplɔ ƒe mɔ̃a wɔ dɔ ɖe required nɔnɔme aɖe dzi le nɔnɔme si woate ŋu akpɔ le teƒe si woate ŋu akpɔ le nɔnɔme me, alo do kpo nɔnɔmetata ƒe nɔnɔme gbugbɔɖoɖo nyuie ne ele afɔɖeɖewo dome zɔm la, zãla ateŋu atsɔ nyatakaka siwo mede blibo o aɖo ɖa — alo esi vɔ̃ɖi wue nye be, woƒe ŋgɔyiyi abu keŋkeŋ. Esiawo nye vodada siwo menya kpɔna dzea sii bɔbɔe o ƒomevi siwo wɔa dɔwɔwɔwo ɖea ɖa nyuie wu le mɔ̃a ƒe ɖoɖo nu.

Atsyling the Details Element: Tag Suewo, UX ƒe Ŋusẽkpɔɖeamedzi Gã