预渲染: 启动一个浏览器，生成html，加载这个页面的时候先显示再进行替换。 缺陷：如果数据非常实时，比如新闻列表，替换页面之前数据可能还是昨天的。比较适合静态页面 由于服务器端渲染只是个字符串，它不知道DOM什么时候放到页面上。就导致一些浏览器的api无法正常使用了，比如操作…

在开发webapp的时候总是会受到首屏加载时间过长的影响，主流的解决方法是在载入完成之前显示loading图效果，而一些大公司会配置一套服务端渲染的架构来解决这个问题。考虑到ssr所要解决的一系列问题，越来越多的APP采用了“骨架屏”的方式去提升用户体验。

Skeleton Screen,中文称之为骨架屏。表示在页面数据没有加载完成之前，用一些简单的图形描绘页面内容的大致布局，让用户感知页面正在加载；当数据加载完成后，用真实的数据渲染页面，把它替换掉。 在骨架屏诞生之前，业界大多数都是用菊花图之类的loading效果去做数据等待期…

现在的前端开发领域，都是前后端分离，前端框架主流的都是 SPA，MPA；这就意味着，页面渲染以及等待的白屏时间，成为我们需要解决的问题点；而且大项目，这个问题尤为突出。 webpack 可以实现按需加载，减小我们首屏需要加载的代码体积；再配合上 CDN 以及一些静态代码（框架，…