Okthobha 28, 2026

Imephu enye, iindlela ezintathu: SVG, Rust kunye neFlutter

I-EVnSteven ifike kwindawo ekhululekileyo. Iqonga lizinzile kwaye alidingi kugcinwa kakhulu, nto leyo eyayiyinjongo yethu ekuqaleni: inkqubo encinci esebenza ngokuthula. Oku kushiya indawo encinci yokuzama, kwaye kushiye abaqalisi bethu ixesha lokuqalisa ezinye iiprojekthi ezimbalwa, oza kuzifumana ekupheleni.

Ngoko ke senze uvavanyo. Sathatha imephu ekhaya lethu sayakha kabini: kanye ngeRust eqokelelwe kwiWebAssembly, kanye ngeFlutter. Eli nqaku libeka zonke ezintathu kwiphepha elinye kwaye liqwalasele.

1. Eyokuqala: SVG, CSS kunye neJavaScript encinci

Ngamagama alula: le yimaphu ekhaya lethu. Yakhiwe ngendlela efanayo nezinye iiphepha zewebhu: umzobo owenziwe ngeemilo ezaziwayo kwisikhangeli sakho ukuba ziboniswe kwaye ziqhube. Le yeyona ilula kwezi zintathu, kwaye yeyona ibonwa ngabakhenkethi abaninzi.

Ready Charging Check in Check out

⚠️ Icandelo lobugcisa phambili. Akukho nto yakho? Tsiba uye kuRust →

Liyimizobo yeSVG enye. Isikhangeli siqhuba uninzi lwezinto ezihambayo kwiCSS, kwaye iskripthi esincinci silawula okusele.

Ngokuxhaswa kwayo: akukho nyathelo lokwakha, ngoko itemplate yeHugo kuphela eyifunekayo. I-vector, ngoko ihlala icacile nangayiphi na imilinganiselo. Zonke iindawo ezingama-44 zinokufikelelwa ngekhibhodi, nganye inelebheli yabafundi besikrini. Kwaye amagama ayo ambalwa aguqulelwe kuzo zonke iilwimi zethu.

Ixabiso layo kukuba inobunzima kwiphepha. Imakrupthi yemephu ingama-107 KB (malunga ne-30 KB icinezelwe), kwaye xa isebenza inento ezingama-670 kunye ne-200 zokuhamba kweCSS. I-logic nayo inzima ukuyivavanya: ixesha lihlala ngaphakathi kwiCSS keyframes kunye neskripthi kwiphepha, ngoko uvavanyo kuphela kukuyijonga.

2. Rust kunye neWebAssembly

Ngamagama alula: IRust lulwimi lokubhala iinkqubo olwaziwa ngokukhawuleza kunye nokubamba iimpazamo ezininzi ngaphambi kokuba inkqubo iqale ukusebenza. Apha sabhala “ingqondo” yemaphu kuRust, sayipakisha ibe yifom efutshane enokusebenza kwiibhrawuza (ebizwa ngokuba yiWebAssembly), kwaye sayivumela ukuba ipende yonke imephu ngokwayo, njengomzobi ophinda adwebe ikhanvas enye amaxesha amaninzi ngomzuzwana. Kuwe ibonakala ifana.

⚠️ Icandelo lobugcisa phambili. Akuyonto yakho? Tsiba uye kwiFlutter →

Yonke imephu idwetshwe kwikhanvas enye nguRust ehlanganiswe ibe yiWebAssembly. Ikhowudi yeRust inegunya lonke lemisebenzi yemephu kwaye iphinda idwebe yonke into kuwo onke amanqaku.

Icandelo esalithanda kukuba ilogikhi yiRust ecocekileyo engenanto evela kwi-browser kuyo: izibalo zokuba izinto ziya phi nokuba zitshintsha nini, kunye nomfundi wokufunda umda womhlaba. Inemivavanyo eli-13 eqhutywa kwisithuba somzuzwana, kwaye ukuba ixesha lomjikelo alilunganga, uvavanyo luyahluleka endaweni yokuba umntu aqaphele ukuba kubonakala kungaqhelekanga. Malunga nesithathu se-1,070 imigca yeRust yeyona nto iphambili evavanyiweyo (kunye neevavanyo zayo); esele ingaphezulu idweba kwikhanvas kwaye ilawula iziganeko zegundane.

