前端首屏加载优化

目的：将页面内容尽快展示给用户，减少页面白屏时间。

首屏内容加载

通常有一下方式：

骨架屏进行预渲染
将页面进行分片、分屏加载，可见部分优先处理
优化加载资源的顺序与粒度，优先加载必须资源，其他资源异步处理
差异化服务，对于不同业务场景按需加载组件（如登录前后）
懒加载、预加载

首屏内容渲染

将 css 放在head里，可以利用浏览器的并行下载机制，提高页面加载速度，避免了浏览器渲染的重复计算
将 JavaScript 脚本放在<body>的最后面，避免资源阻塞页面渲染
减少 DOM 数量，减少浏览器渲染过程中的计算耗时
服务端渲染、预渲染