React 性能优化 React 通过虚拟 DOM、高效的 Diff 算法等技术极大地提高了操作 DOM 的效率。在大多数场景下，我们是不需要考虑 React 程序的性能问题的，但只要是程序，总会有一些优化的措施。本章就来介绍一下 React 中常用的性能优化方式。

Webpack v4 分包优化 从 Webpack v4 开始，移除了CommonsChunkPlugin，取而代之的是SplitChunks。最初，chunks（以及内部导入的模块）是通过内部 Webpack 图谱中的父子关系关联的。CommonsChunkPlugin 曾被用来避免他们之间的重复依赖，但是不可能再做进一步的优化。

HTTP缓存 通常所说的Web缓存指的是可以自动保存常见http请求。对于前端开发者来说，浏览器充当了重要角色。除此外常见的还有各种各样的代理服务器也可以做缓存。当Web请求到达缓存时，缓存从本地副本中提取这个副本内容而不需要经过服务器。这带来了以下优点：

优化 Vue 页面性能 前面介绍过一篇Web App页面性能优化的文章，这是对普通页面的性能优化。针对Vue页面，还有一些特殊技巧。

从输入 URL 到页面加载完成的过程 很久以前理解过一个URL从在浏览器地址栏输入，到呈现页面都发生了什么。前两天碰到一个nginx反向代理的问题，又回想起这个流程，我想是对这个流程理解的还不够透彻，所以特意抽出时间来总结一下。