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

当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，我们将从速度和体积两方面来探讨构建优化的策略。

Profiler 用来测量渲染一个 React 应用多久渲染一次以及渲染一次的“代价”。 它的目的是识别出应用中渲染较慢的部分，我们可以直接在React应用中使用它，具体使用可以参考Profiler API，但我们这里主要讲解在浏览器开发者工具下的使用，这样可以更直观更清晰观察…

React Fiber 是 React 核心算法的持续重新实现。它是React 团队超过两年的研究结果。 React Fiber 的目的是增强对类似动画、布局和手势操作这些场景的适应性。他的头个特性是渐进式渲染：将渲染工作拆分成块并将其分散到多个帧的能力。 其他主要特性包括在新…

总算给自己找了一个相对合理的理由，哈哈。既然有人这么想，跟随一起探索下哈。 Antd 4.X 版本是利用 webpack 基于 ES modules的 treeshaking 实现的按需加载。 根据入口文件，递归查询相关依赖，然后通过各种 loader 和各种 plugin ，…