前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何优化线上WebAssembly

如何优化线上WebAssembly

原创
作者头像
tokengo
发布2023-02-28 16:57:50
4610
发布2023-02-28 16:57:50
举报
文章被收录于专栏:Avalonia

如何优化线上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的分享

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 如何优化线上WebAssembly
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档