YSLOW(一款实用的网站性能检测工具)
概述
YSlow是Yahoo发布的一款基于FireFox的插件,这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化。
安装
官网:http://yslow.org/
官方下载,点击安装,Google在扩展程序中直接拖进也可以,安装成功后会在右上角显示图标
YSLOW有什么作用?
YSlow是如何工作的?
YSlow分三个阶段来产生结果:
- YSlow抓取DOM来查找页面中的所有组件(图像,脚本,样式表等)。在抓取DOM之后,YSlow通过Firebug的Net Panel组件循环并将其添加到已经在DOM中找到的组件列表
- YSlow获取有关每个组件的信息:大小,是否为gzipped,Expires头等。如果可用,YSlow从Firebug的Net Panel获取此信息。如果组件信息在Net Panel中不可用(例如,该组件是从缓存中读取的,或者它有一个304响应),则YSlow会生成一个XMLHttpRequest来获取该组件并跟踪其标头和其他必要的信息。
- YSlow获取关于该页面的所有数据,并为每个规则生成一个等级,从而生成总体等级。
YSLOW使用
点击YSlow按钮,启动插件,点击Run Test 测试当前页面。在新弹出的界面中按照重要性显示了影响此页面效率的元素,其中A类评分为最高,F为最低。
Rulesets 可以选择不同的评分标准:建议对号入座
YSlow(V2) Ruleset:包含了所有22个测试的规则
Classic(V1) Ruleset:YSlow (V1)包含原始13规则
Small Site or Blog Ruleset:小网站或博客规则集,包含14个规则,适用于小型网站或博客
以下为等级的例子:
如果页面与某一规则无关,则线束N/A,表示不适用。
点击每一规则,都显示改进建议。
YSLOW组件介绍
Grade(等级视图)—Yslow的第二个选项卡:Yslow给出的网站性能评分
Yslow给出的网站性能评分,从F~A,A是最好的
Components(组件视图)—Yslow的第三个选项卡:通过Components考验查看网页各个元素占用的空间大小
组件检视表:
TYPE:该组件的类型。该网页是由组成部分的下列类型: doc, js, css, flash, cssimage, image, redirect, favicon, xhr, and iframe.
SIZE(KB):该组件的大小以千字节。
GZIP(KB):该组件的gzip压缩的大小以千字节。
COOKIE RECEIVED(bytes):字节数在HTTP设置的Cookie响应头。
COOKIE SENT(bytes):节数的Cookie在HTTP请求报头
HEADERS:HTTP信息头,点击放大镜查看全面信息。
URL:链接地址
EXPIRES(Y/M/D):日期的Expires头,属于缓存设置一种。
RESPONSE TIME (ms):响应时间
ETAG:ETag响应头,也是缓存设置的一种
ACTION:额外的性能分析
Statistics(统计信息视图)—Yslow的第四个选项卡:Yslow的统计信息视图
左侧图表显示是页面元素在空缓存的加载情况,右侧为页面元素使用缓存后的页面加载情况。
从图中可以直观的看出(标的红框),这个网页14个HTTP请求,网页的大小达到443.4K
Statistics这个统计信息视图工具和Components(第三选项卡)一样,只是效果更直观,如果要获得性能优化建议还是要看Grade(第二选项卡)的详细建议。
Web性能最佳实践和规则
雅虎卓越绩效团队已经确定了34个影响网页性能的规则。YSlow的网页分析是基于这34个可测试的规则中的23个。点击下面的每个表现规则查看详细信息。
- 最小化HTTP请求
- 使用内容交付网络
- 避免空的src或href
- 添加一个Expires或一个Cache-Control Header
- Gzip组件
- 把StyleSheets放在最前面
- 把脚本放在底部
- 避免使用CSS表达式
- 使JavaScript和CSS外部
- 减少DNS查找
- 缩小JavaScript和CSS
- 避免重定向
- 删除重复的脚本
- 配置ETags
- 使AJAX缓存
- 使用GET进行AJAX请求
- 减少DOM元素的数量
- 没有404s
- 减小Cookie大小
- 为组件使用不使用Cookie的域
- 避免过滤器
- 不要在HTML中缩放图像
- 使favicon.ico小和缓存
对于检测结果一般90分优秀,80分以下建议考虑优化!
转载于:https://www.cnblogs.com/wysk/p/8297667.html
YSLOW(一款实用的网站性能检测工具)相关推荐
- 怎样用谷歌浏览器测试软件性能,chrome插件:网站性能检测工具lighthouse
chrome浏览器扩展程序lighthouse可以检测网页的质量,分别针对网页的Performance.Accessibility.Best Practices.SEO进行检测评分,并给出相应的优化建 ...
- 10款国外免费网站在线监控服务工具
我们任何人不能保证自己能够24小时在电脑前,即便我们有选择高富帅VPS主机产品也不能100%的确保不出现任何问题,有些时候可能是服务商机器稳定性问题,也有的时候是我们自身网站出现问题导致VPS主机的宕 ...
- 网站性能优化工具大全
网站性能优化(WPO)已经成为一个非常重要的话题了,越来越多的互联网公司开始有WPO的职位,而相关技能也是对前端开发工程师的重要技术要求之一.国外大牛Steve Souders在参加WebPerfDa ...
- 十款实用方便的日志分析工具(建议收藏!!!)
0x00 十款实用方便的日志分析工具 在网络管理员的日常工作中,对日志文件的分析能够及时了解网络设备或应用的性能数据,以便及时发现问题并及时解决.分析日志文件的时候需要运用到日志分析工具,接下来就给大 ...
- Unity官方性能检测工具UPR使用心得
Unity官方性能检测工具UPR使用心得 UPR是Unity官方推出的免费性能检测工具,近来功能较之前版本完善了许多,经笔者在正式项目中试用,与UWA的免费性能检测工具GPM作对比,发现UPR相较GP ...
- Metasploit是一款开源的安全漏洞检测工具,
Metasploit是一款开源的安全漏洞检测工具,可以帮助安全和IT专业人士识别安全性问题,验证漏洞的缓解措施,并管理专家驱动的安全性进行评估,适合于需要核实漏洞的安全专家,同时也适合于强大进攻能力的 ...
- Unity性能优化之性能检测工具汇总
Unity Profiler 简述:Unity自带的性能分析工具,可以分析CPU.GPU以及内存消耗,支持真机调试. 官方教程:https://docs.unity3d.com/Manual/Prof ...
- 七款实用的视图模型制作工具
一.All Clear All Clear从文本生成功能图,而不是直接做图.虽然标榜为流程图软件,All Clear却能创建组织结构图.进程图等,且包括一个过程分析仪. 二.Bizag Process ...
- 如何使用Lighthouse性能检测工具
前言 最近做性能检测工具,很多知识点不清楚,打算查缺补漏,补一补. 接下来从官方提供的性能检测工具Lighthouse(灯塔)开始我们的学习,简单介绍了下Lighthouse的一些点. 阅读完本文,你 ...
最新文章
- 圆通招java_圆通java程序员面试经验|面试题 - 职朋职业圈
- 字节跳动学习笔记:javaweb商城项目
- 独家直播双十一全网动态?前黑客“劳改”带你玩转大数据
- 2020年电大c语言程序设计作业1答案,2019年最新电大C语言程序设计作业答案.doc
- 合作开发工具——freeze和pipreqs
- Ibatis2到mybatis3的转变1
- web前端之html从入门到精通
- Struts2与传统模式的对比,核心控制器从servlet变成了过滤器,!!
- 关于CodeSmith生成CSLA代码的联想
- ioinic 怎样配置 android sdk,NiceFish-ionic: 这是一个移动端项目,示范Angular移动端组件库Ionic的基本用法,基于Ioinic 2.0,已支持PWA。...
- 手机兼容性测试(云测试)
- Python导入Excel名单实现随机抽取
- mcafee 8.5杀毒软件下载、安装、配置详解教程
- 【工具】idea去掉UML类图的虚线箭头(依赖关系)
- 黑客必知投资人的那点事儿——The Hacker’s Guide to Investors
- html页面悬浮提示框,js实现页面悬浮框
- Aurora 8b/10b 协议和IP核设置
- 基于JAVAWEB技术的网上珠宝系统的设计与实现
- android模拟器GPS信号设置
- 99款高质量免费HTML/CSS模板(看到了还行,推荐给大家)