现场加载计时器工具演示效果

Question

我正在构建一个工具，通过提供ajax前端和cdn后端来加速站点搜索。

我想在一个演示中直观地演示使用ajax前端和普通html重新加载模型之间的区别。我需要一个工具，如浏览器扩展或其他工具，可以显示从站点上的一个页面到另一个的转换。有许多工具可以显示页面加载时间。这不是我想要的。我想展示从一个ajax状态到另一个ajax状态的转换。

有人有什么建议吗？

Answer 1

正如Andy提到的，您可以使用WebPagetest来完成这个任务。不要被“脚本”拖住了，有相当数量的示例，我也很乐意为一个特定的案例提供帮助。

你可以用它做的一件很酷的事情就是把序列记录成一个视频，让它创建一个并排的视频，这样你就可以展示实际的用户体验(它的销量总是好于指标)。

Answer 2

我需要一个工具，如浏览器扩展或其他工具，可以显示从一个网页到另一个网站的过渡。

我认为解决方案是要么创建两个单独的页面，然后并排比较，要么打开firebug (或类似的工具)。

或者你可以自己做一个实际的演示并执行一个转变。我不知道有什么工具只是对两个站点及其基准测试进行并行比较，除非您将powerpoint演示文稿或白皮书计算为“工具”。

此外，您还可以使用JSPerf (http://jsperf.com/)对实际的javascript代码性能进行可视化基准测试。

Answer 3

WebPageTest可以做到这一点，但您需要学习如何编写脚本