位置: 编程技术 - 正文

node网页分段渲染详解(node分页接口)

编辑:rootadmin

推荐整理分享node网页分段渲染详解(node分页接口),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:nodejs渲染页面,nodejs渲染页面,node.js在网页制作中的作用,nodejs分页,node 网页,node 分页,nodejs渲染页面,node渲染页面,内容如对您有帮助,希望把文章链接给更多的朋友!

页面渲染,通常来说分为前端渲染以及后端渲染。前端渲染指的是服务端返回html框架以及模版,前端通过ajax异步请求拉取数据渲染模版,并动态修改dom,形成最终页面。服务端渲染则是服务端通过在后端拉取数据以及后端模版渲完整页面,并返回到客户端。2种方法各有好处,后端渲染带来的则是首屏时间的提高,减少请求次数,利于SEO等好处。但是传统后端直出渲染需要等到整个网页渲染完成,才能返回到客户端。假如某个区块拉取数据比较慢,影响了渲染的速度,那对于用户来说,等待的时候也会跟着变长对于后端渲染能否跟前端ajax渲染一样,分块分区域传统的服务端直出渲染,下面将提供一种解决方案-网页分段渲染。

首先我们先看下传统的渲染方式:

上面我们提供了一个简单的例子,通过访问 返回一个页面。其中渲染页面时,有2个耗时5秒的操作,可以假设为IO或者数据拉取。这个时候我们观察返回页面的时间是秒,也就是说用户看到页面需要秒钟。

node网页分段渲染详解(node分页接口)

下面我们通过改造后端渲染方式,改为分段渲染。

通过设置http首部: Transfer-Encoding: chunked 即开启了分段传输的魔法。该编码方式存在http1.1中,一般在服务器生成HTTP回应是无法确定信息大小的,这时用Content-Length就无法事先写入长度,而需要实时生成消息长度,则服务器一般采用Chunked编码。

在进行Chunked编码传输时,在回复消息的头部有transfer-coding并定义为Chunked,表示将用Chunked编码传输内容。 下面我们看下修改后的效果:

虽然总体的页面传输时间并没有变化,但是通过该方式,我们将响应时间缩短了一半,减少了用户等待的时间。在具体业务中,我们可以讲用户需要先看到的部分进行提前输出,将后端处理耗时较久的部分延迟输出,这就是分段传输渲染的优势。 注意如果服务器是nginx,有可能由于缓冲区的设置导致分段渲染无效,需要调整缓冲区大小。

深入分析node.js的异步API和其局限性 用异步API的原因异步的概念之所以首先在Web2.0中火起来,是因为在浏览器中Javascript在单线程上执行,而且他还与UI渲染公用一个线程.这意味着Javascript在执

Node.js读写文件之批量替换图片的实现方法 问题:文件夹A中有大量图片文件,需要用另外一个图片替换掉A中图片,但是命名保持不变。手工的做法如下:1)浏览器打开图片-2)另存为-3)目标文

Node.js connect ECONNREFUSED错误解决办法 最近在准备Angularjs+node.jsdemo的时候在我的mac开发中遇见此错误,如下:events.js:throwarguments[1];//Unhandled'error'event^Error:connectECONNREFUSEDaterrnoException(net.js::

本文链接地址:https://www.jiuchutong.com/biancheng/370793.html 转载请保留说明!

上一篇:nodeJs内存泄漏问题详解(node 内存泄漏)

下一篇:深入分析node.js的异步API和其局限性(深入分析南水北调工程面临的新形势心得体会)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络