大家好，我是双越老师。从全栈角度看，前端能做的性能优化不多，就拆分资源和异步加载，这些都会在网络层面很好的解决。一个 web 系统的性能瓶颈主要在于网络和服务端，前端主要做体验优化，而非性能优化。

想要性能优化实现一个闭环，这将会是一个较长的过程，包含了性能监控的设计、性能分析、性能优化等步骤。本篇文章为了解篇，主要介绍性能的重要性、前端页面的加载过程和了解性能指标。

在开发web端项目时，偶尔会遇到在本地测试环境上没问题，发布到线上环境就有问题，这种BUG可以使用chrome浏览器里的Overrides进行线上调试然后找出问题 FixBug~

当页面卡顿、慢时可以使用Performance来分析问题原因所在。 截图：默认勾选，每一帧都会截图。关闭后区域二下面部分会去除（下图红框标记那里） 1 . FPS 绿色越高越好，出现红色则表示FPS低（这就是你为啥觉得页面卡顿了），你可以在区域三Frames中看到具体的FPS值…

前言 今年面试比较惨，降薪跳槽；话不多说，上题！看看大家能够回答到什么程度，答案如果有问题，大家在评论区可以讨论纠错交流 v8垃圾回收机制？ V8 是一种开源的JavaScript 引擎，它主要用于C

之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。 假设结果: 在bootstrap.css还没加载完之前，下面的内容不会被解析渲染，那么我…

描述requestAnimationFrame产生背景与使用方式，将它与传统动画实现方式做对比。

背景 性能是网站和应用的支柱，网站性能高，用户体验会更好，同时，网站速度也是搜索引擎排名的一个因素。因此，好的网站性能直接影响我们的收益指标，因此有必要提高网站的性能，从而从技术角度拿到业务收益。 性

React Hooks 作为 React 的重要补充，它使函数组件能够以新的方式编写、重用和共享 React 代码。