- 浏览: 753537 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (981)
- javascript (102)
- java (212)
- JQuery (81)
- 幽默笑话 (2)
- 只言片语 (6)
- 开发小记 (283)
- Hibernate (17)
- DWR (4)
- SQL (10)
- spring-ibatis (8)
- linux (24)
- Struts1 (8)
- Struts2 (16)
- spring (42)
- Mybatis (16)
- css (18)
- servlet (8)
- jdbc (4)
- jsp (1)
- spring-jdbc (2)
- FreeMarker (2)
- MySQL (24)
- JQuery-Grid (7)
- jstl (5)
- 正则表达式 (1)
- 面试集锦 (86)
- unix (18)
- 开发工具 (23)
- ajax (5)
- webservice (4)
- log4j (3)
- oracle (15)
- extjs (14)
- 其他 (9)
- 优秀技术参考地址 (1)
- 性能 (3)
- 数据库 (25)
- 算法 (15)
- 设计模式 (10)
- Python (3)
- AIX (5)
- weblogic (1)
- shell (14)
- quartz (5)
- 图形文件FusionCharts (1)
- Websphere (4)
- 转载 (5)
- hadoop (1)
- highchart (24)
- perl (22)
- DB2 (7)
- JBoss (1)
- JQuery Easy UI (9)
- SpringMVC (5)
- ant (5)
- echart (9)
- log4J配置 (3)
- 多线程 (10)
- 系统架构 (7)
- nginx (3)
- loadrunner1 (1)
- 分布式 (1)
- Dubbo (1)
- Redis (2)
- JMS (4)
- 自动化测试 (3)
- Spring循环依赖的三种方式 (1)
- spring-boot (2)
- 高级测试 (9)
- github (2)
- sonar (1)
- docker (6)
- web前端性能优化 (1)
- spring-aop (6)
- rabbit (1)
- ELK (1)
- maven (1)
- minio (1)
最新评论
-
zengshaotao:
jstl1point0 写道很好啊,如果有带Session会话 ...
Nginx+Tomcat搭建高性能负载均衡集群 -
jstl1point0:
很好啊,如果有带Session会话的怎么搞呢
Nginx+Tomcat搭建高性能负载均衡集群
Yahoo Yslow 团队提高 Web 性能的 14 条法则
01. Make Fewer HTTP Requests
减少少 HTTP 请求(整合多个分开的 CSS / JavaScript)
02. Use a Content Delivery Network
使用 CDN
03. Add an Expires Header
加入 Expires Header(过期时间标记头) 到 Image、CSS、JavaScript 档案里
04. Gzip Components
页面使用 gzip 压缩 HTML、JavaScript、StyleSheet、XML、JSON,但切记“不要压缩 Images,PDF 档案”
05. Put CSS at the Top
样式代码 css 置于页面顶部 head 标签中,使用 <LINK> 标签,不要使用 @import 语法。
避免样式改变引起的页面元素重绘。
link 是一个 html 标签,而 @import 是一个 css 标签,
06. Move Scripts to the Bottom
脚本语言 script 置于页面底部最下方 </body> 之前,所有在 JavaScript 加载以下的 HTML 在 JS 还没读完前,都不会显示画面。
把 JavaScript 的代码都放在 onload 执行。
07. Avoid CSS Expressions
避免使用 CSS expressions,可能这段 expression 会在每一次 mouse move、resize、scroll、key press 时执行,使用 js 来完成相应的功能。
expression 是 CSS 中的行为,IE5 及其以后版本支持在 CSS 中使用 expression,用来把 CSS 属性和 Javascript 表达式关联起来,这里的 CSS 属性可以是元素固有的属性,也可以是自定义属性。就是说 CSS 属性后面可以是一段 Javascript 表达式,CSS 属性的值等于 Javascript 表达式计算的结果。
微软 IE 官方博客报道:IE8 标准模式下将不再支持 CSS 的 expression 功能。
08. Make JavaScript and CSS External
JS 跟 CSS 独立出文件比较好,首页除外。
使用 Post-onload download 技巧(download external files after onload)
window.onload = downloadComponents;
function downloadComponents() {
var elem = document.createElement("script");
elem.src = "http://.../file1.js";
document.body.appendChild(elem);
...
}
在 Server-side 判断使用者 Browser 是否有设定 Cookie["hasPostOnloadDownload"],
若没有,就使用 post-onload download 动态下载 CSS & JS;
若有用,就直接用 <script src="xxxx.js"></script>下载,Browser会抓取 Cache 的版本。
09. Reduce DNS Lookups
在一个页面中,不要使用过多地不同域名解析,建议不要超过 2 - 4 个,不然会降低页面载入速度。
开启 Keep-Alive 支援,在 pv 不是很高时可以加快客户访问的速度,因为不需要三次握手,pv > 120 万时就不要使用了,有可能导致服务器一直 TIME WAIT 而无响应。
10. Minify JavaScript
减小 Javascript。可以使用工具减少代码量,可以被浏览器更快的下载。
相关工具:
jsmin : http://crockford.com/javascript/jsmin
下载后更名成 jsmin.zip 解压缩出 jsmin.exe 即可执行:jsmin.exe < input.js > output.js(注意:所有 UTF-8 编码的 js 档会变成 ANSI as UTF-8 编码)
dojo compressor : http://dojotoolkit.org/docs/shrinksafe
11. Avoid Redirects
避免重定向:
网址若省略文件时,最后面一定要加上/结尾
追查 Log 档查看 Log Referer。
12. Remove Duplicate Scripts
移出代码中重复的脚本语言。
13. Configure ETags(Turn off ETags)
Etags 是 Web 服务器返回的实体的唯一标识,主要应用在有条件的 Get 请求中,如果 ETags 不匹配,就不能发送 304 码。
对于服务器之间一个单独的实体的 ETag 总是不同的,对于服务器多余一台机器的 Site,很少返回 304 状态码,所以多台前端服务器时要关闭 ETags 选项。
ETag format:
Apache: ETag: inode-size-timestamp
IIS: ETag: Filetimestamp:ChangeNumber
14. Make Ajax Cacheable
XHR、JSON、iframe、动态脚本 都是可以被缓存,精简和压缩的,这些不会经常变动的内容,可以缓存它,将最后修改时间标记在 URL 中。
提高 Web 性能的 14 条法则(详细版)
http://www.cnblogs.com/csharp/archive/2008/08/27/high_performance_web_sites_14_rules.html
CSS 中的行为——expression
http://www.blueidea.com/tech/site/2006/3705.asp
IE8 将不再支持 CSS 中的 expression
http://www.cnblogs.com/JustinYoung/archive/2008/10/17/ending-expressions.html
Dojo 的压缩
http://pigdogyourmother.ycool.com/post.1684294.html
提高基于 Dojo 的 Web 2.0 应用程序的性能
http://www.ibm.com/developerworks/cn/web/wa-lo-dojo-perf/
常见的 HTTP 状态代码及其原因
http://leeqianjun.javaeye.com/blog/266866
使用 ETags 减少 Web 应用带宽和负载
http://www.infoq.com/cn/articles/etags
http://liudaoru.javaeye.com/blog/211975
01. Make Fewer HTTP Requests
减少少 HTTP 请求(整合多个分开的 CSS / JavaScript)
02. Use a Content Delivery Network
使用 CDN
03. Add an Expires Header
加入 Expires Header(过期时间标记头) 到 Image、CSS、JavaScript 档案里
04. Gzip Components
页面使用 gzip 压缩 HTML、JavaScript、StyleSheet、XML、JSON,但切记“不要压缩 Images,PDF 档案”
05. Put CSS at the Top
样式代码 css 置于页面顶部 head 标签中,使用 <LINK> 标签,不要使用 @import 语法。
避免样式改变引起的页面元素重绘。
link 是一个 html 标签,而 @import 是一个 css 标签,
06. Move Scripts to the Bottom
脚本语言 script 置于页面底部最下方 </body> 之前,所有在 JavaScript 加载以下的 HTML 在 JS 还没读完前,都不会显示画面。
把 JavaScript 的代码都放在 onload 执行。
07. Avoid CSS Expressions
避免使用 CSS expressions,可能这段 expression 会在每一次 mouse move、resize、scroll、key press 时执行,使用 js 来完成相应的功能。
expression 是 CSS 中的行为,IE5 及其以后版本支持在 CSS 中使用 expression,用来把 CSS 属性和 Javascript 表达式关联起来,这里的 CSS 属性可以是元素固有的属性,也可以是自定义属性。就是说 CSS 属性后面可以是一段 Javascript 表达式,CSS 属性的值等于 Javascript 表达式计算的结果。
微软 IE 官方博客报道:IE8 标准模式下将不再支持 CSS 的 expression 功能。
08. Make JavaScript and CSS External
JS 跟 CSS 独立出文件比较好,首页除外。
使用 Post-onload download 技巧(download external files after onload)
window.onload = downloadComponents;
function downloadComponents() {
var elem = document.createElement("script");
elem.src = "http://.../file1.js";
document.body.appendChild(elem);
...
}
在 Server-side 判断使用者 Browser 是否有设定 Cookie["hasPostOnloadDownload"],
若没有,就使用 post-onload download 动态下载 CSS & JS;
若有用,就直接用 <script src="xxxx.js"></script>下载,Browser会抓取 Cache 的版本。
09. Reduce DNS Lookups
在一个页面中,不要使用过多地不同域名解析,建议不要超过 2 - 4 个,不然会降低页面载入速度。
开启 Keep-Alive 支援,在 pv 不是很高时可以加快客户访问的速度,因为不需要三次握手,pv > 120 万时就不要使用了,有可能导致服务器一直 TIME WAIT 而无响应。
10. Minify JavaScript
减小 Javascript。可以使用工具减少代码量,可以被浏览器更快的下载。
相关工具:
jsmin : http://crockford.com/javascript/jsmin
下载后更名成 jsmin.zip 解压缩出 jsmin.exe 即可执行:jsmin.exe < input.js > output.js(注意:所有 UTF-8 编码的 js 档会变成 ANSI as UTF-8 编码)
dojo compressor : http://dojotoolkit.org/docs/shrinksafe
11. Avoid Redirects
避免重定向:
网址若省略文件时,最后面一定要加上/结尾
追查 Log 档查看 Log Referer。
12. Remove Duplicate Scripts
移出代码中重复的脚本语言。
13. Configure ETags(Turn off ETags)
Etags 是 Web 服务器返回的实体的唯一标识,主要应用在有条件的 Get 请求中,如果 ETags 不匹配,就不能发送 304 码。
对于服务器之间一个单独的实体的 ETag 总是不同的,对于服务器多余一台机器的 Site,很少返回 304 状态码,所以多台前端服务器时要关闭 ETags 选项。
ETag format:
Apache: ETag: inode-size-timestamp
IIS: ETag: Filetimestamp:ChangeNumber
14. Make Ajax Cacheable
XHR、JSON、iframe、动态脚本 都是可以被缓存,精简和压缩的,这些不会经常变动的内容,可以缓存它,将最后修改时间标记在 URL 中。
提高 Web 性能的 14 条法则(详细版)
http://www.cnblogs.com/csharp/archive/2008/08/27/high_performance_web_sites_14_rules.html
CSS 中的行为——expression
http://www.blueidea.com/tech/site/2006/3705.asp
IE8 将不再支持 CSS 中的 expression
http://www.cnblogs.com/JustinYoung/archive/2008/10/17/ending-expressions.html
Dojo 的压缩
http://pigdogyourmother.ycool.com/post.1684294.html
提高基于 Dojo 的 Web 2.0 应用程序的性能
http://www.ibm.com/developerworks/cn/web/wa-lo-dojo-perf/
常见的 HTTP 状态代码及其原因
http://leeqianjun.javaeye.com/blog/266866
使用 ETags 减少 Web 应用带宽和负载
http://www.infoq.com/cn/articles/etags
http://liudaoru.javaeye.com/blog/211975
发表评论
-
javascript与日期的相关操作
2018-01-08 17:02 300Js获取当前日期时间及其它操作 var myDate ... -
面向对象
2017-08-24 17:31 447var objPro = { name:"zst ... -
两次encodeURI和URLDecode的原理分析
2017-08-24 12:15 3960当使用地址栏提交查询参数时,如果不编码,非英文字符会按照操 ... -
Redis并发写入(乐观同步方法)
2017-08-21 11:08 4422一,什么是乐观同步 ... -
encodeURI
2017-08-14 21:29 482对于ajax请求,经常会在地址栏传入一些参数,涉及的中文的, ... -
encodeURL
2017-05-04 18:10 493.encodeURL函数主要是来对URI来做转码,它默认是采 ... -
cookie操作 JQuery
2017-03-23 22:18 480首先包含jQuery的库文件,在后面包含 jquery.coo ... -
表单参数一并提交
2017-03-23 13:09 531对于一般的table数据,并且还带有查询条件,我们都会使用j ... -
功能参考
2016-09-12 17:48 427<%@ page language="jav ... -
树形节点设权重,叶子节点设权重
2016-08-19 12:01 1040<%@ page language="jav ... -
除去缓存
2016-08-11 17:04 348IE的showModalDialog方法,缓存很是头疼 ... -
event.srcElement
2016-07-22 16:51 481因为页面的显示内容需要动态生成,所以难免有一些字符串的拼接, ... -
三重循环部分
2016-07-01 11:44 459一串json数据data,格式形如: {{WDNAME:A ... -
base href, new Highchart.Chart()
2016-05-27 17:35 526<% String path = request.g ... -
鼠标点击的位置,滚动条,兼容
2016-05-19 15:58 576j经常要计算鼠标当前点击的位置,并且页面经常发生了滚动。这个 ... -
表单提交页面不跳转
2016-04-05 19:38 937页面发生表单不跳转,我们可以ajax的形式 当然,有 ... -
HTML图片热区map area的用法
2016-01-04 14:56 519HTML图片热区map area的用法 <a ... -
获取页面高度
2015-12-15 10:26 424$(document).height() //是获取整个页 ... -
iframe中子父窗口互调的js方法
2015-11-12 18:12 909一、父窗口调用iframe子窗口方法 1、HTML语法:&l ... -
数组去重
2015-10-30 08:38 506//将一个含有相同值的数组去重 function getD ...
相关推荐
最近使用yslow+showslow做导购搜索页面性能评估测试,yslow是firefox一个插件,在firefox浏览网页时,会对网面性能进行评估(根据yahoo的14条规则,进行打分)。Showslow是收集yslow评测结果的web程序。 刚开始手动...
YSlow是由Yahoo开发者团队发布的一款基于Firebug的插件。而Firebug 又是一款基于FireFox的插件。所以说YSlow是一款基于FireFox插件的插件。虽然有点绕,但是最终说明的问题是: 很遗憾,微软的IE系列浏览器不能使用...
yslow对前端的请求的响应时间,缓存,数据包大小,协议等进行评分,默认规则23条。
雅虎Yslow 网页性能分析工具 安装,启动,使用及雅虎的34条军规
最近使用yslow+showslow做导购搜索页面性能评估测试,yslow是firefox一个插件,在firefox浏览网页时,会对网面性能进行评估(根据yahoo的14条规则,进行打分)。Showslow是收集yslow评测结果的web程序
[优]Yslow网站前端性能测试工具安装与使用简介
本文档主要介绍了Showslow和Yslow的部署、使用方法,为需要进行页面性能测试的同僚提供入门帮助,希望能对各位有所帮助。
YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。我搜索一下”Yslow使用说明“,发现都是旧版本Yslow的使用介绍。于是翻译了一下yahoo官方关于新版Yslow的的使用帮助,希望给初次使用Yslow的朋友...
yahoo性能中心总结的高性能网站设计的14条规则,这个工具就是用来根据这些规则对你的网站进行测试评分的,下载后直接拖到firefox里就可以自动安装了,但是先要装另外一个插件firebug,在我上传的资源列表里可以找到
YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。 YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修改意见。YSLOW ...
YSlow是Yahoo发布的一款基于FireFox的插件,这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化。yslow3.18支持firefox30版本
yslow,用于检测网站性能,帮助开发人员进行性能调优的优秀工具
网站性能工具Yslow
YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。 YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修改意见
YSlow 是Yahoo发布的一款基于FireFox的插件,这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化。
YSlow.3.1.2.crx for Chrome : yahoo性能中心总结的高性能网站设计的14条规则,这个工具就是用来根据这些规则对你的网站进行测试评分的,下载后直接拖到chrome里就可以自动安装了
最新的firebug和yslow,web页面调试利器
yslow for firefox v18
firebug+YSlow,Web开发调试工具
本文档较全面,包括 前端性能优化的规则、工具使用介绍等演讲稿和资料。包括YSLOW工具介绍。 帮助你进行前端性能测试