1、怎样的网站才算优化了?
一般首屏资源不应超过1014KB
2.优化的重点有以下几点
雪碧图:也就是把图片合并成一张使用,有在线工具。
HTML,css,javascrit压缩也有在线工具。
智图:一种在线压缩图片的工具。
srcset:响应式图片srcset全新释义sizes属性w描述符
3、常用的css需注意
不滥用Float
Float在渲染时计算量比较大,尽量减少使用
不滥用Web字体
Web字体需要下载,解析,重绘当前页面,尽量减少使用
不声明过多的Font-size
过多的Font-size引发CSS树的效率
减少重绘和回流
a) 避免不必要的Dom操作
b) 尽量改变Class而不是Style,使用classList代替className
c) 避免使用document.write
d) 减少drawImage