1.减少HTML嵌套
2.减少DOM节点数
3.减少无语义代码
4.删除http或者HTTPS
5.删除多余的空格、换行符、缩进和不必要的注释
6.省略冗余标签和属性
7.使用相对路径URL
CSS样式文件链接尽量放在页面头部
JS引用放在HTML底部
设置favicon.ico,控制台会报错
增加首屏必要的CSS和JS(新浪微博m站)
提升CSS渲染性能
1尽量减少样式层级数
2谨慎使用expensive属性
3尽量避免使用占用过多CPU和内存的属性 如text-indnt:-9999px
4尽量避免使用耗电量大的属性
5尽量避免使用css表达式
6尽量避免使用通配符选择器
7尽量避免类正则的属性选择器
提升css文件加载性能
1使用外链css(cdn有缓存)
2尽量避免使用@import
精简css代码
删除不必要的单位
删除过多的分号
删除空格和注释
合理使用web fonts
将字体文件部署在cdn
将字体base64形式保存在css并通过localstorage进行缓存