使用Google Page Speed优化Web前端性能

安装步骤:http://jingyan.baidu.com/article/597035523c54cd8fc00740ed.html

安装好以后,打开Firebug,可以看到新增的标签页:Page Speed:

使用Page Speed

其中,Page Speed标签页包括两个功能:Analyze Performance与Show Resources,其中Analyze Performance是Page Speed的核心功能。点击以后Page Speed开始工作,几秒钟以后就会得出一份详细的性能分析报告:

CSS选择性能之回流时间

 对于Web2.0应用来说,更应考验当用户和网页交互时,浏览器应用样式和布局元素所花费的时间。这又叫做回流时间。
当使用JavaScript修改DOM元素样式的某些属性时会触发回流。对于这个叫elem的DOM元素,下面的每行代码在大多数浏览器中都会触发回流:

elem.className=”newclass”;

elem.style.cssText=”color:red”;

elem.style.padding=”8px”;

elem.style.display=””;

为什么要在乎性能的可用性

访问者都是有期望的,如果网站比竞争对手的慢的多,或者性能不稳定,访问者就会感到不适。另一方面,如果他们确信网站能够提供更有用的信息或被其他人推荐而来,他们就会有更大的容忍度。

    网站可以与用户签定了正式合同,合同中约束了网站的服务时间和访问速度。即使没有正式的服务水平协议,也会隐含提供。访问者都是有期望的,如果网站比竞争对手的慢的多,或者性能不稳定,访问者就会感到不适。另一方面,如果他们确信网站能够提供更有用的信息或被其他人推荐而来,他们就会有更大的容忍度。

为什么要在乎性能的可用性之监测变更效果

问者都是有期望的,如果网站比竞争对手的慢的多,或者性能不稳定,访问者就会感到不适。另一方面,如果他们确信网站能够提供更有用的信息或被其他人推荐而来,他们就会有更大的容忍度。
 
   监测变更效果

      Web应用一直在变化。通常,公司都有一个测试很好的网站版本,但却存在对终端用户体验管理和业务处理能力不利的长期影响。这里需要做出权衡,这是终端用户体验不仅需要被业务人员关注也需要被技术人员关注的原因。

«1»
最近发表
控制面板
您好,欢迎到访网站!
  [查看权限]
网站分类
搜索
Tags列表
网站收藏
图标汇集
  • 订阅本站的 RSS 2.0 新闻聚合
友情链接

热门搜索: 外链域名 高外链域名 高收录域名

Copyright www.thyst.cn. Some Rights Reserved.