如何優化線上WebAssembly

WebAssembly部署使用 HTTPS ：
為什麼？我可以通過一個案例查看 ，下麵我們會通過masa docs站點進行測試
打開 http://docs.masastack.com/blazor/getting-started/installation 網站
查看網路耗時

刷新瀏覽器 按住 F5刷新

我們看到又一次載入了dll ，這是HTTP的載入，每次請求都會重新載入程式集

繼續測試HTTPS ，打開 https://docs.masastack.com/blazor/getting-started/installation ，我們可以看到第一次載入的程式集

刷新瀏覽器 按住 F5刷新，查看結果 ，我們發現瀏覽器似乎並沒有載入程式集 ，

從當前測試中我們可以知道Http似乎每次載入界面都會重新載入程式集 然而HTTPS只有第一次載入程式集，為什麼會這樣？

這個時候我們可以查看調試工具的 應用程式 => Cache Storage ， 這是HTTPS中的緩存

在打開HTTP的應用程式 => Cache Storage ， 我們發現應用載入完成以後我們的Cache Storage還是空的。

原因主要是Cache Storage限制 ：

參考 Cache Storage Api 文檔

當中介紹到Cache Storage限制使用問題：

原文：

翻譯：

當中介紹到Cache Storage介面限制僅在HTTPS中使用，如果使用HTTPS部署WebAssembly項目第二次載入無需載入程式集，只需要等待WebAssembly預熱完成，基本上在1.5s左右（因電腦而已 i7 11代CPU測試，因為WebAssembly會使用本機性能所以會因為電腦性能導致載入時間過長）

優化第一篇參考：

如何將WebAssembly優化到1MB?

來自token的分享