見證國(guó)產(chǎn)工具創(chuàng)新力,協(xié)同設(shè)計(jì)Pixso性能大升級(jí)!

近日,國(guó)內(nèi)協(xié)作設(shè)計(jì)軟件Pixso宣布一條重磅消息,Pixso完成了底層代碼的重構(gòu),迎來了產(chǎn)品性能重大升級(jí),流暢度提升30%以上,文件打開速度顯著提升,文件內(nèi)存占比更小,文件操作絲滑流暢,可以大大提升內(nèi)容生產(chǎn)和團(tuán)隊(duì)協(xié)作的效率。

據(jù)悉,為讓本次優(yōu)化獲得更加優(yōu)質(zhì)的性能表現(xiàn),Pixso成立了專門的性能優(yōu)化小組,經(jīng)過長(zhǎng)達(dá)3個(gè)多月努力,進(jìn)行了地毯式的代碼重構(gòu),實(shí)現(xiàn)了產(chǎn)品性能的一次飛躍。

1、文本模塊重構(gòu),加載速度狂飆。

相信很多產(chǎn)品設(shè)計(jì)師,都看過一篇《網(wǎng)頁設(shè)計(jì)95%是排版》的文章,可見字體排版舉足輕重。對(duì)于一款設(shè)計(jì)工具來說,文本模塊的性能更是重中之重。

本次性能優(yōu)化,Pixso團(tuán)隊(duì)重點(diǎn)優(yōu)化了文本模塊,對(duì)底層代碼100%重寫,使得文本模塊的質(zhì)量與效率更穩(wěn)定,能以更高的精度執(zhí)行各種文本修改和排版任務(wù)。這項(xiàng)更新讓文件打開速度更快,內(nèi)存縮小,極大地提升了設(shè)計(jì)效率和體驗(yàn),同時(shí)也帶來兩大性能的“狂飆”。

首先是大文件的打開速度,優(yōu)化后的文本模塊可以更快地讀取和寫入文件,從而提升文件的加載和寫入速度。為了直觀呈現(xiàn)升級(jí)后的效果,Pixso官方隨機(jī)選取了10個(gè)大型設(shè)計(jì)文件,每個(gè)文件均到達(dá)10萬+圖層,經(jīng)過不同環(huán)境下的多輪測(cè)試,平均加載時(shí)間僅需5秒,對(duì)比之前的Pixso版本,打開時(shí)間縮短一倍以上。

過去,Pixso畫布加載完成之后可能還需要等待字體加載,而性能優(yōu)化之后,即使是打開10萬+圖層的Pixso文件,加載完成后文字就會(huì)同步顯示,完全不需要等待字體加載的時(shí)間,可以幫助用戶輕松開啟高效工作。

在設(shè)計(jì)過程中,很多設(shè)計(jì)師喜歡把很多組件庫放置在一個(gè)文件內(nèi),Pixso官方也針對(duì)這個(gè)場(chǎng)景進(jìn)行了測(cè)試,將56個(gè)組件庫放置在一個(gè)頁面,合計(jì)23萬個(gè)圖層,打開也只需要11.01秒,頁面的切換也非常順暢,幫助設(shè)計(jì)師更好地管理組件庫。

其次,文件打開時(shí)內(nèi)存較比以往降低40%。面對(duì)大量文本處理或大型設(shè)計(jì)文件時(shí),優(yōu)化后的文本模塊可以更有效地管理內(nèi)存,降低運(yùn)行內(nèi)存占比。測(cè)試人員隨機(jī)上傳了10個(gè)設(shè)計(jì)項(xiàng)目 ,優(yōu)化前后運(yùn)行內(nèi)存占比均降低40%左右。

同時(shí),更小的內(nèi)存帶來了更加順暢的協(xié)作體驗(yàn),Pixso邀請(qǐng)了30人團(tuán)隊(duì)在線實(shí)時(shí)協(xié)作,同時(shí)編輯1個(gè)10000+圖層的文件,可以看到協(xié)作畫面非常流暢,不會(huì)出現(xiàn)任何卡頓的現(xiàn)象。

Pixso文本模塊的優(yōu)化和升級(jí),對(duì)于經(jīng)常處理大型設(shè)計(jì)文件的設(shè)計(jì)師無疑是一項(xiàng)重大的改進(jìn)。強(qiáng)化文本模塊,是Pixso打造更高效、便捷的云端設(shè)計(jì)工具體驗(yàn)的同時(shí),協(xié)助設(shè)計(jì)師提升設(shè)計(jì)效率和創(chuàng)造力。

2、渲染引擎升級(jí),性能提升30%

