什么是 webperf-lib-psi
webperf-lib-psi 是一款针对网站性能检测的 npm 包，它可以通过调用 Google PageSpeed Insights API 来获取网站的性能数据，包括页面加载速度、响应时间、资源优化等方面。
安装与使用
安装 webperf-lib-psi 非常简单，只需要在终端中使用以下命令即可：
npm install webperf-lib-psi
安装成功后，我们就可以在前端项目中使用 webperf-lib-psi 来获取网站的性能数据。使用方法如下：
-- -------------------- ---- ------- ----- --- - --------------------------- -- -- --- --- ----- ----- ------ - --------------- ----- --- - ---------------------- -- -- --- ------ ----------- ---------------- -- - -------------------- -------------- -- - --------------------- ---
在上面的代码中，我们首先导入 webperf-lib-psi，然后设置了 API key 和要测试的网站链接。接着，我们调用 psi 函数来获取性能数据，这个函数会返回一个 Promise，我们可以使用 then 和 catch 方法来处理返回的数据和错误。
返回的数据格式如下：
-- -------------------- ---- -------
-
------ ----------------------
-------- -
-------- ---
------------------ ------
--------------- -----
--
------------ -
-------- ----
------------------ -----
-
-其中，speed 表示网站的加载速度，包括得分、优化建议和速度分布等数据；usability 表示网站的可用性，得分和优化建议。我们可以根据这些数据来优化网站的性能和用户体验。
示例代码
下面是一个完整的示例代码，包括获取 API key 和调用 psi 函数：
-- -------------------- ---- -------
----- -------- - --------------------
----- --- - ---------------------------
-- ----------- --- --- -----
----- --------- - -
-
----- --------
----- ---------
-------- ---- --- -----
--
-
----- --------
----- ------
-------- --------------
-
--
-- ---------
--------------------------------------- -- -
-- -- --- ------
------------------- ------------------------ -- -
--------------------
-------------- -- -
---------------------
---
---在这个示例代码中，我们使用了 inquirer 这个 npm 包来提问用户要输入的信息，包括 API key 和网站链接。这样，我们就可以在终端中运行这个脚本，通过输入信息来获取网站的性能数据了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671048dd3466f61ffdcdc