前端内容优化主要有以下几条：
1.尽量减少http请求
（1）合并文件，把多个css文件合并在一起；
（2）css Sprites，把css相关的background元素进行背景图绝对定位；
（3）图像地图；
（4）使用data：URL scheme在实际的页面嵌入图像数据；
2.减少DNS（Domain Name System，域名系统）查找
DNS查找开销是很大的。对于国内站点来说，过多的使用站外的widget很容易引起更多的DNS查找问题。
3.尽量减少重定向
4.使得ajax可缓存
ajax的响应时间对于用户的体验是个至关重要的问题，提高响应时间的有效手段就是cache。
5.延迟载入组件
6.预加载组件
7.减少DOM元素数量
8.切分组件到多个域
主要是提高页面的并行下载能力，不要跨域名太多，否则和第二条冲突。
9.最小化iframe数量
iframe是SEO大忌，对于前端来说，有利有弊。
10.杜绝http 404错误
原文：http://www.cnblogs.com/webDriver/p/7169862.html