近日，國內(nèi)協(xié)作設(shè)計(jì)軟件Pixso宣布一條重磅消息，Pixso完成了底層代碼的重構(gòu)，迎來了產(chǎn)品性能重大升級，流暢度提升30%以上，文件打開速度顯著提升，文件內(nèi)存占比更小，文件操作絲滑流暢，可以大大提升內(nèi)容生產(chǎn)和團(tuán)隊(duì)協(xié)作的效率。
據(jù)悉，為讓本次優(yōu)化獲得更加優(yōu)質(zhì)的性能表現(xiàn)，Pixso成立了專門的性能優(yōu)化小組，經(jī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%是排版》的文章，可見字體排版舉足輕重。對于一款設(shè)計(jì)工具來說，文本模塊的性能更是重中之重。
本次性能優(yōu)化，Pixso團(tuán)隊(duì)重點(diǎn)優(yōu)化了文本模塊，對底層代碼100%重寫，使得文本模塊的質(zhì)量與效率更穩(wěn)定，能以更高的精度執(zhí)行各種文本修改和排版任務(wù)。這項(xiàng)更新讓文件打開速度更快，內(nèi)存縮小，極大地提升了設(shè)計(jì)效率和體驗(yàn)，同時(shí)也帶來兩大性能的“狂飆”。
首先是大文件的打開速度，優(yōu)化后的文本模塊可以更快地讀取和寫入文件，從而提升文件的加載和寫入速度。為了直觀呈現(xiàn)升級后的效果，Pixso官方隨機(jī)選取了10個(gè)大型設(shè)計(jì)文件，每個(gè)文件均到達(dá)10萬+圖層，經(jīng)過不同環(huán)境下的多輪測試，平均加載時(shí)間僅需5秒，對比之前的Pixso版本，打開時(shí)間縮短一倍以上。
過去，Pixso畫布加載完成之后可能還需要等待字體加載，而性能優(yōu)化之后，即使是打開10萬+圖層的Pixso文件，加載完成后文字就會同步顯示，完全不需要等待字體加載的時(shí)間，可以幫助用戶輕松開啟高效工作。
在設(shè)計(jì)過程中，很多設(shè)計(jì)師喜歡把很多組件庫放置在一個(gè)文件內(nèi)，Pixso官方也針對這個(gè)場景進(jìn)行了測試，將56個(gè)組件庫放置在一個(gè)頁面，合計(jì)23萬個(gè)圖層，打開也只需要11.01秒，頁面的切換也非常順暢，幫助設(shè)計(jì)師更好地管理組件庫。
其次，文件打開時(shí)內(nèi)存較比以往降低40%。面對大量文本處理或大型設(shè)計(jì)文件時(shí)，優(yōu)化后的文本模塊可以更有效地管理內(nèi)存，降低運(yùn)行內(nèi)存占比。測試人員隨機(jī)上傳了10個(gè)設(shè)計(jì)項(xiàng)目 ，優(yōu)化前后運(yùn)行內(nèi)存占比均降低40%左右。
同時(shí)，更小的內(nèi)存帶來了更加順暢的協(xié)作體驗(yàn)，Pixso邀請了30人團(tuán)隊(duì)在線實(shí)時(shí)協(xié)作，同時(shí)編輯1個(gè)10000+圖層的文件，可以看到協(xié)作畫面非常流暢，不會出現(xiàn)任何卡頓的現(xiàn)象。
Pixso文本模塊的優(yōu)化和升級，對于經(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、渲染引擎升級，性能提升30%
對一款云端設(shè)計(jì)工具來說，渲染引擎相當(dāng)于核心CPU，如果CPU的算力不夠強(qiáng)大，堆砌再多的功能和硬件，只會暴露自身的缺陷，影響整體運(yùn)行的流暢度。
據(jù)悉，早在去年10月開始，Pixso就采用最新的WebAssembly解碼格式，對產(chǎn)品的渲染引擎進(jìn)行持續(xù)優(yōu)化，提供更加流暢的產(chǎn)品體驗(yàn)。
面對縮放、拖拽、頁面切換等高頻操作，引擎優(yōu)化前后的感知非常明顯。Pixso官方將日常高頻操作進(jìn)行拆解，測試了141項(xiàng)數(shù)據(jù)，其中98.9%可以達(dá)到峰值性能，即使面對10萬圖層的設(shè)計(jì)文件，Pixso也能保持流暢的高頻編輯，帶來更加流暢、穩(wěn)定的協(xié)作體驗(yàn)。
升級后的渲染引擎能更快地渲染大量圖層，例如圖層的批量縮放場景，測試人員還做了演示，在畫板選中3000+圖層，并同時(shí)對畫板中所有元素進(jìn)行縮放，可以看到過程非常順滑，絲毫不會卡頓，提升設(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)升級。
設(shè)計(jì)工具不僅提供完善的功能模塊，更是設(shè)計(jì)師表達(dá)創(chuàng)意、呈現(xiàn)設(shè)計(jì)的重要媒介。在性能優(yōu)化的測試階段，Pixso官方定向邀請了用戶參與測試，以了解性能升級后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性能升級了，趕緊打開幾個(gè)大文件試了下，進(jìn)步挺明顯的，無論是文件的加載速度還是操作性能，整個(gè)過程都非常流暢，國產(chǎn)之光。”
總體來說，通過這次性能升級，Pixso將更好地滿足大型設(shè)計(jì)團(tuán)隊(duì)、大廠的體驗(yàn)設(shè)計(jì)部門、企業(yè)級組件庫的搭建與交付、團(tuán)隊(duì)或企業(yè)資產(chǎn)遷移等業(yè)務(wù)場景的需求。整體性能的飛躍，無疑將幫助設(shè)計(jì)師們大幅提升工作效率，提供更優(yōu)質(zhì)的設(shè)計(jì)體驗(yàn)。
Pixso產(chǎn)品負(fù)責(zé)人表示，“Pixso還會不斷優(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)確性及可靠性，讀者在使用前請進(jìn)一步核實(shí)，并對任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。 ）
