亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

WebAssembly如何讓Figma加載時(shí)間縮短三倍？

發(fā)布時(shí)間：2024-07-14 12:09:21 瀏覽量：252次

大家好，很高興又見面了，我是"高級(jí)前端?進(jìn)階?"，由我?guī)е蠹乙黄痍P(guān)注前端前沿、深入前端底層技術(shù)，一起進(jìn)步，也歡迎大家關(guān)注、點(diǎn)贊、收藏、轉(zhuǎn)發(fā)！

高級(jí)前端進(jìn)階

WebAssembly是什么？

Assembly與WebAssembly

匯編（Assembly）是一種底層編程語(yǔ)言，與 CPU 架構(gòu)的機(jī)器級(jí)指令有緊密聯(lián)系，它離機(jī)器可理解的代碼（機(jī)器碼）只差一個(gè)轉(zhuǎn)換過(guò)程，稱為匯編。

圖片來(lái)源：https://commons.wikimedia.org/wiki/File:Wasm_diagram.svg

WebAssembly可以理解為Web的匯編，是一種類似于匯編語(yǔ)言的底層語(yǔ)言，緊湊的二進(jìn)制格式，實(shí)現(xiàn)接近原生速度的Web應(yīng)用程序運(yùn)行，同時(shí)支持多種編程語(yǔ)言的編譯目標(biāo)。

WebAssembly與JavaScript的關(guān)系

WebAssembly與JavaScript并存，不是替代JavaScript，兩種語(yǔ)言可以相互交換代碼，獲得WebAssembly的性能和JavaScript的多功能性。

WebAssembly與JavaScript的關(guān)系

WebAssembly如何讓Figma加載時(shí)間縮短三倍？

Figma是一個(gè)基于瀏覽器的界面設(shè)計(jì)工具，具有強(qiáng)大的2D WebGL渲染引擎，支持超大文檔，使用C++編寫，可以輕松編譯成WebAssembly。通過(guò)WebAssembly，F(xiàn)igma的加載時(shí)間縮短了3倍，為用戶體驗(yàn)帶來(lái)巨大改進(jìn)。

圖片來(lái)源：https://www.figma.com/

在切換到WebAssembly后，無(wú)論文檔大小如何，加載時(shí)間都縮短了3倍以上，這對(duì)用戶體驗(yàn)而言是重大改進(jìn)。

WebAssembly的加載時(shí)間不再取決于應(yīng)用程序大小，瀏覽器緩存了上次從WebAssembly到本機(jī)代碼的轉(zhuǎn)換，提升加載速度。

Figma希望使用WebAssembly能減少下載包體積大小，但實(shí)際上并沒(méi)有太大縮小，尤其在壓縮后。壓縮asm.js代碼只會(huì)比壓縮等效的WebAssembly代碼稍微大一點(diǎn)。

圖片來(lái)源：Evan Wallace的“WebAssembly cut Figma's load time by 3x”

本文總結(jié)

本文主要介紹了Figma與WebAssembly的關(guān)系，通過(guò)使用WebAssembly，F(xiàn)igma的加載時(shí)間縮短了3倍。如果您對(duì)Figma感興趣，可以查閱文末的參考資料，了解更多內(nèi)容。如有疑問(wèn)歡迎在評(píng)論區(qū)留言。

相關(guān)鏈接

點(diǎn)擊咨詢

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定