本文参考了webpack的插件，不引入任何库，写一个简单的插件系统，帮助大家理解插件化思维。插件系统的好处是允许开发人员在保证内部核心逻辑不变的情况下，以安全、可扩展的方式添加功能。

前言 想一想，现在老板让你做一个性能优化，你怎么知道需要优化哪些地方、哪些指标，以及做完优化之后怎么判断是否有效呢？这个时候你就需要一个性能监控。 再想想，生产有某个地方用户反馈点击没反应，这个时候应

电商成功的敲门砖——首屏加载速度。在数字时代，网站性能如同电商的门面，迅速打开是前提，迟滞就容易失去商机。网站首屏性能就好比商店大门的开合，承载着用户留存的关键。秒开易成就交易，缓慢的加载则好比提前预

开发 C 端 h5 页面时少不了首屏优化，在开始优化前需要先做一些必要的知识储备，前端部分性能优化储备知识请看这里！

估计大部分读者对标题中的性能优化更感兴趣，可惜我分享的重点其实更多在于实践。实践有深有浅，下面介绍的时候会存在比较大的侧重。当然，篇幅不代表难易程度，考虑到不少信息已经有非常棒的公开资料，对这一部分我只会简单提起关键词，希望能起到抛砖引玉的作用。 本次分享围绕着 Vue SSR…

如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好。虚拟列表思想的出现，就是为了帮助我们解决长列表问题的，下面让我们来一起了解下吧！

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…