任务二:服务端渲染基础

62 阅读1分钟

单页应用

image.png

首屏渲染慢可以使用服务的选择解决
1.在服务区端执行前端框架代码,将渲染好的内容返回给客户端,客户端只要负责展示就好了
2.为了有更好的用户体验,将来自服务的渲染的内容激活成为一个SPA应用,之后的交互都是由客户端来进行处理

image.png

image.png

同构应用

image.png

什么是渲染

把数据 + 模板拼接到一起

传统的服务端渲染

image.png

image.png

传统服务端渲染缺点

image.png

客户端渲染

image.png

image.png

缺点:首屏渲染慢,不利于SEO
首屏渲染慢原因:
    因为需要经过最少三个步骤,页面的请求、js请求,数据请求,在慢速网络下特别明显,
    服务端渲染只需要一条请求能拿到页面,直接进行展示
不利于SEO原因:
    想要SEO好,就要搜索引擎能搜索到自己网页的内容,而客户端渲染搜索引擎拿到的网页内容几乎是空的,
    所以才不利于SEO
    

现代化服务端渲染(同构渲染)

image.png

image.png

image.png

如何实现同构渲染

image.png

同构渲染应用问题

image.png

开发条件有限

image.png

涉及构建和部署的要求更多

image.png

跟多的服务端负载

image.png