Web 应用优化篇

SPA（vue/react）如何优化首页的加载速度？首屏空白是什么问题引起的？

首屏空白主要出现在单页面应用 (SPA) 上，SPA 本质上是将页面的逻辑都存入了 js 中。浏览器会先加载 HTML 文档，再通过 HTML 文档下载包含页面逻辑的 js 文件，下载后还得执行 js 代码，再将页面渲染出来。

最佳解决方案是使用服务端渲染来解决首屏空白的问题。

页面性能优化有哪些方案？

尽可能减少 HTTP 请求：CSS spirit 合并图片，小文件转为 Base64，合并 css/javascript 文件。
使用 CDN：CDN就是内容分发网络, 简单地说就是用户可以从最优的节点获取速度，从而达到快速访问，并减少源站负载压力的目的。
减少 DNS 请求
文件/模块复用
按需加载
虚拟化长列表: 过长的列表(成百上千条数据)会造成页面渲染压力大，因此可以使用 "虚拟滚动技术"。它可以在有限的事件内进渲染有限的内容，从而降低重新渲染组件所耗费的事件，以及创建 DOM 节点的数量。
图片懒加载