首页
产品
文档
博客
订单
文档
使用阿里云OSS优化加载速度
140 次浏览
2026年 5月 20日 下午12:16
## 需求描述 NodePlayer.js 采用的asmjs和WASM格式，是使用c语言编译为js程序，里面包含了多种功能完整的音视频软件解码器，程序尺寸较大在所难免。 默认情况下，asmjs格式全解码器2.6M，WASM格式238K+1.1M。 如果和web程序一起，部署在出口带宽为1M的ECS上，asmjs加载需要26秒，WASM需要13秒，这将非常影响用户初次打开的体验。 我们提供了如下解决方案，为您提供参考。 ## 优化方式 ### 第一步，将js程序进行gzip压缩。 #### asmjs ``` gzip NodePlayer-full.min.js mv NodePlayer-full.min.js.gz NodePlayer-full.min.js ``` 压缩前2.6M, 压缩后793K，gzip后会给文件加.gz后缀，需要去掉。 #### WASM ``` gzip NodePlayer-full.min.js gzip NodePlayer-full.min.wasm mv NodePlayer-full.min.js.gz NodePlayer-full.min.js mv NodePlayer-full.min.wasm.gz NodePlayer-full.wasm ``` 压缩前243K+1.1M，压缩后55K+399K ### windows 系统压缩方法 #### 下载gzip.exe http://gnuwin32.sourceforge.net/downlinks/gzip-bin-zip.php #### 解压后，将NodePlayer-full.min.js拖到 gzip.exe上，文件就压缩好了，也需要去掉.gz后缀 ### 第二步，上传阿里云OSS #### 1.登陆阿里云后进入oss功能，没有开通的话需要先 [注册开通点击进入](https://www.aliyun.com/product/oss?aly_as=yo-qxGGJ&source=5176.11533457&userCode=apyfhb7h&type=copy)。 #### 2.进入Bucket列表，文件管理，没有的话需要先创建bucket, 名字自定  #### 3.点击上传文件，在右侧弹出的上传窗里，点击文件 ACL选项的公共读，  #### 4.将上一步压缩的文件拖入上传窗口，等待上传完成。  #### 5.修改http 头，在Content-Encoding里填入gzip ，如果是wasm格式，两个文件都要设置，这一步很关键！    #### 6.复制文件URL，并在web代码中引用。建议勾选https，若有cdn域名回源该oss，绑定自有域名速度更快。  ## 优化效果1，OSS提供的域名  分别是139毫秒和269毫秒，达到秒开加载效果，极大提升用户体验。 ## 优化效果2，OSS绑定CDN加速的自有域名进一步加速  分别是14毫秒和98毫秒，瞬间完成。
嘿，我是小R，需要帮助随时找我哦
QQ客服:281269007
飞书客服
邮件支持
扫码加微信
回到顶部
