浏览器性能统计服务

Question

我想创建一些带有recomendation的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对象，可用于在浏览器中提取有关应用程序性能的一些调查结果。如果您在不同的应用程序中比较来自此对象的数据，您将能够获得一些洞察力，但它在服务中的问题尚未解决。