网页的实际加载时间和用户对加载时间的印象可能有很大的不同。例如，当页面加载时，用户可以有以下三种不同的体验:
- 等待空白页立即完全渲染
- 部分页面立即呈现(例如顶部导航)，但组件加载单独
- 整个页面由单独加载的组件组成
随着JavaScript框架(如React或Angular)变得越来越普遍，这些不同的UI体验也变得越来越普遍。
如果单个组件使用加载标记来指示正在发生的事情，例如Loading...或纺车，则用户的UI体验也可以改变。
如何提高用户对快速加载页面的印象?如果没有，你如何处理这个问题?
当javascript被解析和执行时，总是会有一个初始命中。但是，如果您需要非常快的初始加载，您可以尝试一些技术，例如:
- 首先提供一个"关键"的有效载荷，这将快速加载你的网页的"必需品"，使它感觉更灵敏。Webpack有一个代码拆分功能，你可以使用它来达到这个效果。
- 使用服务器端渲染(即通用风格的应用程序)，它将执行javascript服务器端并将输出嵌入HTML有效负载。这可能会呈现出你所追求的最好的结果，因为你不会得到"闪烁"的部分，否则你会。这是一项很酷的技术，但可能会带来更多的技术挑战，所以你必须自己权衡利弊。
如果你在寻找一个SSR的例子，你可以看看我最近为React整理的一个样板:https://github.com/ctrlplusb/react-universally
在那个样板文件中，我实际上也利用了Webpack基于应用中定义的路由的代码分割特性。查看webpack的文档:https://webpack.github.io/docs/code-splitting.html
如果webpack对你来说是全新的，我强烈推荐生存js系列:https://survivejs.com/