Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

🌻 前言 前几天我工作比较闲，就想着看看我司的前端项目有什么可以性能优化的点。于是乎在一个h5项目里，发现没有配置缓存策略。我找到架构组的同学，说明了这个问题。 因为此项目是部署在腾讯云服务器上的，在

合理利用缓存，可以提高页面的打开速度，这句话是前端开发者耳熟能详的准则 但具体缓存对页面性能有多大的影响呢？为了彻底弄懂浏览器缓存，从动手验证下这条准则开始吧

对长列表优化，实现了相同高度元素的虚拟列表，动态高度的元素的虚拟列表。渲染百万条列表数据不再卡顿！！

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance

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