我可以在本地主机网站上还是离线使用Pagespeed见解吗?

时间:2019-03-19 19:12:39

标签: web-testing google-website-optimizer pagespeed-insights

我可以在我的本地主机网站或离线网站上使用Pagespeed洞察力吗?

2 个答案:

答案 0 :(得分:2)

是的

使用Google chrome开发工具中的“审核”标签。

这是一个很棒的入门教程,介绍了如何做到这一点: https://www.youtube.com/watch?v=5fLW5Q5ODiE

答案 1 :(得分:0)

运行Lighthouse的另一种方式

尽管这是一个老问题,但是还有一种替代方法可以在本地运行Lighthouse(Page Speed Insights的引擎),在某些情况下可能对人们有用。

您可以很容易地在计算机上本地安装Lighthouse Command Line Interface (CLI)

与使用开发人员工具中的“灯塔”标签相比,这具有一些明显的优势。

自动化

首先,您可以使其自动化。您可以让它在每次重大更改/提交上运行,以检查您是否有损坏的东西。

或者,如果您要检查网站上的每个页面,都可以将其自动化,如果您有数百个页面,则非常有用。

存储结果

其次,您将获得完整的JSON响应(或CSV或HTML报告),因此您可以将部分(或全部)审核结果存储到每个页面的数据库中,查看是否有任何页面性能不佳,或者您是否正在改善或破坏您的网页性能。

自定义

您还可以在运行测试时设置自己的参数。

例如,我喜欢将我的“ cpuSlowdownMultiplier”设置得很高(8或10),因为我有一个不错的CPU,并且我想捕捉在较慢的设备上可能错过的任何瓶颈/长任务。这使您意识到自己的(我的!)JavaScript有多草率!

您还可以在运行前传递标题,set cookies(目前有点困难,但它们正在处理)等。

您甚至可以使用--disable-storage-reset来查看网站在用户已缓存图像等的后续页面访问中的响应情况。(您可以在开发人员工具的Lighthouse选项卡中执行此操作,因此原因)。

由于获得了原始计时数据,因此您还可以根据需要设置自己的条件。

木偶

锦上添花的是,您可以使用puppeteer(或类似工具)来自动化复杂的任务。

让我们说,您想检查仅在登录use puppeteer to log in and then run lighthouse后才能访问的页面。

那我应该使用哪个?

如果您要定期进行测试/想要进行自动化测试,我建议您使用CLI,该工具是开发人员工具版本,可以进行快速,肮脏的检查/不经常进行测试。

我个人花了大约一个小时来安装并习惯了Lighthouse,但是我还必须安装并学习如何使用nodeJS(npm)命令行将灯塔安装到我的项目中(是的,我是一个学习缓慢的人!)

如果我不必学习这些知识,则大概5分钟即可安装并运行您的第一个测试。

安装CLI后,实际上非常简单。

唯一的缺点是,您需要每隔几个月更新一次,这在浏览器中是自动进行的。但是,即使那样,这对我也是一个积极的感觉,好像您正在逐步使用旧版本进行比较一样。

哦,您也可以在远程站点上运行它,因此您可以从您自己的计算机上自动测试生产站点(如果您距PSI服务器很远,并且希望了解站点的性能如何,则很有用。您的本地社区)。

如果您的登台服务器仅允许列入白名单的IP地址并希望在该服务器上进行测试(这仍然可以使用开发人员工具Lighthouse进行,但对于批量测试等有用),这真的很有用。