1、小图多可以用图标，例如阿里巴巴iconfont库https://www.iconfont.cn/home/index。
2、使用精灵图。
3、大图可以进行压缩，压缩网站eg:https://tinypng.com/。
4、图片懒加载，像淘宝或者京东这样的APP页面上有很多图片,当我们滑到下一屏时下一屏的图片才会加载,这就采用了图片懒加载的方式.图片懒加载,简单来说就是在页面渲染过程中,图片不会一次性全部加载,会在需要的时候加载,比如当滚动条滚动到某一个位置时触发事件加载图片,通过js将img标签的data-src属性赋值给src属性。
5、使用webp格式，缺点：浏览器支持度不够
1、小图多可以用图标，例如阿里巴巴iconfont库https://www.iconfont.cn/home/in...
摘要 web性能的终极目标是减少资源到客户端的延迟,但是我们在HTTP1.0/HTTP1.1协议中经常会遇到加载的...
图片压缩是图片优化效益较高的一种方式，对于拥有大量图片资源的网站来说优化效果是非常明显的，图片优化也是前端性能优化...
通过base64编码优化图片 在前端开发中，对于图片优化，有很多基本的方式，比如：图片压缩、图片合并（也就...
优化 1：优化图片 使用 url-loader 优化， 将小图片转化成base64压缩,防止小图片太多请求次数太多...
优化方式 图片资源优化 首先选择VD 矢量图片只需放置一份 图片太大绘制时间长，制作复杂成都高...
摘要：压缩各种格式的图片。 原文：Web 性能优化： 图片优化让网站大小减少 62% 作者：前端小智 Fundeb...
摘要： 压缩各种格式的图片。 原文：Web 性能优化： 图片优化让网站大小减少 62% 作者：前端小智 Funde...
1、iOS瘦身：代码瘦身、资源优化。（安装包体积优化，图片资源优化的策略）（怎么删除无用的图片？怎么压缩图片？）2...
个人感觉对于前端优化，尤其是图片优化方面了解不多，趁着周末阅读了几篇关于这方面的文章，收获满满，在这里做一个简单的...
本文标题：2020-05-09 前端图片太多，图片太大怎么优化
本文链接：https://www.haomeiwen.com/subject/upjhnhtx.html
网友评论