客户端渲染（首屏优化）

  1. 页面从服务器返回的内容是一个空 div

  2. 加载页面引用 js 文件（加载静态页面）

  3. 执行 js 文件的代码 （向服务器发起 ajax 请求获取数据）

  4. 使用服务器返回的数据载渲染页面，用户看到页面内容

  5. 降低用户看到首屏的时间（首屏优化）

    （1）使用路由懒加载对代码分包，降低第一次加载 js 文件的体积
    （2）对首屏页面用到的 css内容，以style 的形式写在首页
    （3）加载页面时，后端识别路由把当前这个路由的页面中需要获取的数据，直接查询到返回在页面
    （4）首屏中用到的小图片 / 图标之类的文件，通过转成 base64 格式的字符串写在 css文件中或者 html 文件中，这样就减少了发送的 http 请求数（因为同一个域名下能够并发的请求数量限制在 6~8 个）

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容