本篇文章首先回顾一下什么是内存泄露，然后看两个 demo 观察 react 出现内存泄露的具体情况。 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。 对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越…

本文包括：高性能 Wasm + WebGL 渲染引擎、Lottie 动画 WebGL 渲染、WebGL 帧差序列帧等。

前言 前段时间在研究前端异常监控平台，在思考性能监控时，想到了浏览器自带的观察者以及页面生命周期API 。于是在翻查资料时发现了，Performance ObserverAPI。正好趁着这个机会给大家

没错，这里确实是使用`任务切片`的方式能够解决！但是，我想问一下，`任务切片`解决卡顿问题的底层原理是什么样子的？或者说什么是卡顿问题，而`任务切片`又是如何解决这类问题的？

指标，为了确保大多数用户都达到了推荐的目标，一个很好的衡量阈值是页面加载的第75个百分位数，该值在移动和桌面设备上进行了划分。 First Contentful Paint（FCP）是一个重要的、以用户为中心的度量标准，用于测量感知的加载速度，因为它标记了页面加载时间轴中用户可…

简介 Lighthouse 是谷歌开源的一款 Web 前端性能测试工具，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。本文中仅对 Performance 部分的指标进行介绍。 Per

这个问题看起来非常的无厘头，但是考察了候选人的一个知识的储备情况，并且在实际开发的场景中很难遇到。 那么这个问题考察了一些什么内容呢？

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大家…

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance