本月博客排行
-
第1名
青否云后端云 -
第2名
e_e -
第3名
vipbooks - silverend
- lemonhandsome
- kingwell.leng
- jveqi
- xiangjie88
年度博客排行
-
第1名
青否云后端云 -
第2名
zw7534313 -
第3名
大家都说我很棒 - liyihz2008
- wy_19921005
- gengyun12
- hbxflihua
- e_e
- luxurioust
- dbagirl
- zysnba
- robotmen
- Alsmile
- gaozzsoft
- jywhltj
- cpongo1
- leslie26
- qepwqnp
- zhangdaiscott
- 解宜然
- cuityang
- sichunli_030
- gashero
- fantaxy025025
- ranbuijj
- gdpglc
- ssydxa219
- wallimn
- vipbooks
- 淡看人生
- hanbaohong
- jickcai
- javashop
- johnsmith9th
- appalese
- gaojingsong
- weiyides
- zhangyi0618
- java-007
- AVI
- laiyangdeli
- lyongq04
- xpenxpen
- liunancun
- 龙哥IT
- conkeyn
- nychen2000
- lyndon.lin
- ouanui
- panshunchang
最新文章列表
页面性能优化实例——内存
参考知识
先了解一些参考知识
不同浏览器对终止脚本执行有不同的判断标准:
IE监控脚本执行的语句和数量。当执行的语句的数量达到最大限定值,默认为500万,就会弹出终止脚本运行的对话框。
Firefox监测脚本运行的总时间。当超过预先设定的时间,默认为10秒,就会终止脚本运行的对话框。
Safari也是通过执行时间来检测脚本是否为长时间运行。默认超过设置为5秒,超时就会弹出 ...
jQuery提升性能的代码规范
jQuery提升性能的代码规范
总是从#id继承
Class前加tag名
缓存jQuery对象
善于使用jQuery连缀的写法
使用子查询
尽量减少直接 操作(Manipulation)DOM
使用时间委托(别名.冒泡)
消除无用的查询
dynaTrace之二 —— JavaScript和AJAX性能最佳实践
原文地址:Best Practices on JavaScript and AJAX Performance
同类阅读: dynaTrace之一 —— 网络请求和往返的最佳实践
dynaTrace AJAX Edition有独一无二跟踪页面JS执行的能力。它还能跟踪到浏览器的DOM,获取方法的参数和返回值。下图就是一个脚本异常的JS跟踪图,在PurePath视图中:
通过 ...
前端性能测试跟踪模板
测试页面:分析后前端性能较差,需要优化的页面。
评分结果:YSlow & dynaTrace的评分结果
具体评分较差的项:YSlow & dynaTrace报警项。
问题类型:比如:Etag。
问题原因:比如:http请求服务器响应太慢。
优化建议:比如:优化xx请求的后端算法,减少服务器响应时间。
优化成果:原先页面加载时间xx(ms),优化后yy(ms), ...
dynaTrace之一 —— 网络请求和往返的最佳实践
原文地址:Best Practices on Network Requests and Roundtrips
同类文章:dynaTrace之二 —— JavaScript和AJAX性能最佳实践
网络请求和往返的最佳实践
当输入url,浏览器最先请求的是HTML文档。其次是相关图片、css、js文件和其他媒体文件比如flash组件等等。每个资源的下载都需要建立一个连接。一个页面所有 ...
DynaTrace评分
DynaTrace的评分分为2大部分:
1. 4个KPI(Key Performance Indicator) (占60%)
第一印象时间(即出现画面——浏览器的第一次渲染时间发生时间)
onload ...