html网页性能优化

1.减少http请求次数,文件合并、css精灵、行内图片等
2.使用CDN存放静态资源,最好使用单独的域名,减少cookies的发送
3.在head使用Expires、Cache-Control缓存设置
4.文件上传进行Gzip压缩
5.css样式放在头部
6.js放在底部
7.避免css Expressions 和 filter 等表达式的使用
8.js和css从外部引入
9.减少DNS查询
10.压缩js、css文件
11.避免重定向
12.移除重复的js代码
13.配置ETags
14.使用ajax缓存get请求,减少请求次数
15.预加载页面内容
16.减少dom请求次数
17.减少iframe的数量
18.不要出现404错误
19.image要设置width、height,避免重构;src不能设置为空;不要使用超出预期的大尺寸图片;
20.降低cookie大小
21. DOMContentLoaded替换onload,改变事件绑定方式
22.css引入使用,不使用@import
23.favicon.ico小并且可以缓存

自己总结:使用符合w3c的书写习惯,减少冗余

 

参考:https://developer.yahoo.com/performance/rules.html