YSlow的安装与说明文档

yslow官网 http://yslow.org/

很明显起这个名字是说why slow 为什么这么慢,理所当然是为当前网页进行检测

借百度的

什么是YSlow?

YSlow是yahoo发布的一款基于FireFox的插件。

如何安装YSlow?

安装YSlow必须首先先安装 Firebug,然后下载YSlow,再对其安装。

YSlow有什么用?

YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。

YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修改意见。

相信大家都会用上面说的去装啦,是的,我也是!!!!我的firefox 36.0.1, firebug2.0.8, YSlow3.18 然后呢~~~ 虽然firebug有YSlow,但是就是点击没有反应,急死了。。。。

然后我设置加载页面的时候自动启用YSlow分析网页,是可以的!!!然后我就开始找解决办法啦。

这可花了我好久的时间啊(吐槽一下,或许还是智商太低),几种方法, 1 重装,就是版本不兼容,额,重装了firebug1,不行,放弃,要不遍历得多少次 2 初始化信息 Firefox.exe -p 实质还是重新装啦 但是还是不可以啦 3浏览器其他的插件影响了YSlow,已试,没用。 我猜测肯定是版本不兼容问题,希望有人解决的麻烦告知一下,谢谢啦

然后就找到一个简单的办法 详见http://www.speedawarenessmonth.com/getting-started-with-yslow/

其实官网也说了, 就是不明白,英语不是很好,这个有图

其实就是加一个书签,用的时候打开,YSlow是基于js编写的,因此这个书签也是一系列的js文件组成的

打开http://yslow.org/mobile#sthash.sllsSZXs.dpuf,看到大大的YSLow标签,拖到书签栏,添加了,然后每次访问某个网页,打开这个书签就行了(但是官网上说了这个方法不适用所有浏览器)

接下来我们来看一下YSLow的数据分析啦

我打开了百度新闻,来看一下

在YSlow分析后所有的控件元素(html 脚本, 图片等),给出如上图的结果分析

#1 总体分

分值由数字和字母表示,数字是从0~100, 90-100是A, 80-90 是B,依次下去,如果不是A则说明还需要改进啦。我们看一下百度新闻是73,还有改进的空间啦

#2 个体分

针对每一个元素进行评估 Anything that’s not an A is an opportunity!

#3 显示一些没有被评估的元素,如7个外部的js文件,和14个外部加载的背景图片,要在一起才能评估

#4 more information

这些检测是从一些好的规则去评判的,上面有三种规则去选择,就这么多啦 更深入的希望大家去自学啦。

时间: 2024-08-12 22:36:05

YSlow的安装与说明文档的相关文章

Linux安装Oracle11g说明文档

Linux安装Oracle11G说明文档 一.          安装软件环境准备: n  Centos-6.5-X64.iso n  SecureCRT.exe n  FileZilla.exe n  linux.x64_11gR2_database_1of2.zip n  linux.x64_11gR2_database_2of2.zip     二.          安装Centos6.5系统 1:配置网络环境 根据需求设定为固定IP地址 [[email protected] ~]# v

T3600工作站重做磁盘阵列及安装系统说明文档

一.重做磁盘阵列 1.1.计算机启动界面 图1  计算机启动界面 图1说明如下: PowerEdge:服务器 Expandable:可扩展的 Utility:功用,功能 PERC:PowerEdge Expandable RAIDController 1.2.BIOS初始进入界面 在计算机启动界面按下<Ctrl>+<R>,进入H310 BIOS配置界面(PERCH310 Adapter BIOS Configuration Utility),如图2所示. 图2  BIOS初始进入界

php调用java的完整安装配置说明文档

1. Windows安装配置过程 1.1. Apache和php的安装配置 Apache和php可以使用解压版.安装版.套件版均可. 以下以解压版为例: 1.解压版无需安装,解压后放到任意目录下即可. 2.配置apache对php的支持,配置过程,自行参见网络. 3.demo测试使用的软件版本为:apache2.2.6.php5.3.5.javabridge5.4.4:软件版本可自行选择,但要保证能相互兼容支持. 1.2. Javabridge的配置 1.确认配置好php 与 apache 环境

详细设计说明文档

1引言 1.1编写目的 本文档为软件<自习任我行>的详细设计说明书,向阅读人员介绍本软件的整体框架和详细设计. 1.2背景 说明: 项目名称:自习任我行 开发人员:杨波.崔海营.周亚豪.闵芮.高琪.张丹丹.蔡容玉 用户:铁道大学全体学生 运行:安卓手机 系统描述:自习任我行软件为铁道大学的学生提供了一个方便查询自习室上自习的快速平台.该软件分为查询自习室模块和安排自习室模块.自习任我行软件是一套功能简单实用的的专门用于学生自习的软件,具有操作方便高效迅速等特点.该软件采用eclipse开发工具

说明文档

## 说明文档 ### 一.书籍信息- 书名:<C Primer Plus>- 作者:Stephen Prata- 译者:姜佑- 版本:第六版 中文版- 出版社:人民邮电出版社 ### 二.实验环境- 本机:Windows 7 64位- 虚拟机:VMware Workstation 12 pro -- Linux CentOS 7(实验在此进行) ### 三.实验环境搭建教程#### 1,安装VMware Workstation 12 pro 并找到可用的序列号(略)#### 2,新建虚拟机并

说明文档编写过程

项目需要做一个说明文档来介绍公司软件,在网上参考了很多文档的写法,也问过很多朋友之类的,最后自己慢慢的把这个文档完成了.本文只是为了把它记录下来,为以后需要在做这块提供借鉴. 设计图如下: header 部分和目录是 fixed 定位,目录的 html 结构如下: <ul id="directory"> <li id="onfirst" class="on">一.关于Auto-Trader Pro</li> &

Sandcastle+SandcastleHelpFileBuilder生成说明文档

1  安装说明 (1). 安装HTML Help Workshop. (2). 安装Sandcastle. (3). 安装SandcastleHelpFileBuilder. (4). 安装SandcastleHelpFileBuilder的Visual Studio插件(可选, SHFBVisualStudioPackage.vsix). (5). 添加环境变量:”SHFBROOT”,值为SandcastleHelpFileBuilder的安装路径,如” C:\Program Files (x

Squid二级代理说明文档

Squid 二级代理说明文档 一:拓扑图: 备注:Squid A 为一级代理,squid B为二级代理 以下配置文件以squid B二级代理为例, 一级代理squid A无需配置二级代理及其白名单等配置. 一级代理squid A需要有外网权限 二:安装squid 代理,在两台squid上都安装squid软件. #yum install squid –y 三:配置squid配置文件 #vim /etc/squid/squid.conf 1.添加Squid代理配置: 注释: squid 服务器监听端

H3 BPM接口说明文档

H3 BPM接口说明文档 二〇一七年四月 目 录 1 引擎接口唯一入口:OThinker.H3.IEngine 3 1.1 构造Engine对象 3 1.2 属性 4 2 类:OThinker.H3.Acl.IBizRuleAclManager 6 3 类:OThinker.H3.Acl.IFunctionAclManager 8 4 类:OThinker.H3.Acl.ISystemOrgAclManager 12 5 类:OThinker.H3.Acl.ISystemAclManager 1