YSlow使用指南_最新2.0使用指南中文版
为什么80%的码农都做不了架构师?>>>
YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。我搜索一下”Yslow使用说明“,发现都是旧版本Yslow的使用介绍。于是翻译了一下yahoo官方关于新版Yslow的的使用帮助,希望给初次使用Yslow的朋友一些帮助。
注:英文不是很好,对着翻译软件翻译的,有不对的地方,大家指正。
安装 YSlow
先安装 Firebug https://addons.mozilla.org/en-US/firefox/addon/1843
Firebug 帮助文档 http://www.getfirebug.com/docs.html.
再下载安装 http://developer.yahoo.com/yslow
使用Yslow
Yslow是运行在Firebug窗口下,所有要运行Yslow,必须安装Firebug。
有两种方法启动Yslow
1、打开Firebug窗口,选择Yslow选项。
2、直接点击浏览器右下角的Yslow启动按钮。
你第一次打开Yslow时,以下图像作为Firebug的一部分被显示在的浏览器窗口。
点击 Run Test 运行Yslow,也可以点击 Grade, Components, 或Statistics选项开始对页面的分析。
你可以选择 Autorun YSlow each time a web page is loaded 它将自动对以后打开页面进行分析,您也可以右击YSlow状态栏,然后选择或取消自动运行。
Yslow视图
YSlow显示测试结果的分析,分为等级、组件、统计信息。你可以浏览这些观点之间选择标签以观的名字在YSlow标签的Firebug控制台。
以下是说明的等级、组件、统计信息。
一、等级视图
查看一个分析,选择页面的性能等级标签或点击网页的字母等级在状态栏这页纸的底部。
视图显示了等级为网页的成绩单。整个字母等级为页面显示在顶部随着全面数值的表现。这个页面是基于22可分级的高性能网页的规则(见性能规则)。这些规则是列在按重要性的顺序,从最重要不重要。从 A 级到 F 级,A 级为最高。
下面是一个等级的例子:
如果页面与某一个规则无关,则显示 N/A ,表示不适用。
点击每一规则,都给出了改进建议。要查看更全面的改进方法进入前端性能优化指南
二、组件视图
分组显示页面组件,表格列出组件的信息,点击 Expand All展开显示给个分组内各的组件信息。
下面简要列在组件检视表:
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:额外的性能分析
三、统计信息视图
左侧图表显示是页面元素在空缓存的加载情况,右侧为页面元素使用缓存后的页面加载情况。我们可以看到,页面元素缓存后的使页面的http请求和页面总大小都减少,从而加快了页面打开时间。参看(页面的缓存设置)
一、规则集
1 、YSlow ( 2版) -这一规则集包含了所有22个测试的规则。
2 、精英( V1导联) -这个规则集包含原始13规则中使用了YSlow 1.0 。
3、小网站或博客-这个规则集包含14个规则,适用于小型网站或博客。参照下方的图片,看看哪一种规则,在这个规则集。
请注意,最后选定的规则集成为默认的规则集。默认规则集可以是一个预定义的三个之一或您自己创建的一个。
要创建您自己的规则集,单击Rulesets下拉菜单旁边的 Edit 按钮。新的规则集屏幕将显示:
1、点击左侧 New Set 按钮,出现全部22调规则,勾选你所需的
2、点击 Save ruleset as... 保存,会弹出个命名窗口,命名就可以了。
3、你还可以对自定义的规则再次编辑或者删除。
YSlow 工具
1、JSLint
JSLint收集所有外部和内部的JavaScript从目前的网页,提交给JSLint ,一个JavaScript验证,并打开一个单独的窗口了一份报告,存在问题,该网页的JavaScript的。该报告包括大致位置的源代码的问题。很多 时候,这些问题是语法错误,但JSLint寻找风格公约的问题和结构性问题。
2、All JS
收集所有外部和内部的JavaScript的网页,并显示在一个单独的脚本窗口。您可能想要使用这个工具来查看某个脚本,以及是否实际使用是正确的。
3、All JS Beautified
将js以人们可读的方式展示。
4、All JS Minified
收集所有外部和内嵌JavaScript,删除评论和白色空间以缩小的脚本。以改善网页的性能。
5、All CSS
收集所有的行内和外部的样式表在网页上,并将其显示在一个单独的窗口。
6、All Smush.it
如果您按一下所有Smush.it , Smush.it将运行在网页上所有的图片组成。此工具将告诉你该图像可被优化,并创建一个压缩文件,来优化图像。当您选择此工具你会看到输出如下所示:
以上就是Yslow的使用指南,结束。
转载声明:
原载:web前端优化
本文链接:YSlow使用指南
转载于:https://my.oschina.net/baobao/blog/26057
YSlow使用指南_最新2.0使用指南中文版相关推荐
- javascript指南_熟练掌握JavaScript的指南
javascript指南 So you're trying to learn JavaScript but are inundated with all the different syntax an ...
- 简明易懂的c#入门指南_统计假设检验的简明指南
简明易懂的c#入门指南 介绍 (Introduction) One of the main applications of frequentist statistics is the comparis ...
- 机器学习实用指南_机器学习方法:实用指南
机器学习实用指南 by Karlijn Willems 通过Karlijn Willems 机器学习方法:实用指南 (How Machines Learn: A Practical Guide) Yo ...
- 卷积神经网络学习指南_卷积神经网络的直观指南
卷积神经网络学习指南 by Daphne Cornelisse 达芙妮·康妮莉丝(Daphne Cornelisse) 卷积神经网络的直观指南 (An intuitive guide to Convo ...
- 机器学习指南_机器学习项目的研究指南
机器学习指南 Machine Learning projects can be delivered in two stages. The first stage is named Research a ...
- 【考试指南】TiDB 5.0认证指南之PCTA PCTP
作者:任嘉伟 原文来源: https://tidb.net/blog/28e268b1 写在开始 我希望所有的大家是为了学习数据库知识而去考证,而不是为了拿证而去考证 背景 写在通过PCTA PCTP ...
- 个人信息安全影响评估指南_发布 | 网络安全标准实践指南—移动互联网应用程序(App)收集使用个人信息自评估指南...
关于发布<网络安全标准实践指南-移动互联网应用程序(App)收集使用个人信息自评估指南>的通知 信安秘字[2020] 40号 各有关单位: 为落实<网络安全法>相关要求,围绕中 ...
- 入门指南_激光切管快速入门指南
本文是有关管材和激光管切割的思考的快速入门指南.要求 首先,需要确定对管材尺寸的要求.考虑以下问题:将要加工的管材最大和最小直径是多少?切割这些管材需要多大功率?它们是薄壁还是厚壁?原材料和成品零件的 ...
- devops实践指南_开发DevOps的实用指南:减少八卦的步骤
devops实践指南 我的一个软件开发的朋友最近问我,如果我可以告诉他,他可以做什么亲自来鼓励更多的合作与理解的工作环境-一个与更一致建议 从未来 的社区的DevOps . 我们之间的对话很长,他的情 ...
最新文章
- jquery带token访问接口ajax
- 灯塔的出现给那些有想法,有能力而又缺乏资金的社区人士提供了一条途径,也给那些有资金的BCH爱好者提供了一条投资渠道,良性的共赢机制在保证平台健康发展的前提下,一定会催生出更多基于BCH的应用。
- vscode使用-添加格式化插件
- Redis的事务操作
- (二)Docker中以redis.conf配置文件启动Redis
- 微型计算机控制技术黄勤期末,微型计算机控制技术作者黄勤第4章__工控机的抗干扰课案.ppt...
- 如何解决ORA-04031错误
- dreambackend.java_【AndroidTV】如何自定义屏保、更改屏保时长
- osgi 如何引入包_OSGi Testsuite:引入类名过滤器
- js最小化浏览器_「译」解析、抽象语法树(ast) +如何最小化解析时间的5个技巧...
- lisp将图元追加选择_DNF:哈林防具和海博伦如何选择首饰提升率最大?你选对了吗?...
- SSAS - 1.学习记录
- 关于动态规划,你该了解这些!
- 【UVA725】Division(暴力求解--水题)
- 动态规划(Dynamic Programming)理论篇
- vmplayer linux kernel headers
- 手把手教你如何使用IOMETER测试工具测试存储
- python打印网页成pdf_python 网页转pdf
- 大学计算机科技论文格式,大学科技论文范文3000字_优秀论文范文3000字_论文范文参考3000字...
- 面试相关(技术汇总)