Web前端优化最佳实践面试工作

一、内容篇

Yahoo!的ExceptionalPerformanceteam在Web前端方面作出了卓越的贡献。广为人知的优化规则也由13条到1条，再到20条，乃至现在的3条–真是与时俱进啊。最新的3条也针对不同的角度做了分类。

面向内容的优化规则目前有10条。

1.尽量减少HTTP请求(MakeFewerHTTPRequests)

作为第一条，可能也是最重要的一条。根据Yahoo!研究团队的数据分析，有很大一部分用户访问会因为这一条而取得最大受益。有几种常见的方法能切实减少HTTP请求：

1)合并文件，比如把多个CSS文件合成一个；

2)CSSSprites利用CSSbackground相关元素进行背景图绝对定位；参见：CSSSprites:ImageSlicing’sKissofDeath

3)图像地图

)内联图象使用data:URLscheme在实际的页面嵌入图像数据.

2.减少DNS查找(ReduceDNSLookups)

必须明确的一点，DNS查找的开销是很大的。另外，我倒是觉得这是Yahoo!所有站点的通病，Yahoo！主站点可能还不够明显，一些分站点，存在明显的类似问题。对于国内站点来说，如果过多的使用了站外的Widget，也很容易引起过多的DNS查找问题。

3.避免重定向(AvoidRedirects)

不是绝对的避免，尽量减少。另外，应该注意一些不必要的重定向。比如对Web站点子目录的后面添加个/(Slash)，就能有效避免一次重定向。

北京白癜风到哪里治
 白癫疯早期能治愈吗