「这是我参与11月更文挑战的第3天，活动详情查看：2021最后一次更文挑战」 前言 web前端性能优化，老生常谈的话题，也是每个企业每个项目最为关心的问题。为了使用户体验达到极致，我们不得不为每一个细

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

认识V8 什么是V8？先看看官方文档的一句话 翻译过来就是：V8 是 Google 的开源高性能 JavaScript 和 WebAssembly 引擎，用 C++ 编写。它在 Chrome 和 No

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

Performance是Chrome浏览器自带的性能监测工具。根据我的使用，简单理解就是我们可以通过它录制一段时间的浏览器活动，通过活动的数据去分析页面是否存在提升的空间。想要获取页面的活动数据，那我们的第一步便是录制浏览器的活动。 打开F12，进入Perfomance标签页，…

Webpack 的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。Vite 的第一次发布是在 2021 年，是仅两天来前端打包工具中的后起之秀，重点解决 Webpack 在开发阶段的开

只要是做项目开发，必定离不开项目优化这个话题，实际工作中的项目页面一般都比多，业务逻辑自然也比较复杂，构建速度肯定会越来越慢，我们可以使用webpack optimization进行打包优化