如何优化线上WebAssembly
2023-03-31 11:02:58 时间
如何优化线上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限制使用问题:
原文:
翻译:
当中介绍到Cache Storage接口限制仅在HTTPS
中使用,如果使用HTTPS
部署WebAssembly
项目第二次加载无需加载程序集,只需要等待WebAssembly
预热完成,基本上在1.5s左右(因电脑而已 i7 11代CPU测试,因为WebAssembly会使用本机性能所以会因为电脑性能导致加载时间过长)
优化第一篇参考:
来自token的分享
相关文章
- 一篇文章带你了解JavaScript Window History
- 加快DevOps的步伐要考虑的关键模型
- 我最近犯了5个极愚蠢的错误
- 面向开发人员的十大开源工具
- 详解SpringCloud客户端负载均衡Ribbo/Feign
- 使用Lombok来精简你的项目代码
- 别再和面试官说不懂信号量Semaphore了!
- 从一道简单算法题里面解释什么叫做 O(1)
- AI报告:人工智能究竟对人类有何影响
- 一文图解Kubernetes的持久化存储解决方案
- 我用树莓派给奶奶做了一个「手机」,语音短信样样行!
- 编程思想之多线程与多进程系列(上)
- 这10 个工具,让你效率提升
- 低代码开发会带来安全风险吗?
- 一篇学会检测循环依赖
- 一篇带给你k8s的可观测性
- 如何设计一个复杂的分布式爬虫系统?
- 超越YOLOv5,1.3M超轻量,高效易用,目标检测领域这一个就够了
- 深入了解Zookeeper核心原理
- Fedora 34正式版发布 迎来多项令人振奋的更新