其实做Web前端是有很多优化规则的，由于一次性在文章中体现得很难面面俱到的，所以北京汇仁智杰网站推广公司决定根据自己的工作经验分开为大家进行介绍，今天介绍的是Web前端中内容优化的规则。

　　1、尽量减少HTTP请求：作为第一条，可能也是最重要的一条。根据 Yahoo！ 研究团队的数据分析，有很大一部分用户访问会因为这一条而取得最大受益。

　　2、 减少DOM元素数量。

　　3、减少DNS查找：必须明确的一点，DNS 查找的开销是很大的。对于国内站点来说，如果过多的使用了站外的 Widget ，也很容易引起过多的DNS查找问题。

　　4、避免重定向：不是绝对的避免，尽量减少。另外，应该注意一些不必要的重定向。比如对 Web 站点子目录的后面添加个 / (Slash) ，就能有效避免一次重定向。http://www。dbanotes。net/arch 与 http://www。dbanotes。net/arch/ 二者之间是有差异的。如果是 Apache 服务器，通过配置 Alias 或mod_rewrite 或是 DirectorySlash 能够消除这个问题。

　　5、延迟载入组件。

　　6、使用Ajax 可缓存：响应时间对 Ajax 来说至关重要，否则用户体验绝对好不到哪里去。提高响应时间的有效手段就是 Cache 。其它的一些优化规则对这一条也是有效的。

　　7、预载入组件。

　　8、最小化 iframe 的数量：熟悉SEO的朋友知道 iframe 是SEO的大忌。针对前端优化来说 iframe 有其好处，也有其弊端，一分为二看问题吧。

　　9、切分组件到多个域：主要的目的是提高页面组件并行下载能力。但不要跨太多域名，否则就和第二条有些冲突了。

　　10、杜绝 http 404 错误：对页面链接的充分测试加上对 Web 服务器 error 日志的不断跟踪能有效减少 404 错误，亦能提升用户体验。值得一提的是，CSS 与 Java Script 引起的 404 错误因为定位稍稍”难”一点而往往容易被忽略。

　　不知道看完以上总结之后大家对Web前端内容优化规则有没有一点的了解，如果您还是存在疑问，可以通过微信huirenzhijie跟我们讨论。