网站监控笔记（一） — Performance

What is website monitoring?

什么是网站监控？其实我们主要是实时监控网站性能，是否存在异常资源、请求、代码出错 、页面加载消耗时长 等 一系列问题！如果出现这些问题，你能不能及时定位问题原因? 在之前的 《如何优化祖传代码》 这篇文章中我也有讲到客户流失率，感兴趣的同学可以去看看。只不过是针对于网页打开速度的，那如果你页面请求资源都错误了如 js、css、request 发生错误了呢？不能及时定位问题，那岂不是GG了。主要是最近一直在考虑做一个性能监控产品，老严也是特别在乎这一块的内容。

主要作用

• 测DNS污染检测

• 网站打开速度检测

• 网站资源出现异常

• 感知到业务出错的概率

• 发布后对性能有否存在影响

• 了解业务的稳定性

• 对访问用户进行分析

如何做？

1. 网站性能监控

2. 监控资源异常

3. 借助辅助插件

4. 后台记录日志

5. 使用监控平台

6. 捕捉异常代码

7. 资源阻塞处理

今天我们来讲解一下 第一个性能监控（主要是围绕 js 中 performance api讲解）,因为关乎性能方面东西确实太多了

Go！

网站性能监听

什么是 performance ？

我们可以先了解一下 Performance [0]，做网站监控必备之一

MDN 这样描述 Performance :

Performance 接口可以获取到当前页面中与性能相关的信息。它是 High Resolution Time API 的一部分，同时也融合了 Performance Timeline API、Navigation Timing API、 User Timing API 和 Resource Timing API。

performance 属性

先看看是个啥东西

console.log(window.performance)