Yslow使用方法

2023-05-16

概述

YSlow是Yahoo发布的一款基于FireFox的插件,这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化。

YSLOW有什么作用?

YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。
YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则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必须打开firefox,安装Firebug,然后下载YSlow,再进行安装。
大陆地区貌似安装不了。。。,这个不太确定

YSLOW使用

点击YSlow按钮,启动插件,点击Run Test 测试当前页面。在新弹出的界面中按照重要性显示了影响此页面效率的元素,其中A类评分为最高,F为最低。

Grade(等级视图)—Yslow的第二个选项卡

举例:
在这里插入图片描述

Yslow给出的网站性能评分,从F~A,A是最好的,经过测试卢松松博客来看,网站有4处得分最低,例如图2中的最低分提示:我博客的HTTP请求太多。其中应用了14个外部JS、3个CSS文件(以前我已从6个合并为3个)、14个CSS背景图片。

Yslow的建议是让我合并这些,至于合并CSS引用图片我在“提升网站打开速度的7大秘籍”中介绍过。

Components(组件视图)—Yslow的第三个选项卡

在这里插入图片描述

经过Components考验查看网页各个元素占用的空间大小,例如我博客某个页面,有236个images(图片),占用了489.2K,经过详细查看,发现来自gravatar(评论头像)的引用图片很是大,在加上我博客本省评论量就打,每一个头像就占用几K,几百个就占用了整个网页50%的大小,并且图片仍是引用的,加载就更慢。

因此,我得出的结论是:gravatar虽然加强了互动性和个性,但也结结实实影响了网站速度。

Statistics(统计信息视图)—Yslow的第四个选项卡

在这里插入图片描述
左侧图表显示是页面元素在空缓存的加载状况,右侧为页面元素使用缓存后的页面加载状况。从图中能够直观的看出(尤为是我标的红框),这个网页263个HTTP请求,网页的大小达到773.9K,意味着打开没打开一个页面几乎须要下载1M的东西,而经过使用缓存后咱们能够看到效果图片基本靠缓存,而网页的总大小压缩到43.2K。

Statistics这个统计信息视图工具和Components(第三选项卡)同样,只是效果更直观,若是要得到性能优化建议仍是要看Grade(第二选项卡)的详细建议。

Tools(辅助工具)—Yslow的第五个选项卡

