• 欢迎访问任课网网站,SEO,搜索引擎优化,网站排名,关键词优化,网络推广,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入任课网
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏任课网吧

yslow安装及使用方法(附火狐firefox、谷歌chrome)

SEO优化 adminrkww 2个月前 (08-02) 20次浏览 0个评论 扫描二维码

Yslow是yahoo开发设计的根据网页页面特性剖析游览器,从今年初我应用了YSlow后,更改了博客模板很多数据冗余编码,不但提高了网页页面的开启速率,这款软件还协助我剖析了许多别的网址的编码,以前我都刻意写了提升网站速度的秘笈,便是根据这款软件剖析得到的。互联网上早已有许多Yslow使用说明书了,文中我觉得详细介绍下我应用Yslow的方式 和一些他人没提及的小窍门。

Yslow的安装方法

如今Yslow早已有很多版本号了,文中详细介绍的是3.0.4最新版本,开启Yslow官方网站就能见到有四个版本号可提供选择:火狐浏览器(firefox)电脑浏览器、Google(chrome)电脑浏览器、欧朋(opera)电脑浏览器和移动版。

安裝Yslow要先安裝 Firebug(本详细地址以火狐浏览器为例子),二种方式 起动Yslow:1、开启Firebug对话框,挑选Yslow选择项。2、立即点一下火狐浏览器右下方的Yslow起动按键。


yslow官方
(图1:Yslow的起动页面)

点一下 Run Test 运作Yslow,还可以点一下 Grade, Components, 或Statistics选择项刚开始对网页页面的剖析,假如在 Autorun YSlow each time a web page is loaded 上加上对勾,它将全自动对之后开启网页页面开展分。

留意图上的白框,这儿是标准集,YSlow (V2)包括了全部22个检测的标准,YSlow (V1)包括初始13标准,网站论坛或blog-这一标准集包括14个标准,适用中小型网址或blog,提议不懂装懂。

yahoo评定网址特性的二十三条军规

yahoo以前对于网站速度明确提出了十分知名34条规则:《Best Practices for Speeding Up Your Web Site》。而如今将34条精减为更为形象化的二十三条,并对于每一条得出从F~A的得分及其最后的总成绩。

而如今二十三条网址性能优化提议在YSlow的官网首页就能见到,自然还可以不要看,在应用Yslow后,在操作面板里便会让你得分提醒,和改善提议。

Grade(级别主视图)—Yslow的第二个菜单栏


yslow评分
(图2:Yslow得出的网址特性得分)

Yslow得出的网址特性得分,从F~A,A是最好是的,根据检测卢松松看来,网址有4处评分最少,比如图2中的最少分提醒:我blog的HTTP恳求过多。在其中运用了14个外界JS、3个CSS文档(以前我已从6个合拼为3个)、14个CSS背景图案。

Yslow的提议是要我合拼这种,对于合拼CSS引入照片我还在“提升网址开启速率的7大秘笈”中详细介绍过。

Components(部件主视图)—Yslow的第三个菜单栏


yslow评分元素占用空间
(图3:根据Components磨练查询网页页面每个原素占有的室内空间尺寸)

根据Components磨练查询网页页面每个原素占有的室内空间尺寸,比如我blog某一网页页面,有236个images(照片),占有了489.2K,根据详尽查询,发觉来源于gravatar(评价头像图片)的引入照片十分大,在再加我blog省内评价量就打,每一个头像图片就占有几K,几十个就占有了全部网页页面50%的尺寸,并且照片還是引入的,载入就变慢。

因此,我得到的结果是:gravatar尽管提高了交互性和个性化,但也严严实实危害了网站速度。

Statistics(统计数据主视图)—Yslow的第四个菜单栏


yslow视图统计
(图16:Yslow的统计数据主视图)

左边数据图表显示信息是网页页面原素在空缓存文件的载入状况,右边为网页页面原素应用缓存文件后的页面加载状况。从图上能够形象化的看得出(特别是在就是我标底白框),这一网页页面263个HTTP恳求,网页页面的尺寸做到773.9K,代表着开启没开启一个网页页面基本上必须免费下载1M的物品,而根据应用缓存文件后我们可以见到实际效果照片基础靠缓存文件,而网页页面的总尺寸缩小到43.2K。

Statistics这一统计数据主视图专用工具和Components(第三菜单栏)一样,仅仅实际效果更形象化,假如要得到性能优化提议還是需看Grade(第二菜单栏)的详尽提议。

Tools(辅助软件)—Yslow的第五个菜单栏


yslow工具
(图5: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:这个是复印用的,单位汇报工作、前端开发室内设计师探讨、向老总报告时估算用的上。


任课网 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:yslow安装及使用方法(附火狐firefox、谷歌chrome)
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址