Iphepha ligqityiwe libe lukhanya kakhulu: into yekhanvas enye. Kodwa ukhuphelo lukhulu. Imodyuli ehlanganisiweyo ingaba yi-254 KB (malunga ne-92 KB icinezelwe) kunye ne-28 KB yeJavaScript glue eyenziwe sisixhobo sokwakha. Kwaye kukho iindleko esiziva xa sisebenza kuyo:

Umatshini wezixhobo. Ukwakhiwa kufuna iRust, injongo yeWebAssembly kunye nesixhobo somgca womyalo esinguqulelo yaso kufuneka ihambelane ngokuchanekileyo nethala leencwadi. Iskripthi sethu sokwakha siqhuba iimvavanyo kuqala kwaye siyayeka ukuba elinye liphumelele.
Akukho ukufikelela kwiikhibhodi okanye abafundi besikrini kwizixeko ngasinye. I-canvas ngumfanekiso. Ingxelo ye-SVG enamanqaku angama-44 anokugxininiswa asasekho.
IsiNgesi kuphela. Iilebhile zibhalwe ngaphakathi kwinkqubo.
Ukucima. Umda omthambileyo wesithunzi usebenzisa isihluzi sokucima se-canvas, esingaxhaswanga ngazo zonke iibhrawuza. Asikazami iSafari, apho umda unokubanzima.

3. Flutter

Ngamagama alula: IFlutter sisixhobo esivela kuGoogle sokwakha ii-apps ezisebenza kwiifowuni, kwiikhompyutha nakwiwebhu zisuka kwikhowudi enye. Ayisebenzisi izakhi zokwakha zewebhu ezizimeleyo. Iyazoba yonke into ngokwayo. Apha imephu yi-app encinci eboniswa ngaphakathi kweli phepha, isixhobo esinye esisebenza kwi-charging calculator.

⚠️ Icandelo lobugcisa phambili. Akusiyo into yakho? Tsiba kwinto esiyifumeneyo →

Iyazoba imephu nomzobi wenziwe ngokwezifiso, kwaye iboniswa apha kwifreyimu. IFlutter inokwakha ii-apps zefowuni nezedesktop kwikhowudi enye, nto leyo eyona ngxelo yayo iphambili: bhala imephu kanye, uyisebenzise kwiindawo ezininzi.

Liyafana na nendlela yeRust map, iguqulelwe kwiDart, enovavanyo ezingama-11. Malunga nemigca engama-1,100 kubandakanywa novavanyo. IFlutter inika isixeko ngasinye abafundi besikrini njengenkqubo enelebheli, nto leyo ingekho kwiinguqulelo ze canvas (asikayijongi kakuhle indlela esebenza ngayo nomfundi wesikrini wokwenene). Ikwayona nto inkulu yokukhuphela: usetyenziso lukhulu malunga ne-1.8 MB (malunga ne-535 KB icinezelwe). Injini yokuzoba yeFlutter yinkqubo yokukhuphela eyongezelelweyo, kodwa indawo sele yabelana ngesixhobo esinye nesibali-mali, ngoko umtyeleli ovule isibali-mali akakhupheli kwakhona. Umbhalo wayo ubekwe kwifonti ye-sayithi, iMerriweather, ekhutshwa sisikhangeli ngexesha lokusebenza.

Esikufumeneyo

	SVG + CSS + JS	Rust + WebAssembly	Flutter