在这里插入图片描述

  • JSLint是一个强大的工具,它能够检验HTML代码以及内联的Javascript代码,经过JSLint发现了google analytics上的一个js错误。

  • ALL JS:查看你这个网页上一共引用了多少JS。

  • All JS Beautified:把全部JS放在打开的页面中,利用站长统一检查(我感受做用不大)。

  • All JS Minified:同上,但它显示的是压缩过的js代码,若是你要JS优化,它已经给你优化好了,来过来直接用。

  • All CSS:显示你网页全部CSS文件。

  • YUI CSS Compressor:显示网页压缩后的CSS文件,也是拿过来能够直接用的。

  • All Smush.it™:图片在线优化网站,点击它后会自动跳到smushit网站上给你自动优化CSS图片,该网站提供了优化前与优化后的对比,点击直接下载优化后的图片,在覆盖到本身网站上就能够了,强烈推荐。

  • Printable View:这个是打印用的,部门开会、前端设计师讨论、向老板汇报时估计用的上。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Yslow使用方法 的相关文章

  • EFR32FG14 UART的使用方法

    EFR32FG14 UART的使用方法 1 初始化串口 xff08 PA0 gt TX PA1 gt RX xff09 span class token keyword void span span class token function
  • ctags使用方法 ctags的使用方法

    用 ctags 看代码时 xff0c 检索函数及变量使用的文件是 tags 文件 有时我们会定制检索的文件范围 xff0c 这时候就可以通过 ctags 命令的一些参数来控制 tags 文件的内容 1 xff1a 递归检索当前目录以下所有默
  • Collections.singletonList使用方法

    方法注释 应用 xff1a 这个方法主要用于只有一个元素的优化 xff0c 减少内存分配 xff0c 无需分配额外的内存 xff0c 可以从SingletonList内部类看得出来 由于只有一个element 因此可以做到内存分配最小化 x
  • linux ssh上传下载文件命令SCP使用方法

    在linux环境里 xff0c 我们从服务器上下载或者从本地上传文件到服务器上可以通过SCP命令 来实现 SCP即Security Copy xff0c 是基于SSH登录实现的远程文件拷贝命令 命令参数 xff1a r 递归复制整个文件夹
  • auto_prepend_file与auto_append_file使用方法

    auto prepend file与auto append file使用方法 如果需要将文件require到所有页面的顶部与底部 第一种方法 xff1a 在所有页面的顶部与底部都加入require语句 例如 xff1a require 39
  • Gson使用方法

    一 概述 Gson是google提供的用来操作json数据的一个非常好用的类库 其使用范围非常的广泛 xff0c 所以非常有必要对其进行系统的学习 json是一种数据格式 xff0c 确切的说是一种文本数据格式 其在网络通讯过程中的作用非常
  • Modbus测试工具ModbusPoll与Modbus Slave使用方法

    一 介绍 Modbus Poll xff1a Modbus主机仿真器 xff0c 用于测试和调试Modbus从设备 该软件支持ModbusRTU ASCII TCP IP 用来帮助开发人员测试Modbus从设备 xff0c 或者其它Modb
  • CMake 使用方法 & CMakeList.txt

    转载自 xff1a https blog csdn net u012150179 article details 17852273 CMake 使用方法 amp CMakeList txt cmake 简介 CMake是一个跨平台的安装 编
  • Android studio svn使用方法

    步骤 一 设置忽略文件 可参考工程目录下的 gitignore文件 iml DS Store externalNativeBuild local properties idea libraries idea modules xml idea
  • c++中 new的使用方法

    c 43 43 中 xff0c new的用法很灵活 xff0c 这里进行了简单的总结 1 new 分配这种类型的一个大小的内存空间 并以括号中的值来初始化这个变量 2 new 分配这种类型的n个大小的内存空间 并用默认构造函数来初始化这些变
  • Handler的使用方法(一)

    想花点时间谈谈Handler的使用方法 xff0c 是应为Handler的使用涉及到了线程类的使用 xff0c 也是在程序中用到了线程 xff0c 关于线程 xff0c 是个很重要的概念 xff0c 因为以后的嵌入式系统的应用开发往往在程序
  • STM32中USART的使用方法

    USART作为一种标准接口在应用中十分常见 本文着重分析其作为 UART的配置和应用方法 1 STM32固件库使用外围设备的主要思路 在 STM32中 xff0c 外围设备的配置思路比较固定 首先是使能相关的时钟 xff0c 一方面是设备本
  • Verdi使用方法(2)— 高效对比两个波形

    Verdi使用方法 xff08 2 xff09 高效对比两个波形 一 打开第一个波形 直接使用如下命令打开一个波形 xff1a verdi tb1 fsdb 加载需要的信号 二 新建一个容器 点击 Window gt Dock to gt
  • 电磁流量计测流工作原理及优缺点

    电磁流量计包含变送器和传感器 它们共同测量流量 电磁流量计的传感器采用直通连接 可测量流体在流经管道时产生的感应电压 变送器测量传感器产生的电压 将该电压转换成流量 然后再将流量测量值传送到控制系统 工作原理 电磁流量计是根据法拉第电磁感应
  • ES6代码转为ES5代码的在线转换工具以及运行工具

    学习es6是一个很有意思的过程 里面新增的语法及语法糖都能大大减少我们的代码量 但有些语法是目前浏览器无法支持的 所以我们需要转换一下 为了方便学习以及测试 下面推荐两款使用的es6在线转换工具 1 Babeljs 在线转换地址 2 es6
  • 翻斗式雨量计的组成与工作原理

    雨量计也叫雨量记录仪 量雨计 测雨计 是常规的气象检测仪器 气象部门通过它来监测计量降雨量和降雨强度 常见的有虹吸式雨量计 翻斗式雨量计和称重式雨量计等 因为翻斗式雨量计方便携带安装 数据相对精确 因此在农业气象监测中广泛应用 1 翻斗式雨
  • M35J型多普勒流量计使用说明书

    一 产品原理 产品有三个功能 测平均流速 测水深 测水温 并可显示断面流量 其中水温测量使用温度探头 温度探头不与水接触 紧贴仪器外包装材料顶部 需要置于水底一定时间后才能反映实际水温 测水温的目的是校正超声波在水中的速度 并修正压力传感器
  • 从 favicon.ico 中删除 Etag

    在项目上使用 yslow 我遇到了一个无法解决的 问题 伊斯洛不断抱怨 有 1 个组件的 ETag 配置错误http www domain com favicon ico http www domain com favicon ico 我的
  • htaccess .html、.css、.js 的 UTF-8 编码 - 最好的方法是什么?

    对于 yslow 页面速度 我想删除我的元标记并将我的编码放入 htaccess 文件中 以下是我读过的所有方法 哪种方式是首选方式 另外 语言设置也是一个好主意 如果文件匹配之外 它将适用于所有文件类型吗 1 https github c
  • 如何解决 prestashop 1.5 中从无 cookie 域提供静态内容的问题?

    我在 gtmetrix com 上测试我的网站 它向我显示以下错误 以改进我的网站 yslow scrore 提供来自无 cookie 域的静态内容 如何解决这个错误 您应该创建一些子域 例如 media1 example com medi

