极客时间返利平台,你可以在上边通过山月的链接购买课程,并添加我的微信 (shanyue94) 领取返现。

# 网站性能优化中,如何对小图片进行优化

Issue

欢迎在 Gtihub Issue 中回答此问题: Issue 705 (opens new window)

TODO

Author

回答者: kv1991 (opens new window)

通过整合小图片到一张精灵图,减少请求图片次数。

base64 或者搞成 svg

Author

回答者: QJune (opens new window)

小图的话,基本都是通过工程化转 base64。精灵图我觉得麻烦而且还得请求一次拿到精灵图

小图的话,基本都是通过工程化转 base64。精灵图我觉得麻烦而且还得请求一次拿到精灵图

凌晨三四点,厉害了

Author

回答者: QJune (opens new window)

小图的话,基本都是通过工程化转 base64。精灵图我觉得麻烦而且还得请求一次拿到精灵图

凌晨三四点,厉害了

基本操作

Author

回答者: nmsn (opens new window)

需要注意的是 base64 处理过的过的图片会比原先更大,编码到项目的 htmlcss/js 中,会增加静态文件的体积且 html/css/js 是经常修改的内容,base64 随着这些文件也不好处理缓存

Last Updated: 6/26/2022, 10:48:10 AM