N
O
D
E
M
E
D
I
A
Thinking
首页
产品
文档
博客
订单
文档
使用阿里云OSS优化加载速度
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
邮件支持
扫码加微信
回到顶部