對(duì)一款云端設(shè)計(jì)工具來說,渲染引擎相當(dāng)于核心CPU,如果CPU的算力不夠強(qiáng)大,堆砌再多的功能和硬件,只會(huì)暴露自身的缺陷,影響整體運(yùn)行的流暢度。

據(jù)悉,早在去年10月開始,Pixso就采用最新的WebAssembly解碼格式,對(duì)產(chǎn)品的渲染引擎進(jìn)行持續(xù)優(yōu)化,提供更加流暢的產(chǎn)品體驗(yàn)。

面對(duì)縮放、拖拽、頁面切換等高頻操作,引擎優(yōu)化前后的感知非常明顯。Pixso官方將日常高頻操作進(jìn)行拆解,測(cè)試了141項(xiàng)數(shù)據(jù),其中98.9%可以達(dá)到峰值性能,即使面對(duì)10萬圖層的設(shè)計(jì)文件,Pixso也能保持流暢的高頻編輯,帶來更加流暢、穩(wěn)定的協(xié)作體驗(yàn)。

升級(jí)后的渲染引擎能更快地渲染大量圖層,例如圖層的批量縮放場(chǎng)景,測(cè)試人員還做了演示,在畫板選中3000+圖層,并同時(shí)對(duì)畫板中所有元素進(jìn)行縮放,可以看到過程非常順滑,絲毫不會(huì)卡頓,提升設(shè)計(jì)師的工作效率。

將56個(gè)規(guī)范的組件庫整合到一個(gè)畫面,涵蓋1000+畫板,接近20萬個(gè)圖層,內(nèi)存占比接近1GB,使用Pixso可以流暢的切換頁面,任意放大縮小查看細(xì)節(jié),不需要任何的等待。

優(yōu)化后的渲染引擎帶來更快的響應(yīng)速度,無論是復(fù)雜的設(shè)計(jì)元素,還是精細(xì)的字體、顏色,Pixso都能更真實(shí)、精確地呈現(xiàn),日常操作更加流暢順滑,產(chǎn)品的穩(wěn)定性同步提升。

3、用戶體驗(yàn)升級(jí)。

設(shè)計(jì)工具不僅提供完善的功能模塊,更是設(shè)計(jì)師表達(dá)創(chuàng)意、呈現(xiàn)設(shè)計(jì)的重要媒介。在性能優(yōu)化的測(cè)試階段,Pixso官方定向邀請(qǐng)了用戶參與測(cè)試,以了解性能升級(jí)后Pixso的實(shí)際表現(xiàn)。

來自智能制造企業(yè)設(shè)計(jì)師顧女士說,“總體來說還是挺滿意的,尤其是打開公司的組件庫,文件非常大,現(xiàn)在速度快了很多,操作也比之前流暢,感覺又可以往組件庫加內(nèi)容了。”

同時(shí),該企業(yè)的研發(fā)人員還專門提到,“打開、協(xié)作、切圖都更快了,之前大文件預(yù)置屬性切圖要分批導(dǎo)出,現(xiàn)在幾萬圖層一下就導(dǎo)出來了,直接一步到位。”

隨著公網(wǎng)版本的上線,也看到了一些用戶的真實(shí)反饋,“看到Pixso性能升級(jí)了,趕緊打開幾個(gè)大文件試了下,進(jìn)步挺明顯的,無論是文件的加載速度還是操作性能,整個(gè)過程都非常流暢,國(guó)產(chǎn)之光。”

總體來說,通過這次性能升級(jí),Pixso將更好地滿足大型設(shè)計(jì)團(tuán)隊(duì)、大廠的體驗(yàn)設(shè)計(jì)部門、企業(yè)級(jí)組件庫的搭建與交付、團(tuán)隊(duì)或企業(yè)資產(chǎn)遷移等業(yè)務(wù)場(chǎng)景的需求。整體性能的飛躍,無疑將幫助設(shè)計(jì)師們大幅提升工作效率,提供更優(yōu)質(zhì)的設(shè)計(jì)體驗(yàn)。

Pixso產(chǎn)品負(fù)責(zé)人表示,“Pixso還會(huì)不斷優(yōu)化產(chǎn)品性能,提供更快、更流暢的產(chǎn)品體驗(yàn),引領(lǐng)設(shè)計(jì)行業(yè)技術(shù)革新,為全球設(shè)計(jì)師提供更優(yōu)秀的工具支持。”

(免責(zé)聲明:本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿,凡在本網(wǎng)站出現(xiàn)的信息,均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性,但不保證有關(guān)資料的準(zhǔn)確性及可靠性,讀者在使用前請(qǐng)進(jìn)一步核實(shí),并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏,概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí),應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明,并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后,將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí),溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。 )