PerformanceObserver ， 我们可以用它来获取首屏、白屏的时间，就不用再麻烦地手动去计算了。

PerformanceObserver 的主要用法，可以看 mdn 上面的描述，但是在看 web-vitals 的时候，看到observer.observe({type: "paint", buffered: true});，可以看到多了一个 bufferd 参数，同时在 FI…

在Web应用中，实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画…

今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performance」，毕竟名字要「长～～～～～～～～～」更能吸引注意。 也许你曾不经意启动过这个工具，看见里面五颜六色的图…

一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。 本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下： 仅看理论知识是比

一、前言性能优化一方面是我们前端经常讨论的话题，另一方面也是我们面试过程中考察的重点。那么，如何来定义性能指标呢？这篇文章我们主要介绍一下首屏时间如何采集。二、采集方式2.1 手动采集一般是通过埋点的

2015 年三月，iOS 发布了 8.2 版本。这在当时看来也许只是这个现代的操作系统的一次小更新，但在 Web 开发者眼里，有些微妙的问题产生了。这是一件在 Android 世界里想象不到的麻烦事儿。 在此之前 Web 开发者都非常清楚，在 window 全局对象上的 inn…