然而这些操作造成的“内存泄漏”究竟是什么样子的？如何排查？虽然很好奇，却不得而知。直到这次公司应用频繁出现浏览器崩溃的情况，我受命解决这个问题，才开始研究内存泄漏的排查方法，及排查工具。 我司的应用在客户现场反馈过来的问题是：在某几台固定的电脑上频繁出现浏览器崩溃的情况。我问现…

上一篇文章讲了 React 性能优化的一些方向和手段，这篇文章再补充说一下如何进行性能测量和分析, 介绍 React 性能分析的一些工具和方法. 进行任何性能优化的前提是你要找出’性能问题‘，这样才能针对性地进行优化。我觉得对于 React 的性能优化可以分两个阶段: 1. 分…

背景 产品：你看看这页面加载的如此之慢，怎么会有用户用呢？（并甩给了我一个录屏） 我: （抛出前端应对之策）前端需要加载vue，js，html，css这些都需要时间呀，是不是，别说还需要接口请求，数据

url从输入到页面的渲染中间的技术细节，这篇我们总结下，常用的性能优化操作。构建阶段的性能优化可以参考这篇webpack包教不包会（二）性能优化最佳实践。 合并css和js文件，合并文件大小之后，大文件gizp之后不能超过33kb（不是一股脑的打包成一个），文件数量要适量。 是…

之前面试的大佬问我关于重排重绘的原理和具体操作，一下子把我问蒙了。回家便默默地把问题记下来，仔细总结……在阅读了一些文章后，自己也有了一定的理解，所以分享给大家。希望大家也能耐心把这篇文章看完，认真思考，彻底掌握这个知识点！ 5.将布局绘制(paint)在屏幕上，显示出整个页面…

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。

最近又在研究性能优化，于是复习起了三年前自己看完高性能 JavaScript 那本书整理的笔记，觉得虽然三年前整理的东西了，但是现在拿出来还是觉得不过时很有用。本文主要介绍两大块页面级优化、代码级优化；至于实践与应用还有工具上篇文章有讲解过: 前端性能优化及其度量方法 将脚本尽…

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

前端页面性能对用户留存、用户直观体验有着重要作用。这样的话如何更好的监控前端页面性能就变的十分重要。前端页面的性能监控主要分为两个方式： 一种叫做合成监控 Synthetic Monitoring, SYN。就是在一个模拟场景里，提交一个需要做性能审计的页面，通过一系列的工具、…