手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表Tag:yslow

ySlow的计算公式

来自于hello,JavaScript的收藏,我也小小的收藏一下:

http://www.beiju123.cn/blog/?p=513
  1. F = 8×{100-[4×(JS文件数-3)+4×(CSS文件数-2)+3×(CSS背景图连接数-6) ] }  
  2.     +6×(100-10×未使用CDN的连接个数)  
  3.     +10×[100-11×(Expire时间小于172800秒的连接个数) ]  
  4.     +8×[100-11×(文件大小大于500字节且 未使用gzip的连接个数)]  
  5.     +4×[body中没有CSS连接 ? 100∶ (99-10×body中的CSS连接数) ]  
  6.     +4×(100-5×head中的JavaScript连接数)  
  7.     +3×[不存在CSS表达式 ?100: (90-2×CSS表达式数目) ]  
  8.     +3×[100-5×(域名数-4)]  
  9.     +4×(100-10×未精简的CSS与JS个数)  
  10.     +4×(100-10×Redirect个数)  
  11.     +4×[100-5×(重复的JavaScript个数+重复的CSS个数) ]  
  12.     +2×(100-11×未使用Etag的连接个数)  
  13.     +4×(100-5×未缓存或者缓存时间不足3600秒的AJAX请求个数)  
  14.     +3×(100-5×请求方式不是GET的AJAX个数)  
  15.     +3×{DOM元素数量<MaxDOM ?100∶ [99-10×⌈((DOM元素数量-900))/250⌉ ] }  
  16.     +4×(100-5×状态为404的连接个数)  
  17.     +3×[cookie大小不超过1000字节 ?100∶ (99-10×⌊页面cookie的大小/1000⌋ ) ]  
  18.     +3×(100-5×不满足cookie free要求的链接个数)  
  19.     +4×[100-(2×使用hack的filter个数+5×未使用hack的filter个数) ]  
  20.     +3×(100-5×在HTML代码中设定width和height的图片数)  
  21.     +2×[100-(favicon不可缓存或缓存时间小于3600秒 ? 5∶0)-(favicon大小超过2000字节? 5∶0)]  
  22.   
  23. Score = F / 89 

 

Tags: yslow

看上去不错:Chrome 扩展 Monster

一直以来,我都是使用着firefox而不是chrome,虽然chrome的速度明显要比firefox快很多,但我还是使用着firefox,那是因为ff上面有很多插件是chrome没有的,比如firebug,yslow,scrapbook,readitlater,searchstatus等。但alipay uED居然推出了一款chrome上的插件,类似于yslow,让人感觉很意外,从图片上看,感觉不错:

Monster 是 Alipay UED 推出的网站代码分析、质量检测及评分的浏览器扩展,它能智能分析CSS、JS、HTML内容并生动形象展示网页得分情况(类似YSlow)。它是一个开源 项目,您可以在GoogleCode中心检出MonsterForChrome项目源代码。不久会推出Firefox版扩展。

大小: 80.48 K
尺寸: 499 x 355
浏览: 1619 次
点击打开新窗口浏览全图

Monster主要检测规则:

  1. 检测是否有重复ID的标签;
  2. 检测是否使用内联标签嵌套块级标签,如a嵌套div;
  3. 检测https协议页面,是否使用了http协议的图片、JS、CSS等;
  4. 检测compatMode、doctype是否出错;
  5. 检测是否使用了HTML5不再支持的标记,如font,s,u等;
  6. 检测标签是否正确关闭;
  7. 检测CSS、JS、background-image文件是否为404;
  8. 检测CSS、JS文件是否重复调用;
  9. 检测是否引用过多外部JS、CSS文件;
  10. 检测CSS、JS、HTML是否压缩;
  11. 检测CSS样式表是否使用了CSS expression;
  12. 检测Cookie是否超过30KB;
  13. 检测是否有form标签嵌套form标签;
  14. 检测是否直接在标签里定义JS事件,如<a href=http://www.google.org.cn/posts/”#” onclick=”…”>link</a>;
  15. 检测<meta charset=”utf-8″ />是否为<head>第一个子标签;
  16. 检测一个<form>标签内部是否出现二个input[type=submit]标签;
  17. 检测是否在<form>标签中使用了 id=”submit” 的标签;
  18. 检测是否将<style>块放置在</head>前面;
  19. 检测是否将<script>块放置在</body>前面;
  20. 检测<img>标签是否指定alt属性;
  21. 检测是否为input[text]指定label;
  22. 检测网页编码是否为gbk或utf-8;
  23. 检测是否使用了@import导入样式表;
  24. 如果CSS、JS指定 类似于“?t=20100405”时间戳,则自动输出最后修改时间,方便对比;
  25. 如果background-image超过6个,则提示所有背景图片及大小,超过30KB,标红显示;

Monster评分规则:

Monster是根据问题解决难易程度、性能提升程度、可用性提升程度以及维护性提升程度来综合评分的。具体,请下载 Monster评分算法.xls

下载Monster

我没有试用过,不知道具体如何,我只能说,看上去真的很不错。而且,用上面的话来说,他们很快就会推出firefox版本,我又何必试呢?

Tags: chrome, yslow, firefox, monster, alipay