共计 字 • 阅读约
min
1. 客户端渲染
页面内容在客户端(浏览器)渲染
- 第一次请求----> 获取页面
- 打开页面
- 服务器返回结构页面
- 浏览器解析
- 第二次请求----> 获取页面中的数据
3. 再次执行代码中的接口请求
3. 服务器收到处理完返回给前端
3. 前端渲染
3. 显示完整页面
至少会请求两次
优点:页面显示速度快,不太容易一出现空白页面
缺点:网速慢,会导致页面出现空白,不利于 seo,异步 AJAX 获取的数据爬虫是爬取不到的
2.服务端渲染
页面内容在服务端(服务器)渲染
- 第一次请求
- 服务端收到请求
- 读取模板
- 读取数据
- 渲染数据
- 返回给前端
只会请求一次
优点:利于 seo 优化,服务端渲染的内容可以被爬虫爬取到
缺点:速度相对较慢,比较吃服务器,体验没有异步 AJAX 好
一般网站都是服务端渲染结合客户端渲染,例如电商网站的商品列表,目的就是为了 seo 优化
文章更新于: 2021-2-9 16:0:45