Aurora在【前端】面试题挑战 Day27 怎么进行站点内的图片性能优化?下的评论详情

「Aurora」在《【前端】面试题挑战 Day27 怎么进行站点内的图片性能优化?》下的评论详情
Aurora

1.CSS 精灵图:将多个小图标合成一张图,减少 HTTP 请求次数。通过定位(backround-position)来显示对应的图片
2.图片懒加载 :对于那种图片比较多的页面,仅展示可视窗口内的图片,其他的等滚动到可视窗口再加载
3. CSS 替换实现 :尽量用 CSS 实现图片,不能再考虑切图
4.响应式图片加载:不同分辨率的设备使用不同尺寸的图片,适合手机端
5. base64 格式 :将图片 src 换成 base64...

2023-03-26
0条回复
暂无数据
这条评论还没有人回复~
下载 APP