![Vue.js从入门到项目实践(超值版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/987/44509987/b_44509987.jpg)
上QQ阅读APP看书,第一时间看更新
4.2.3 前后端渲染对比
![](https://epubservercos.yuewen.com/CC45E5/23721548909464406/epubprivate/OEBPS/Images/Figure-P74_9542.jpg?sign=1738873163-AuvYgoRWWUunz6RJvxuo3zOd9nU1f9yL-0-8f51daac3098549cf5e542cbc09c739b)
早期的Web项目一般是在服务器端进行渲染,服务器进程从数据库获取数据后,利用后端模板引擎,甚至直接在HTML模板中嵌入后端语言(例如JSP),将数据加载进来生成HTML,然后通过网络传输到用户的浏览器中,被浏览器解析成可见的页面。而前端渲染则是在浏览器中利用JS把数据和HTML模板进行组合。两种方式各有自己的优缺点,需要根据自己的业务场景来选择技术方案。
前端渲染的优点在于:①业务分离,后端只需要提供数据接口,前端在开发时也不需要部署对应的后端环境,通过一些代理服务器工具就能远程获取后端数据进行开发,能够提升开发效率;②计算量转移,原本需要后端渲染的任务转移给了前端,减轻了服务器的压力。
后端渲染的优点在于:①对搜索引擎友好;②首页加载时间短,后端渲染加载完成后就直接显示HTML,但前端渲染在加载完成后还需要有一段JS渲染的时间。