从技术方面来讲，前端性能监控主要分为两种方式，一种叫做合成监控（Synthetic Monitoring，SYN），另一种是真实用户监控（Real User Monitoring，RUM）。 就是在一个模拟场景里，去提交一个需要做性能审计的页面，通过一系列的工具、规则去运行你的…

这篇文章将带大家全面理解vue的渲染watcher、computed和user watcher，其实computed和user watcher都是基于Watcher来实现的，我们通过一个一个功能点去敲代码，让大家全面理解其中的实现原理和核心思想。所以这篇文章将实现以下这些功能点…

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…

在类电商类项目，往往存在大量的图片，如 banner 广告图，菜单导航图，美团等商家列表头图等。图片众多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以进行图片懒加载优化势在必行。 我们先来看一下页面启动时加载的图片信息。 如图所示，这个页面启动时加载了几十张图…

生活中你买了一瓶可乐，喝完之后可乐瓶就变成了垃圾，应该被回收处理。 同样地，我们在写 js 代码的时候，会频繁地操作数据。 在一些数据不被需要的时候，它就是垃圾数据，垃圾数据占用的内存就应该被回收。 会先在全局作用域中添加一个dog 属性，并在堆中创建了一个空对象，将该对象的地…