客户端渲染(首屏优化)

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

  2. 加载页面引用 js 文件(加载静态页面)

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

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

  5. 降低用户看到首屏的时间(首屏优化)

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

你可能感兴趣的:(客户端渲染(首屏优化))