03.03 后端渲染html,前端模板渲染html,jquery的html,各有什么区别?

四节虾


对于网页而言,无论后端程序是多么的复杂,最终返回给客户端的还是HTML文件。页面渲染模式主要分:服务器端渲染、客户端(前端)渲染。不管哪种渲染模式,其实都是基于模板引擎而言的。

对于普通用户而言,采用哪种渲染模式似乎并不重要,但对于网站架构而言其中区别还是很大的。

服务器端渲染(SSR)

服务器端渲染其实就是服务器端在返回HTML给客户端之前,先将HTML模板上特定区域填充上数据后生成完整的HTML返回给客户端。

此时模板文件存储在服务器端。

1、优点:由服务器端进行数据填充工作,不会影响前端性能(解析模板是有性能开销的)、SEO友好、首屏渲染快;

2、缺点:占用了服务器端运算资源,响应体较大(因为返回的是完整的HTML文本)。

客户端渲染

客户端渲染指的就是借助前端的JavaScript调用后端API来实现页面渲染。前端也是有模板引擎的,而前端模板引擎在填充数据时也是靠JS来操作DOM节点的。

此时模板文件存储在前端。

1、优点:不占用服务器端资源,模板在前端改起来更容易,不用麻烦后端联调;

2、缺点:由前端JS负责数据解析和填充工作,在弱网环境下页面加载时可能会出现乱版现象,渲染起来速度可能会慢一些。另外使用前端渲染很多数据都是动态调用API进行填充的,所以不利于SEO。


以上就是我的观点,对于这个问题大家是怎么看待的呢?欢迎在下方评论区交流 ~ 我是科技领域创作者,十年互联网从业经验,欢迎关注我了解更多科技知识!

网络圈


大部分网站都是前端渲染,根据后端提供的数据接口(比如json)渲染html。这种最常用,最简单,通用性最好,缺点就是seo不友好,一般的管理系统都是用前端渲染,如果网站入口主要在搜索引擎,如新闻类网站,需要用后端渲染。

后端渲染就是把html拼接好直接传递给前台显示,搜索引擎可以直接爬到完整的页面代码。

jquery.html只是把html内容放进某个元素内而已


stepmd


现在应该是混合的吧,一方面要照顾seo,别一方面充分复用客户机,节约服务器资源,


分享到:


相關文章: