YSlow 老矣尚能饭否

YSlow 老矣尚能饭否

看了几个帖子，原来 yslow 在最新的谷歌和火狐浏览器下已经无法使用了，开发者难道出去度假了？

以前老用 yslow 的评分做自我考核，现在 yslow 挂掉了，尺子没了，感觉路都走不稳了，看了下官网界面

我明白了！肯定是 yslow 开始混 node 社区了，不和谷歌还有火狐浏览器玩了。

上 npm 网站搜索下，不出所料，很多围绕 yslow 的插件，还有封装为服务的，可见nodejs+PhantomJS 配合还是蛮好的

我本地试用了下这几个版本的组建：

"yslowjs":"0.3.2" "jQuery":"1.7.4" "url":"0.11.0" "jsdom":"3.1.2"

可以解析网页标题 然后出评分

代码很简单

whyslow.js

var YSlow = require('yslowjs');var request = require('request');var jquery = require('jquery');

module.exports = function(siteUrl, callback) { makeRE(siteUrl, function(err, title) { if (err) { callback(err) } else { getYSlow(siteUrl,function (err,result) { callback(null,title,result) }) } })}function makeRE(siteUrl, callback) { request(siteUrl, function(error, response, body) { console.log(response.statusCode) if (!error && response.statusCode == 200) { // console.log(body) getTitle(body, function(err, title) { callback(err, title) }) } else { console.log(error) callback(error) } })}function getTitle(cont, callback) { var env = require('jsdom').env, html = cont; // first argument can be html string, filename, or url env(html, function(errors, window) { if (errors) { callback(errors) } else { var $ = require('jquery')(window); var title = $('head>title').text(); callback(null, title) } });}function getYSlow(siteUrl,callback) { console.log('getYSlowURL') console.log(siteUrl) var yslow = new YSlow(siteUrl, ['--info', 'grade']); //(basic|grade|stats|comps|all) [all], console.log('\nRunning (Async)....'); yslow.run(function(error, result) { if (error) { console.trace(error); callback(error) } else { console.log('=> overall: ' + result.o); console.log('=> load time: ' + result.lt); callback(null,result) } });}

简单的调用下

yslow.js

看下结果(我承认，有些乱。。。)

yslow 渐渐衰落也有一定原因

yslow 主要是页面结构分析，但是现在界面主要靠 js 绘制例如 react 等yslow 主要用于 pc 上的浏览器，但是目前前段研究重点已经转向 mobile。HTML5 接口包中的 window.performance 对象包含了判断一个网页加载状态和快慢的相关属性，移动端 也支持这个接口，安卓支持的最好，苹果最新版本操作系统也支持

悄悄话：其实就是浏览器把 yslow 干的事情自己给干了，But。。。。。。只干了一点点点点

寻找 yslow 的接盘侠

下面是一张 Browser Insight 中一个应用模块各种指标的截图，个人觉得既清楚又形象。