浏览器性能统计服务

Question

我想创建一些 html 页面，并建议更新旧版本的浏览器或安装其他浏览器（例如this）。

我认为用户查看浏览器的性能（速度）比较（如this）会很有用，这有助于他做出选择。

是否有任何服务可以让我从中提取有关现代浏览器性能的原始数据并将其显示在此类页面中。

例如我得到（以任何方式 - ajax 可能）这样的数据：

{
    browsers: [
        ie: {
            edgeVersion: 10,
            generalizedSpeed: 8
        },
        chrome: {
            edgeVersion: 25,
            generalizedSpeed: 9999
        },
        firefox: {
            edgeVersion: 17,
            generalizedSpeed: 500
        },
        ...
    ]
}

所以我总是有实际信息并将其显示给用户，我不需要每次出现新的浏览器版本时都用浏览器比较来更新图像。

Answer 1

我找到了这个online。我非常有信心可以使用其他此类资源，但是您会发现，衡量性能和定义正确的指标将比从服务中收集数据本身更成问题。我之所以这么说，是因为浏览器性能自相矛盾地是一个复杂而简单的主题。

一方面，分析渲染 DOM 树、重绘和重排的速度取决于您使用的 Web 应用程序，而不一定是浏览器。

另一方面，您可以简单地分析浏览器渲染某个页面需要多长时间（即使这些结果在某种程度上也可能是主观的）不同的渲染引擎在给定任务上可能比其他渲染引擎执行得稍好，但事实并非如此意味着它们是更好的渲染引擎。

我建议以下资源。

1. https://vimeo.com/103108124
2. https://developers.google.com/web/fundamentals/performance/

此外，还有一些浏览器支持window.performance 对象，可用于提取有关浏览器中应用程序性能的一些发现。如果您在不同的应用程序中比较来自该对象的数据，您将能够获得一些见解，但它在服务中的问题尚未解决。