什么是observatory
observatory是一个高效的性能分析库，可帮助前端工程师对页面性能进行实时监测。observatory的优点在于其高效低耗、具有可拓展性以及易于使用。
如何安装observatory
你可以在npm上获取observatory，使用以下指令：
npm install observatory
如何使用observatory
第一步：导入observatory
在你的项目中，你需要先导入observatory：
import Observatory from 'observatory';
第二步：设置配置项
observatory有丰富的配置选项，包括查询时间，允许的最大请求次数等。在使用之前，请设置options选项。
const observatory = new Observatory({
queryLimit: 20, //限制最大请求数
queryInterval: 500 //查询的时间间隔
});第三步：设置监听
你可以在你的应用程序中使用observatory，以检测请求的性能，比如网络请求的速度等。如果你需要为特定应用程序或页面设置监听器，请使用以下代码：
-- -------------------- ---- ------- -------------------- ------------- --------- --- - - ---- ----------- - - --- ----------------- --- -------------------- ----------- --------- --- - - ---- --------- - - --- ----------------- ----- -------- - ---- --------- - - ---- ----------- -- -------------------- -- ---------------- ---- ----------- ----- ---
第四步：启动observatory
最后，通过以下方式启动observatory：
observatory.start();
observatory示例
在下面的示例中，我们的应用程序需要使用公共API。我们正在获取3种类型的数据，每种数据分别包含不同数量的项目。我们可以使用observatory，以测试每段请求的性能。
-- -------------------- ---- -------
----- ---- - -
----------------------------------------------
----------------------------------------------
----------------------------------------------
----------------------------------------------
----------------------------------------------
----------------------------------------------
----------------------------------------------
----------------------------------------------
----------------------------------------------
-----------------------------------------------
----------------------------------------------
--
----- ------------ - --- -- -
---- ----------- - - --- -----------------
--
----- ---------- - --- -- -
---- --------- - - --- -----------------
--
----- ----------- - - --- - -- -
----- --- - --- -----------------
----------- - ----
--------- ------ --- --
--------------------- --------------- ------------------ --
---------------------- - ---------- -
--- -------------- --- - - -
----------- --- --
-
--
----------- - ---------- -
-------------- -------- -- ------ -------- --
--
------------- --- --
-----------
--
------------- --- -- - ------------ --- -- - --以上是observatory的使用教程，我们希望这个教程能够对你学习前端性能调试有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61141