search

shfshanyue / Daily-Question

互联网大厂内推及大厂面经整理，并且每天一道面试题推送。每天五分钟，半年大厂中
https://q.shanyue.tech
4.92k stars 508 forks source link

【Q686】网站性能优化中，如何对小图片进行优化 #705

Open shfshanyue opened 3 years ago

shfshanyue commented 3 years ago

TODO

kv1991 commented 2 years ago

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

illumi520 commented 2 years ago

base64 或者搞成 svg

Qiu-Jun commented 2 years ago

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

EricWong1994 commented 2 years ago

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

凌晨三四点，厉害了

Qiu-Jun commented 2 years ago

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

凌晨三四点，厉害了

基本操作

nmsn commented 2 years ago

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