前端性能测试详细分析（三）
因为家里的机器是win7 64位版本，没有装LR。所以，今天周末的LR 2个函数的学习就休息了。。
正好 前端性能测试还没有讲完。。。这次继续吧。。。
上次讲到了第6条，那咱们接着说。。
第7条：将脚本放到底部。。。
其实这一条和CSS 那条基本是类似的。。不同的是解决方法。。。我们可以通过将CSS放置到<head>里来避免页面加载被卡住。 那么 我们也可以将JS放到页面的底部，让页面在加载完成其他组件的后，在来加载和执行JS。这样可以有效的避免一些效率很慢的JS 阻塞我们的页面展现，缩短用户等待时间。当页面被阻塞的时候，我们的页面就会出现类似白屏的状态。这种情况是很难让用户接受的，我们需要尽力的避免这种情况的发生。
好的，总结一下。关于CSS 和JS脚本的放置位置，CSS文件最好可以放置到页面的头部，而JS 文件则相反，最好可以放置到页面的底部。。
第8条：避免使用CSS表达式。。
很多的前端工程师，十分乐意使用CSS表达式来实现某种特效或者功能。但是，当一个没有很多经验的人使用CSS 表达式 的时候，很容易就导致性能低下，影响体验。Yahoo的某一个页面使用了CSS表达式，导致加载时间延长的20S，这是十分恐怖的开销。。如果有想了解CSS 表达式是如何影响页面性能的，请查询CSS文档。这里不多介绍，总之，尽量避免使用CSS表达式。。。
第9条：精简你的JS
这条很简单了，尽量的减少你的JS的大小，去除包括空格，注释 等等一切和程序无关的内容。。。百度上有现成的功能可以帮你完成这个操作。。
第10条：配置ETag
什么是ETag ？
ETag 是Web 服务器和浏览器用于确认缓存组件的有效性的一种机制。
ETag 提供了另外的一种方式，用来检查浏览器缓存中的组件与原始服务器上的组件是否匹配。
使用ETag 虽然会提升效率，但是也会带来很多麻烦。最好是可以在程序内部自定义控制ETag。具体的方法请自行查阅资料。。。
以上3篇文档，简略的说明了前端性能的优化方式和方法。还有其他很多方法来优化性能，本文就到这里了，如果对前端有兴趣。可以自行研究资料。。。。
posted on 2012-07-08 16:39 laomaoxiha 阅读(263) 评论(0) 编辑 收藏 举报
