通过监控来知道web应用性能的现状和趋势，某次发布后的性能情况怎么样，是否发布后对性能有影响，感知到业务出错的概率，业务的稳定性怎么样...

本文希望通过分析 useMemo/useCallback 的目的、方式、成本，以及具体使用场景，帮助开发者正确的决定如何适时的使用他们。

但是考虑到http请求需要建立连接，以及等待响应，这些过程也会消耗一些时间，所以以上的方法可能不会准确的检测出网络带宽。 经王二测试，第二种方法得到的结果要比方法一得到的结果明显高出不少。 在 Chrome65+ 的版本中，添加了一些原生的方法可以检测有关设备正在使用的连接与网…

风和日丽: 我正笑嘻嘻地抓着我炫酷的ikbc键盘疯狂的敲着Bug. 晴天霹雳: 被拉进了一个群,产品说我做的网站很卡,需要做性能优化. 难以置信: 我可是用尊贵的Vue3+T

本文主要是结合Google的开源项目Lighthouse 和 gulp脚本编写了一个前端性能跑分工具。主要用来帮助前端开发工程师能够更加全面的了解自己的网站/项目，快速找出优缺点，以及可以改善的方向。

项目上线后，通常都是都会做埋点，做数据监控、异常监控以及性能监控，本文主要聊聊前端性能监控。重点讲performance怎么做性能监控。 页面加载的方式有两种，一种是加载完资源文件后通过javascript动态获取接口数据，然后数据返回渲染内容，这就是前后端分离的项目页面加载方…

前端的同学如果用 window.onerror 事件做过监控，应该知道，跨域的脚本会给出 "Script Error." 提示，拿不到具体的错误信息和堆栈信息。 这里读者可以跟我一起做一个实验，来深入了解这个事情。先做一下实验准备： 创建一个 Node APP，只做静态服务器，…

这种问题多半是因为没有思考全面或者一个手滑导致的问题，这种问题影响面也不高，一般在开发和测试阶段就能发现。这种问题我们通过细心和 Code Review 避免。 对于前端来说我们会去兼容各种系统比如安卓、IOS 等，最头痛的还是安卓各种版本系统，用户系统版本可能是4.x、5.x…

性能优化一直是我们需要注意的问题，尤其是对于C端产品来说更是重中之重。而关于性能优化的文章教材层出不穷，这里不过多赘述。而对于性能优化过后，性能到底提升了多少，我们需要有一个很直观的数据，才能更加方便我们工作，也能更清楚的计算出我们所获得的成果。 这些工具都各有各的优点，但同样…