性能优化
kara_zhang
这个作者很懒,什么都没留下…
展开
-
图片
png8/png24/png32之间区别 • png8 ---- 256色 + 支持透明 较小 • png24---- 2^24色 + 不支持透明 较大 • png32---- 2^24色 + 支持透明 使用时可根据 文件大小 、色彩丰富度去使用,每种图片都有特点,针对不同的业务场景选择不同的图片格式很重要 不同格式图片常用的业务场景 • jpg 有损压缩,压缩率,高不支持透明 --- 大部分不需要透明图片的业务场景 • png 支持透明,浏览器...原创 2020-06-15 17:45:53 · 140 阅读 · 0 评论 -
资源的合并与压缩
资源的合并与压缩 • 减少http请求数量 • 减少请求资源大小 1.html压缩 html代码压缩空格、制表符、换行符、html注释等 HTML压缩对于小项目压缩可能效果并不是很明显,24k的html压缩后是22k左右;但是对于大型互联网公司来说能节省一笔不小的开销,如下: 如何进行HTML压缩: • 使用在线网站进行压缩(基本不会用) • nodejs 提供了html-minifier工具(配置参数),(nodejs可以作为构建工具(在构建层压缩HTML)、服务端语言(在服...原创 2020-06-15 16:50:02 · 183 阅读 · 0 评论 -
1 性能优化前情
web 前端本质是一种GUI软件 安卓开发是CS架构,web前端是BS架构 web前端访问页面的过程是 动态增量的加载资源的过程 浏览器的请求从发送到返回都经历了什么 请求过程中性能优化点 • dns 是否可以通过缓存减少查询时间 • 网络请求过程走最近的网络环境? • 相同的静态资源是否可以缓存 • 能否减少请求http请求大小 • 减少http请求 • 服务端渲染 ...原创 2020-06-15 15:31:34 · 127 阅读 · 0 评论