前端优化（随时更新补充）

前端优化的策略很多，总结起来主要包括网络加载类、页面渲染类、CSS优化类、JS执行类、缓存类、图片类、架构协议类等。

一、网络加载类

减少HTTP资源请求次数
减小HTTP请求大小
将CSS或JS放到外部文件中，避免使用或标签直接引入
避免页面空的href和src
为HTML指定Cache-Control或Expires
合理设置Etag和Last-Modified
减少页面重定向
使用静态资源分域存放来增加下载并行数
使用静态资源CDN来存储文件
使用CDN Combo下载传输内容
使用可缓存得AJAX
使用GET来完成AJAX请求
减少Cookie的大小并进行Cookie隔离
缩小favicon.ico并缓存
推荐使用异步JS资源
消除阻塞渲染的CSS及JS
避免使用CSS import引用加载CSS

二、页面渲染类

将CSS资源引用放到HTML文件顶部
JS资源引用放到HTML文件底部
不要在HTML中直接缩放图片
减少DOM元素数量和深度
尽量避免使用<table>,<iframe>等慢元素
避免运行耗时的JS
避免使用CSS表达式或CSS滤镜

----------------------------------------------------------------------------------------------------------------------------------
参考资源列表：
http://web.jobbole.com/93665/?utm_source=blog.jobbole.com&utm_medium=relatedPosts