记录一款简单好用的前端性能测试工具：https://github.com/GoogleChrome/lighthouse 这是一款基于chorme的测试工具，使用很简单： 1 使用npm全局安装 2 安装好后在cmd里运行： lighthouse http://localhost:3000 ...

一、为什么要测前端性能 日常性能测试，基本上针对接口的性能测试居多，很少涉及到前端页面的性能测试。但影响用户体验的因素除了后端接口数据的返回，还有前端页面的渲染等等。所以我们除了在开发的过程中注意代码的质量，同时还需要专业的网站测试工具辅助，让我们知道自己的网页还有哪些需要更为优化的方面 ...

1.使用Chrome浏览器在Google应用商店下载Lighthouse插件 2.在网页输入测试网址链接 3.在该页面右键点击检查或按F12打开开发者工具 4.选择Audits，点击run audits按钮 3.输出测试报告 5.若一直提示Lighthouse ...

在前端开发中，对于自己开发的app或者web page性能的好坏，一直是让前端开发很在意的话题。我们需要专业的网站测试工具，让我们知道自己的网页还有哪些需要更为优化的方面，我自己尝试了一款工具：Lighthouse，感觉还不错，记录下来，也顺便分享给用得着的伙伴。 Lighthouse分析web ...

github地址：https://github.com/GoogleChrome/lighthouse 一、如果可以翻墙的话可以从 chrome 扩展插件里直接安装。 二、下面是另一种使用方法：基于 node（版本≥6） 1.安装：npm install -g lighthouse 2. ...

1、谷歌插件lighthouse的基本介绍 Lighthouse 是一个网站性能测评工具， 它是 Google Chrome 推出的一个开源自动化工具，能够对 PWA 和网页多方面的效果指标进行评测，并给出最佳实践的建议以帮助开发者改进网站的质量。 它能够生成一个有关页面性能的报告，通过报告 ...

1、谷歌插件lighthouse的基本介绍 Lighthouse 是一个网站性能测评工具， 它是 Google Chrome 推出的一个开源自动化工具，能够对 PWA 和网页多方面的效果指标进行评测，并给出最佳实践的建议以帮助开发者改进网站的质量。它的使用方法也非常简单，我们只需要提供一个要测评 ...

一连串的测试，然后生成一个有关页面性能的报告。 二、使用方式 目前官方提供了4种使用方式：https ...