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

本文以一个实际网页为例，详细记录了利用Performance面板对其进行性能分析的过程，重点介绍性能分析的一些操作方式及分析思路。

hello,我是你们的ys 指风不买醉。疯癫回来了，好久没更文章啦~~ 今天看怎么优化大量数据的前端用户体验（有的干货，备点水） 🌍 一切从“十万伏特”说起 让我们先想象这样一个场景： 你有十万个数据

👉 疯狂点击分页按钮，页面数据却像抽风一样，一会儿显示第3页，一会儿又跳回第2页？ 👉 快速滑动无限滚动列表，结果数据错乱，甚至重复加载？ 这就是前端分页的竞态问题在作怪...

> 于水增 ## 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难怪网速变慢了呢😁😁。

进来着急的前端佬，我直接抛出结论吧！ Element-plus的组件，经过测验，如下组件存在内存泄漏。如下： el-carousel el-select + el-options el-descrip

如果你以为抖音检测直播卡顿是靠高端技术，那你可能没猜对——它也许只是偷偷扫了一眼弹幕，发现“卡了”刷屏了，然后才优雅地弹出“网络波动，请检查您的连接”……😂 哈哈哈 开个玩笑~ 人家技术肯定比咱强

本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。