Ukukhuphela kwe mephu	malunga ne-107 KB, kwiphepha	malunga ne-254 KB module + 28 KB glue	malunga ne-1.8 MB usetyenziso (injini yokuzoba yabelwana ngayo)
Izinto kwiphepha	malunga ne-670, kunye ne-200 CSS animations	1 canvas	1 frame
Uvavanyo lwe logikhi	akukho	13, yendalo	11, yendalo
Izixeko ezifikeleleka nge keyboard	ewe, zonke ezingama-44	hayi	ziboniswa kubafundi besikrini (azivavanywanga)
Iguqulelwe	ewe	hayi, isiNgesi kuphela	hayi, isiNgesi kuphela
Ihlala icacile nakweyiphi na i-zoom	ewe (vector)	iphinde yazoba kwakhona ngenxa yesigqibo sesikrini	iphinde yazoba kwakhona ngenxa yesigqibo sesikrini
Into efunekayo ukwakha	akukho	Rust toolchain, inguqulelo yesixhobo ehambelanayo	Flutter SDK

Enye inqaku malunga nesantya. Kuvavanyo lwethu, imephu yeSVG kunye nemephu yeRust zombini zisebenza kumgangatho wokuhlaziya wesikrini (malunga neefreyimu ezingama-120 ngomzuzwana kwisibonisi sovavanyo), ngoko umgangatho weefreyimu awuzange uwahlule. Asizange silinganise umgangatho weefreyimu weFlutter, kwaye asizange silinganise ukusetyenziswa kwebhetri okanye iCPU, ngoko asinakutsho ukuba yeyiphi elula kwifowuni.

Izinto ezasisimangalisa

Eminye imininingwane kulula ukuyiphosa. Iiklonu zethu zokuqala zazidweba isitshixo kunye neewotshi kwinxalenye ethile yemaphu, ngoko zancipha kwiiskrini ezincinci kwaye zabonakala zincinci xa kuthelekiswa neyakho yokuqala. Eyokuqala iyilinganisa ngobungakanani befonti yephepha (rem, etshintsha ngokobubanzi besikrini). Iiklonu ngoku zifunda ubungakanani obufanayo kwiphepha. Iiwotshi zihluke ngokunjalo: izandla zokuqala zihamba ngeenyathelo ze-15 imizuzu, ngelixa kwiinguqulelo zeRust neFlutter zijikeleza ngokuqhubekayo.

Iindawo zexesha azizange zakhiwe ngaphakathi. Akukho Rust ehlanganiswe kwiWebAssembly okanye iDart ethwala idatha yendawo yexesha eyaziyo “Asia/Dubai”. Zombini zicela isiphequluli endaweni yoko, ngokusebenzisa inkonzo yayo yakhelwe-ngaphakathi ye-Intl, ekwaziyo nokulungisa ixesha lokonga ilanga.

Zonke ezintathu zabelana ngegalelo lazo. Iimephu zeRust neFlutter zifunda uluhlu lwezixeko kunye nomgca womhlaba kwiphepha abazikuyo, idatha efanayo esetyenziswa yimaphu yeSVG. Tshintsha isixeko, kwaye zonke ezintathu zitshintsha. Oku kuthetha ukuba imephu inokusebenza kuphela kwiphepha elinikezela ngazo.

Iwebhu yeFlutter iyakhumbula. Iwebhu yeFlutter ifaka i-cache yayo, ngoko emva kokuyakha kwakhona siqhubekile sibona inguqulelo endala de sayicoca.

Isiphelo sethu

Imephu yeSVG ihlala kwiphepha lasekhaya. Ngokobungakanani bokuzoba obunjalo iyona ilula, ifikeleleka, itolikwa, kwaye ayifuni nto yakhiweyo. IRust iyona iphumelele ngakumbi: ukuba sifuna nantoni na ukuba ilogikhi yemephu ibonakale ichanekile, okanye sifuna ukwenza ukubala okunzima kwisiphengululo, intliziyo yeRust evavanyiweyo yindlela elungileyo yokuyenza. IFlutter inengqiqo ukuba imephu kufuneka iphila ngaphakathi kwesicelo seFlutter.

Uvavanyo aludingi ukutshintsha imveliso ukuze lufaneleke ukuqhutywa. Sigqibe ekubeni nesithombe esicacileyo sokuba indlela nganye ibiza malini, inkcazo evavanyiweyo yokuziphatha kwemephu, kunye nephepha apho ungabona khona zonke ezintathu ngokwakho.