摘要:因为家里的机器是win7 64位版本,没有装LR。所以,今天周末的LR 2个函数的学习就休息了。。 正好 前端性能测试还没有讲完。。。这次继续吧。。。 上次讲到了第6条,那咱们接着说。。 第7条:将脚本放到底部。。。 其实这一条和CSS 那条基本是类似的。。不同的是解决方法。。。我们可以通过将CSS放置到<head>里来避免页面加载被卡住。 那么 我们也可以将JS放到页面的底部,让页面在加载完成其他组件的后,在来加载和执行JS。这样可以有效的避免一些效率很慢的JS 阻塞我们的页面展现,缩短用户等待时间。当页面被阻塞的时候,我们的页面就会出现类似白屏的状态。这种情况是很难让用户接受的
阅读全文
摘要:接着上篇文章的思路,咱继续聊 前端性能测试分析和优化。今天是第二章,一共会有三章。上文说到了图片大小的限制,如今的个大门户都不注意图片大小的限制。可能是觉得无所谓吧,其实一张图片减少1KB,整个网站所节省的大小就很可观了。规则4:添加Expires头使用缓存技术可以很大程度的节省HTTP 请求的开销,对那些很长时间都不更新变化的组件增加缓存,是一个很明智的选择。这其中不仅仅是图片,包括一些JS CSS flash等。但是使用缓存是带来一部分的开发成本,这个是需要考虑之一。另外,对于一个经常需要更新内容的网站(例如新闻网站的图片),使用缓存技术不是一个好主意。如果想要更新这一部分的内容,那么需要
阅读全文
摘要:Yahoo 提出了前端的重要性。。。金法则:只有10%-20% 的最终用户响应时间花在了下载HTML文档上,其余的80%-90%的时间都花在了下载页面中的组件上。。。。当我们无数次的使用各种测试工具测试后端的性能时,不论是loadrunner或者别的什么工具,为了提高一点点用户响应时间而大动干戈的时候,也许,改动前端JS的一个执行顺序,就可以答到目的。下面的文章,介绍了如何用很简单的方法,让你的网站的展现时间减少20%.1.减少HTTP请求 图片地图技术。容许你在一张图片上指定多个URL的链接,他们中间是用坐标来加以区分。 举个例子: 以上图片你可以使用一个HTTP 请求把整个图片下载下来,完
阅读全文
摘要:公司请来一个人培训。这人的简历很丰富,名头很多。咱不聊他,咱聊的是他的一个观点。什么是软件质量? 质量其实在立项的时候,知道了时间和资金,那么质量就确定了。很好很精辟的一句话。其实,时间,资金和质量就是3角型的3个边,知道了另外那个边的长度,那么另一条就确定了。软件质量是在一个可接受范围内的妥协的过程。我(客户)可以接受,OK 不浪费时间了。质量达到了。在任何一次为了找到错误而执行软件的过程,都是在提高质量。将其提高到一个可接受的范围。我们并不是闸门,我们只是滤网。今闻腾讯大量裁员测试工程师,不管这个消息的真假。和一同事讨论,同事说这个行为腾讯很傻,裁掉了测试,会导致产品的质量下滑。我忙纠正他
阅读全文
摘要:这几天回想了下,近1年来我在性能的前端与后端徘徊。总结下吧。Yslow 用的熟了。几个标准其实心里也有了谱,哪些东西可以上报,报上去有效果。也就知道了。就例如DOM 元素过多,这个说了也改不了。不如不浪费时间了。附录一下,得到本页面DOM数的脚本是document.getElementsByTagName_r('*').length 目前中型网站,700以上的就多了,有兴趣的可以回去在自己网站上试一下。其实前端的性能优化比后端有意思多了,效果也更加明显一点。刚才去了京东,发现前端优化做的不错。除了DNS查找过于多了点,别的都不错。京东的页面加载速度也是不错的。前端的性能测试,无
阅读全文