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

 

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

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

方案

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

效果

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

无损压缩服务

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

上一篇:编写可调模板并使用自动调谐器


下一篇:Numpy之N维数组-ndarray