网站性能检测尖刀-YUI-Yslow
YSLOW:
什么是yslow:
YSlow是Yahoo发布的一款基于FireFox的插件。
如何安装yslow:
安装YSlow必须首先先安装 Firebug,然后下载YSlow,再对其安装。
yslow有什么用:
YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。
使用yslow需要注意的地方:必须连接网络,才能对页面进行分析。
使用yslow需要注意的地方:它也发布了chrome版本,在chrome中,功能比基于firebug的要少。
如何使用Yslow:
当我们打开一个网站,如:http://www.xuex123.com/ ,启动firebug,在firebug控制台中,进入yslow分析界面,点击run text,yslow会开始分析页面。
在这一栏中,有九个选项,与一个评分。
home: Yslow起始界面
grade: Yslow分析出来的数据会在这里显示。
components: Yslow分析多少HTTP请求,以及下载的文件数量与大小。
statistics: Yslow分析的数据格式图。
tools: Yslow而提供的一些工具,比如:JSlint、smush.it、YUI CSS Comperssor等。
rulesets:Yslow提供的分析基准,我这里是以小网站或博客为基准来分析。
edit:Yslow提供的分析基准的设置按钮。
printable view:Yslow分析数据表格。
Grade:
在Grade中,会分析出如上数据,大体分为五类,CONTENT、CSS、IMAGES、JAVASCRIPT、SERVER。它的基准是以美国的成绩评分来划分的,比如A、B、C、D等。Grade中的数据分析是这个工具的重中之重,现在我才想起来,英语,可恶的英语啊,学习好英语,对于编程,实在是太重要了。下面,我以上图来介绍它。
make fewer http requests:(检测如何减少http请求)。
{此项告诉我们,有6个JAVASCRIPT文件,可以合并成一个文件。有12个背景图片,可以使用CSS SPRITES技术}
注:CSS SPRITES技术,是指通过背景定位这个属性,来显示出图片,12个背景图片可以合并成一张图。
avoid empty src or http:(检测是否有空的src或者http)。
compress componentes with gzip:(检测是否开启gzip服务端的压缩)。
{此项告诉我们,有九处可以开启gzip压缩}
put css to top:(检测样式是否放在头部)。
put javascript to bottom:(检测JS脚本文件是否放在底部)。
avoid css expressions:(避免在样式中使用expressions)。
reduce dns lookups:(减少DNS的查找)。
minify javascript and css:(缩小写在HTML中的JavaScript与CSS)
略......
Components:
在components中,分析网页下载的数据会以表格的形式展现出来,包括以上几类。点击折叠的+doc会展现出具体的数据分析,再点击HEADERS按钮时,会显示的更加详细,如下图:
Statistics:
此项是对页面分析数据的直观几何图,包括HTTP请求的次数,下载文件的类型以及大小。
Tools:
顾名思义,工具的意思,Yslow提供了如下,几个工具:
JSLint - JavaScript验证工具
all JS - 页面中所有的JavaScript脚本
all JS Beautified - 页面中所有的JavaScript脚本完整版。
all JS Minified - 页面中所有的JavaScript脚本压缩版。
all CSS - 页面中所有的CSS样式文件
YUI CSS Compressor - 页面中所有的CSS样式文件压缩版
all Smush.it - 图片压缩,不失真。
Printable View - 所有分析数据的HTML表格展示。
转载于:https://www.cnblogs.com/dsfderek/archive/2012/05/04/2482839.html
网站性能检测尖刀-YUI-Yslow相关推荐
- YSLOW(一款实用的网站性能检测工具)
概述 YSlow是Yahoo发布的一款基于FireFox的插件,这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化. 安装 官网:http://yslow.org/ ...
- 怎样用谷歌浏览器测试软件性能,chrome插件:网站性能检测工具lighthouse
chrome浏览器扩展程序lighthouse可以检测网页的质量,分别针对网页的Performance.Accessibility.Best Practices.SEO进行检测评分,并给出相应的优化建 ...
- 网站性能工具Yslow的使用方法
Yslow是雅虎开发的基于网页性能分析浏览器插件,从年初我使用了YSlow后,改变了博客模板大量冗余代码,不仅提升了网页的打开速度,这款插件还帮助我分析了不少其他网站的代码,之前我还特意写了提高网站速 ...
- web:网站性能工具Yslow
2019独角兽企业重金招聘Python工程师标准>>> Yslow是雅虎开发的基于网页性能分析浏览器插件,从年初我使用了YSlow后,改变了博客模板大量冗余代码,不仅提升了网页的打开 ...
- 网站性能评测工具YSlow的使用
在前端开发中,常常需要评估页面内容大小,请求数量,以及JS,CSS,图片等各类型文件所占的大小,以及有没有可优化的空间.那么YSlow是您必不可少的选择. YSlow简介: YSlow是由Yahoo开 ...
- 使用pagespeed检测网站性能,思考前端网站优化
最近在使用google search console 的过程中,无意中发现了一个检验网站性能的工具 pagespeed 这个工具可以分别检测网站在移动端和桌面端的性能,最关键的是它不光能检测出性能的不 ...
- 【性能检测】13个优秀的网站检测工具推荐
对网站来说,有一个好的设计方案当然是值得骄傲的,但是显然不够.当完成网站之后,我们还要进行各种浏览器的兼容性测试.负载测试,以及DNS健康检查等.本文介绍了13个这方面的重要工具,希望你会喜欢. 1. ...
- Yahoo网站性能优化的34条规则
摘自:http://blog.chinaunix.net/uid/20714478/cid-74195-list-1.html Yahoo网站性能优化的34条规则 1.尽量减少HTTP请求次数 终端用 ...
- Yahoo网站性能优化的34条军规
1.尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容,这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数,这是提高网页速 ...
最新文章
- 2021年中寻找新SAP项目机会小记
- 华为自动驾驶实车实路测试视频曝光!
- Hibernate:根据配置文件自动生成表结构的2种方式
- 视频 | 在小程序竞争激烈的今天,淘票票如何脱颖而出?
- Greenplum 权限管理与客户端认证
- Java的新视差控件(JavaFX)
- jQuery+AJAX+PHP+MySQL数据库开发搜索功能,无跳转无刷新搜索。
- SQL Server数据挖掘–如何将数据转化为有价值的信息
- 蓝桥杯 ADV-150算法提高 周期字串
- IOS视频播放器的使用(MPMoviePlayerController)
- 教务管理系统 php源码,优索教务管理系统 v9.3.2
- 8g内存和16g内存区别 mac_内存不重要?8G内存和16G内存的M1 MacBook Pro性能对比
- 使用node批量压缩图片
- 计算机ip本地连接,电脑ip地址设置:本地连接ip设置方法
- Simple Contrastive Representation Adversarial Learning for NLP Tasks
- 基于C++MFC的学生成绩管理系统
- php 半角全角转换,php 把全角字符转换成半角
- angularjs controller中使用filer
- discuz X3.2最新20141225安装包uc_server不能登陆问题(包括升级后)
- 【八月英语----照亮我心】
热门文章
- 【华为OD机试真题 JAVA】热点网站统计
- 【附源码】Python计算机毕业设计企业物资管理系统
- 我的世界java局域网存档位置_网易版我的世界局域网联机存档怎么转移 如何将局域网存档转到租赁服...
- 计算机桌面变色怎么办,电脑屏幕变色了怎么办?电脑屏幕变色的六大原因及解决办法...
- C++ builder 编译加速问题
- 引用 面向对象 String类(6)
- 可视化篇:Echarts2.0引入百度地图(转载)
- 从Google白皮书看企业安全最佳实践
- 小米6Android无响应,小米手机mui12 android9 App跳转微信小程序无任何响应。求解决...
- 【区块链 | Compound】1.剖析DeFi借贷产品之Compound:概述篇