共计 字 • 阅读约 min

1. 客户端渲染

页面内容在客户端(浏览器)渲染

  1. 第一次请求----> 获取页面
    1. 打开页面
    2. 服务器返回结构页面
    3. 浏览器解析
  2. 第二次请求----> 获取页面中的数据
    3. 再次执行代码中的接口请求
    3. 服务器收到处理完返回给前端
    3. 前端渲染
    3. 显示完整页面

至少会请求两次

优点:页面显示速度快,不太容易一出现空白页面

缺点:网速慢,会导致页面出现空白,不利于 seo,异步 AJAX 获取的数据爬虫是爬取不到的

2.服务端渲染

页面内容在服务端(服务器)渲染

  1. 第一次请求
    1. 服务端收到请求
    2. 读取模板
    3. 读取数据
    4. 渲染数据
    5. 返回给前端

只会请求一次

优点:利于 seo 优化,服务端渲染的内容可以被爬虫爬取到

缺点:速度相对较慢,比较吃服务器,体验没有异步 AJAX 好

一般网站都是服务端渲染结合客户端渲染,例如电商网站的商品列表,目的就是为了 seo 优化



文章更新于: 2021-2-9 16:0:45