得物技术在搭建会场下的页面性能优化

webp能够达到90%压缩率，其重要性不言而喻。

现有方案在ssr直出的组件没有webp的能力。即使端上支持webp也加载了jpg或者png的图片，导致资源太大。而在ios的14版本后ios有了支持webp的能力，咨询了IOS同学，14版本的占比至少百分之七八十。

方案

node端直出所有图片都为webp。在端上做一次webp的check，不支持则降级到原jpg或者png。

效果

不支持webp的手机：注意头图

无损压缩服务

从图片源头上解决图片过大的问题，使用了开源方案imagemin/imagemin。
会场传图统一收口交互，避免同一张图多次上传的情况。平均压缩率60%。

标签：页面,ios,得物,webp,jpg,搭建,压缩率,imagemin,图片
来源： https://www.cnblogs.com/pyGo158/p/14797191.html