本文从表象深入到浏览器底层原理，逐步剖析造成页面卡顿的原因，总共6000字，文字和配图都是自己手打和制作的，只为了更准确的展示思路，但也难免会有我没发现的疏漏和错误，如果有欢迎指出，大家一起学习。

一个46万行代码的超级系统，居然让我碰上了，而且用了一年的时间，让它重回正轨，从基层做起，优化了代码、封装了组件、夯实了基础、拆分了服务、提升了性能，这一年我过的很充实，但人也老了很多。

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

`transform` 拥有自身独立上下文是渲染优化的关键，它可以轻易的与原视图组合重绘而不用花费主线程大量计算时间进行重排。

我相信绝大部分的同学面试的时候都碰到过面试官问的一个问题，那就是前端项目优化。这是一个非常发散的问题，涉及到的面很广。因此我也总结了一篇5000字的文章总结了从分析到实施阶段能做的一些事情。

随着工作中移动端页面比较多，遇到了移动端播放视频的需求是相对较多的，一想到视频，基本上都是第一时间想到使用 video 标签。 随着使用 video 标签，遇到的问题也随之而来，浏览器兼容性一直是一个

笔者是一个 react 重度爱好者，在工作之余，也看了不少的 react 文章, 写了很多 react 项目 ,接下来笔者讨论一下 React 性能优化的主要方向和一些工作中的小技巧。送人玫瑰，手留余香，阅读的朋友可以给笔者点赞，关注一波 。 陆续更新前端文章。 方向分别加以探…

打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！

前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！💪 （ps: 小彬之前也总结过一