随机推荐

  • edusrc某大学证书的一次漏洞挖掘

    前言 以下涉及到的漏洞已提交至edusrc教育行业漏洞报告平台并已修复 xff0c 该文章仅用于交流学习 xff0c 如有不足之处 xff0c 欢迎各位大佬指点 正文 1 通过注册一个测试账号然后登录页面 2 在浏览任意功能页面时 xff0
  • ROS编译报错 “error: ‘tf2_buffer_’ was not declared in this scope”的解决方法

    写在前面 笔者测试的环境 xff1a Ubuntu18 04 ROS melodic 一 问题描述 自己在测试 amcl 程序的时候遇到如下问题 xff08 测试的amcl程序在Ubuntu16 04 ROS kinetic上正常 xff0
  • 编译报错 undefined reference to `google::kLogSiteUninitialized‘ 的参考解决方法

    文章目录 写在前面一 问题描述二 解决方法解决方法一 xff08 自己的解决方法 xff09 解决方法二 参考链接 写在前面 笔者的运行环境 一 问题描述 编译程序时 usr bin ld usr lib libceres so 1 14
  • Ubuntu运行rviz报错:OGRE EXCEPTION(3:RenderingAPIException): Unable to create a suitable GLXContext

    写在前面 笔者的测试环境 xff1a Ubuntu20 04 xff0c ROS noteic 一 问题描述 运行rviz时出现报错 xff1a span class token punctuation span WARN span cla
  • 【C++泛型学习笔记】类模板、变量模板和别名模板

    学习参考书籍 xff1a 王健伟 C 43 43 新经典 xff1a 模板与泛型编程 类模板 和函数模板一样 xff0c 类模板可以理解为产生类的模具 xff0c 通过给定的模板参数生成具体的类 vector容器就是一个类模板应用的例子 x
  • pybind11学习 | 使用CMake构建系统并生成pyd文件

    文章目录 一 通过Visual Studio生成二 通过CMake生成 一 通过Visual Studio生成 在我之前的一篇文章pybind11学习 VS2022下安装配置中 xff0c 描述了如何通过配置VS2022实现pybind11
  • SV的数据类型

    对SystemVerilog语言数据类型做一个总结 xff0c 详细全面的介绍可以翻阅绿皮书 一 内建数据类型 相对于Verilog将寄存器类型reg和线网 net 类型 xff0c 如wire xff0c SV中引入了logic数据类型
  • 【window 安装多环境python冲突 -已解决】

    简介 xff1a 在window上面那幢一个python原生环境时没有问题 但是在安装anaconda xff0c 就会出现整个环境呗anaconda所占据 lt 首先我的环境目前装了三个环境 xff0c 一个是python原生3 7 和3
  • 最大似然估计和最小二乘估计等价的条件

    最近在上 交通大数据 一课 xff0c 里面的公式推导还是有点麻烦的 xff0c 今天就来推导下在什么情况下最大似然估计和最小二乘估计等价 先来说一下结论 xff1a 当模型估计值和真实值间的残差项服从均值是0的高斯分布时 xff0c 就有
  • 端口号的作用,及为什么需要端口号

    一 端口概念二 网络端口的分类 xff1a 2 1 公认端口 xff08 Well KnownPorts xff09 xff1a 范围从0到10232 2 动态端口 xff08 Dynamic Ports xff09 xff1a 范围从10
  • 关于审查元素与查看网页源码的区别

    不知道大家发现没有 xff0c 当我们用chrome浏览器打开任意一个网页 xff0c 右键单击页面有两个很相似的选项 就是查看网页源代码以及检查 xff08 审查元素 xff09 之前我一直认为这两个选项是没有什么区别的 xff0c 但c
  • 教育edusrc证书站点漏洞挖掘

    前言 以下涉及到的漏洞已提交至edusrc教育行业漏洞报告平台并已修复 xff0c 该文章仅用于交流学习 xff0c 切勿利用相关信息非法测试 xff0c 如有不足之处 xff0c 欢迎各位大佬指点 正文 0x00 敏感信息泄漏 访问存在漏
  • VSCode中Git解决冲突的步骤

    VSCode中Git解决冲突的步骤 1 gt gt 合并分支后 如果存在冲突 右下角会出现一个提示框 提示 存在合并冲突 请在提交之前解决这些冲突 2 gt gt 左边导航第三个图标中 xff0c 找到产生冲突的文件 3 gt gt 打开文
  • Visual Studio Code(vs code)函数跳转及返回

    函数跳转 一 安装 PHP IntelliSense插件 打开vsode 编辑器 xff0c ctrl 43 shift 43 x 打开扩展 xff0c 或者点击左边的那个方框图标 xff0c 搜索 PHP IntelliSense 安装插
  • 苹果手机连电脑只显示充电怎么办

    苹果驱动程序没有安装或版本不可用 1 右键单击此电脑选择属性 2 点击控制面板进入 3 点击查看设备的打印机 4 右键查看驱动属性是否可用 5 不可用点击更改设置 电脑USB接口已损坏 要确认是否出现此问题 xff0c 最直接的方法是 xf
  • windows,cmd中查看当前目录下的文件及文件夹

    需求描述 xff1a 在使用cmd的过程中 xff0c 有的时候需要查看当前目录下有哪些文件或者文件夹 xff0c 类似linux下的ls命令 操作过程 xff1a 1 通过dir命令查看当前目录下有哪些的文件及文件夹 备注 xff1a 通
  • git未提交代码,pull本地被覆盖解救办法

    问题描述 xff1a 写了一天的代码 xff0c 没有commit xff0c 就拉取了同事的代码 xff0c 拉取同事代码后 xff0c 发现自己写了一天的代码全部找不到了 解决思路 xff1a git没有commit xff0c 那么网
  • Dockerfile究竟是做什么的

    Dockerfile是什么 Dockerfile是一个创建镜像所有命令的文本文件 包含了一条条指令和说明 每条指令构建一层 通过docker build命令 根据Dockerfile的内容构建镜像 因此每一条指令的内容 就是描述该层如何构建
  • Error generating the report: org.apache.jmeter.report.dashboard.GenerationException: Error while pro

    刚开始我安装的jdk 是jdk 17 把jtl文件生成html报告的时候 xff0c 报了以上的错误 后来把该jdk卸载了 重新安装了jdk1 8 xff0c 就可以正常生成了 windows下载地址 xff1a https jdk jav
  • Yslow使用方法

    概述 YSlow是Yahoo发布的一款基于FireFox的插件 xff0c 这个插件可以分析网站的页面 xff0c 并告诉你为了提高网站性能 xff0c 如何基于某些规则而进行优化 YSLOW有什么作用 xff1f YSlow可以对网站的页