一种服务器优化页面渲染的方法及web cache服务器的制造方法
【专利摘要】本发明实施例公开了一种服务器优化页面渲染的方法及web?cache服务器，解决了现有技术中由于多种元素的无顺序渲染方式中的css文件的样式表结构在网页的渲染需要样式表加载结束后才能显示，以及js脚本的大数据量，导致其在网络页面中的前部时，需要大流量渲染jsp，从而使得网络页面渲染的速度大大地减少的技术问题。本发明实施例方法包括：获取客户端发送的http请求；对与http请求相对应的html文件进行预置规则改写；其中，预置规则为css文件排布在html文件的head头部，js脚本排布在html文件的body身体部。
【专利说明】—种服务器优化页面渲染的方法及web cache服务器
【技术领域】
[0001]本发明涉及互联网【技术领域】，尤其涉及一种服务器优化页面渲染的方法及webcache服务器。
【背景技术】
[0002]CDN(Content Distribut1n Network,内容分发网络)，其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容，解决Internet网络拥挤的状况，提高用户访问网站的响应速度。
[0003]目前的通过CDN提高页面加载速度的优化技术有多种，例如页面内容预取，页面压缩，优化路由，使得终端用户的网络页面加载时间可以减少，实际应用中网络页面包含有多种元素，例如html, img, css, jsp, video, aud1等等,通过在页面随机的位置中出现各种元素，便实现了整个网络页面的渲染。
[0004]然而，上述提及的多种元素的无顺序渲染方式，由于css文件的样式表结构，使得网页的渲染需要样式表加载结束后才能显示，以及js脚本的大数据量，导致其在网络页面中的前部时，需要大流量渲染jsp，从而使得网络页面渲染的速度大大地减少。
【发明内容】
[0005]本发明实施例提供了一种服务器优化页面渲染的方法及web cache服务器，解决了现有技术中由于多种元素的无顺序渲染方式中的CSS文件的样式表结构在网页的渲染需要样式表加载结束后才能显示，以及js脚本的大数据量，导致其在网络页面中的前部时，需要大流量渲染jsp，从而使得网络页面渲染的速度大大地减少的技术问题。
[0006]本发明实施例提供的一种服务器优化页面渲染的方法，包括:
[0007]获取客户端发送的http请求；
[0008]对与所述http请求相对应的html文件进行预置规则改写；
[0009]其中，所述预置规则为css文件排布在所述html文件的head头部，js脚本排布在所述html文件的body身体部。
[0010]优选地，js脚本排布在所述html文件的body身体部具体包括:
[0011]所述js脚本排布在所述html文件的所述body身体部的尾处。
[0012]优选地，获取客户端发送的http请求之后还包括:
[0013]查询本地是否有与所述http请求相对应的所述html文件,若有,则对所述html文件是否过期判断，若是，则发送至源站进行校验，并获取新html文件。
[0014]优选地，获取客户端发送的http请求之后还包括:
[0015]查询本地是否有与所述http请求相对应的所述html文件,若有,则对所述html文件是否过期判断，若否，则返回http304响应给所述客户端。
[0016]优选地，对与所述http请求相对应的html文件进行预置规则改写之后还包括:
[0017]向客户端发送与改写后的所述html文件相对应的http响应。
[0018]优选地，发送至源站进行校验，并获取新html文件具体包括:
[0019]发送至源站进行校验，若所述源站校验为过期，则所述源站返回所述新html文件，及http200响应。
[0020]本发明实施例中提供的一种web cache服务器，通过本发明实施例中提及的任意一种服务器优化页面渲染的方法进行使用，包括:
[0021]获取单元,用于获取客户端发送的http请求；
[0022]改写单元，用于对与所述http请求相对应的html文件进行预置规则改写；
[0023]其中，所述预置规则为css文件排布在所述html文件的head头部，js脚本排布在所述html文件的body身体部的尾处。
[0024]优选地,所述的web cache服务器还包括:
[0025]查询单元,用于查询本地是否有与所述http请求相对应的所述html文件,若有，则对所述html文件是否过期判断，若是，则触发第一判断子单元，若否则触发第二判断子单元；
[0026]所述第一判断子单元，用于发送至源站进行校验，若所述源站校验为过期，则所述源站返回所述新html文件，及http200响应。
[0027]优选地,所述查询单元还包括:
[0028]所述第二判断子单元,用于返回http304响应给所述客户端。
[0029]优选地,所述的web cache服务器还包括:
[0030]响应单元,用于向客户端发送与改写后的所述html文件相对应的http响应。
[0031]从以上技术方案可以看出，本发明实施例具有以下优点:
[0032]本发明实施例提供了一种服务器优化页面渲染的方法及web cache服务器，方法包括:获取客户端发送的http请求；对与http请求相对应的html文件进行预置规则改写；其中，预置规则为CSS文件排布在html文件的head头部,js脚本排布在html文件的body身体部。本实施例中，通过对与http请求相对应的html文件按照css文件排布在html文件的head头部,js脚本排布在html文件的body身体部的预置规则进行改写,便解决了现有技术中由于多种元素的无顺序渲染方式中的css文件的样式表结构在网页的渲染需要样式表加载结束后才能显示，以及js脚本的大数据量，导致其在网络页面中的前部时，需要大流量渲染jsp，从而使得网络页面渲染的速度大大地减少的技术问题。
【专利附图】
【附图说明】
[0033]为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其它的附图。
[0034]图1为本发明实施例提供的一种服务器优化页面渲染的方法的一个实施例的流程不意图；
[0035]图2为本发明实施例提供的一种服务器优化页面渲染的方法的另一个实施例的流程示意图；
[0036]图3为本发明实施例提供的一种web cache服务器的一个实施例的结构示意图；
[0037]图4为本发明实施例提供的一种web cache服务器的另一个实施例的结构示意图。
【具体实施方式】
[0038]本发明实施例提供了一种服务器优化页面渲染的方法及web cache服务器，解决了现有技术中由于多种元素的无顺序渲染方式中的CSS文件的样式表结构在网页的渲染需要样式表加载结束后才能显示，以及js脚本的大数据量，导致其在网络页面中的前部时，需要大流量渲染jsp，从而使得网络页面渲染的速度大大地减少的技术问题。
[0039]HTTP (Hypertext transfer protocol,超文本传输协议)，是一种详细规定了浏览器和万维网服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议，Html是块的概念，分为head头部分和body身体部分。
[0040]css文件是样式表，样式表将管理整个web网页的外观，当在设计html (标准通用标记语言的一个应用)时，首先要对整个外观定义一个CSS文件(扩展名为.CSS)。
[0041]jsp技术有点类似ASP技术，它是在传统的网页HTML (标准通用标记语言的子集)文件0.htm, *.html)中插入Java程序段(Scriptlet)和jsp标记(tag)，从而形成js脚本，后缀名为(*.jsp)。，用jsp开发的web网页应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。
[0042]为使得本发明的发明目的、特征、优点能够更加的明显和易懂，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，下面所描述的实施例仅仅是本发明一部分实施例，而非全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
[0043]请参阅图1，本发明实施例提供的一种服务器优化页面渲染的方法的一个实施例包括:
[0044]101、获取客户端发送的http请求；
[0045]本实施例中，当用户通过客户端，例如计算机，平板电脑等需要通过网络打开html语言撰写的网页之前，需要获取客户端发送的http请求，可以理解的是，前述的http请求，可以是http协议下的网络域名等，此处具体不做限定。
[0046]102、对与http请求相对应的html文件进行预置规则改写；
[0047]当获取客户端发送的http请求之后，需要对与http请求相对应的html文件进行预置规则改写。
[0048]必须说明的是，前述的预置规则为css文件排布在html文件的head头部，js脚本排布在html文件的body身体部，js脚本排布还可以具体为排布在html文件的body身体部的尾处。
[0049]可以理解的是，前述的css文件排布在html文件的head头部的具体程序代码例如为:
[0050]〈script type =，，text/javascript，，>...</script>
[0051]<meta name =，，keywords，，content =，，css，，>
[0052]〈linker el =，，canonical，，href = http://zhida0.baidu.com/quest1n/222.html>
[0053]〈script〉…〈/script〉
[0054]〈script type =，，text/javascript，，>...</script>
[0055]〈script type =，，text/javascript，，>...</script>
[0056]〈link rel =，，stylesheet，，type = text/css，，href =
[0057]，’http://cdn.1know.badimg.com/static/quest1n/pkg/a1_cf.css，，>
[0058]<script>alog( ‘speed, set，, ’ ht，, new Date) ；</script)
[0059]…
[0060]〈/head〉
[0061]需要说明的是，前述的相对应的html文件的获取将在后续的实施例中进行详细的描述，此处不再赘述。
[0062]本实施例中，通过对与http请求相对应的html文件按照css文件排布在html文件的head头部,js脚本排布在html文件的body身体部的预置规则进行改写,便解决了现有技术中由于多种元素的无顺序渲染方式中的css文件的样式表结构在网页的渲染需要样式表加载结束后才能显示，以及js脚本的大数据量，导致其在网络页面中的前部时，需要大流量渲染jsp，从而使得网络页面渲染的速度大大地减少的技术问题。
[0063]上面是对服务器优化页面渲染的方法的过程进行详细的描述，下面将对html文件的获取过程进行详细的描述，请参阅图2，本发明实施例提供的一种服务器优化页面渲染的方法的另一个实施例包括:
[0064]201、获取客户端发送的http请求；
[0065]本实施例中，当用户通过客户端，例如计算机，平板电脑等需要通过网络打开html语言撰写的网页之前，需要获取客户端发送的http请求，可以理解的是，前述的http请求，可以是http协议下的网络域名等，此处具体不做限定。
[0066]202、查询本地是否有与http请求相对应的html文件，若是，则执行步骤203，若否，贝1J直接返回与http请求相对应的http响应；
[0067]当获取客户端发送的http请求之后，需要查询本地是否有与http请求相对应的html文件,若是,则执行步骤203,若否,则直接返回与http请求相对应的http响应,可以理解的是，前述的与http请求相对应的http响应可以是http协议的304响应。
[0068]203、对html文件是否过期判断，若是，则执行步骤204，若否，则执行步骤205 ；
[0069]当查询本地有与http请求相对应的html文件之后，需要对html文件是否过期判断，若是，则执行步骤204，若否，则执行步骤205，可以理解的是，若前述的html文件即将过期，需要执行步骤204。
[0070]204、源站返回新html文件,及http200响应；
[0071]当判断html文件过期或即将过期之后，需要将html文件返回至源站进行http协议的过期校验，若过期之后，源站将返回新html文件,及http200响应。
[0072]205、返回http304响应给客户端；
[0073]当判断html文件未过期之后,返回http304响应给客户端。
[0074]206、对与新html文件进行预置规则改写；
[0075]当前述步骤204的获取到源站返回新html文件之后，需要对与http请求相对应的新html文件进行预置规则改写。
[0076]必须说明的是，前述的预置规则为css文件排布在html文件的head头部，js脚本排布在html文件的body身体部，js脚本排布还可以具体为排布在html文件的body身体部的尾处。
[0077]可以理解的是，前述的css文件排布在html文件的head头部的具体程序代码例如为:
[0078]〈script type =，，text/javascript，，>...</script>
[0079]<meta name =，，keywords” content =，，css” >
[0080]〈linker el =，，canonical，，href = http://zhida0.baidu.com/quest1n/222.html>
[0081]〈script〉…〈/script〉
[0082]〈script type =，，text/javascript，，>...</script>
[0083]〈script type =，，text/javascript，，>...</script>
[0084]〈link rel =，，stylesheet，，type = text/css，，href =
[0085]，’http://cdn.1know.badimg.com/static/quest1n/pkg/a1_cf.css，，>
[0086]<script>alog( ‘speed, set，, ’ ht，, new Date) ；</script)
[0087]…
[0088]〈/head〉
[0089]207、向客户端发送与改写后的html文件相对应的http响应。
[0090]当对与新html文件进行预置规则改写之后，需要向客户端发送与改写后的html文件相对应的http响应。
[0091]本实施例中,通过对与http请求相对应的html文件按照css文件排布在html文件的head头部,js脚本排布在html文件的body身体部的预置规则进行改写,便解决了现有技术中由于多种元素的无顺序渲染方式中的css文件的样式表结构在网页的渲染需要样式表加载结束后才能显示，以及js脚本的大数据量，导致其在网络页面中的前部时，需要大流量渲染jsp，从而使得网络页面渲染的速度大大地减少的技术问题，以及，对http请求相对应的html文件进行过期分析和判断，并根据分析和判断的结果进行处理的设计，进一步完善了本发明实施例中的服务器优化页面渲染的方法。
[0092]请参阅图3，本发明实施例中提及的一种web cache服务器一个实施例包括:
[0093]获取单元301，用于获取客户端发送的http请求；
[0094]改写单元302,用于对与http请求相对应的html文件进行预置规则改写；
[0095]其中，预置规则为css文件排布在html文件的head头部，js脚本排布在html文件的body身体部的尾处。
[0096]本实施例中，通过改写单元302对与http请求相对应的html文件按照css文件排布在html文件的head头部，js脚本排布在html文件的body身体部的预置规则进行改写，便解决了现有技术中由于多种元素的无顺序渲染方式中的css文件的样式表结构在网页的渲染需要样式表加载结束后才能显示，以及js脚本的大数据量，导致其在网络页面中的前部时，需要大流量渲染jsp，从而使得网络页面渲染的速度大大地减少的技术问题。
[0097]上面是对web cache服务器的各单元进行详细的描述，下面将对附加单元进行详细的描述，请参阅图4，本发明实施例中提及的一种web cache服务器另一个实施例包括:
[0098]获取单元401,用于获取客户端发送的http请求；
[0099]查询单元402，用于查询本地是否有与http请求相对应的html文件，若有，则对html文件是否过期判断，若是，则触发第一判断子单元4021，若否则触发第二判断子单元4022 ；
[0100]第一判断子单元4021，用于发送至源站进行校验，若源站校验为过期，则源站返回新html文件,及http200响应；
[0101]第二判断子单元4022，用于返回http304响应给客户端。
[0102]改写单元404,用于对与http请求相对应的html文件进行预置规则改写；
[0103]其中，预置规则为css文件排布在html文件的head头部，js脚本排布在html文件的body身体部的尾处。
[0104]响应单元405，用于向客户端发送与改写后的html文件相对应的http响应。
[0105]本实施例中，通过改写单元404对与http请求相对应的html文件按照css文件排布在html文件的head头部，js脚本排布在html文件的body身体部的预置规则进行改写，便解决了现有技术中由于多种元素的无顺序渲染方式中的css文件的样式表结构在网页的渲染需要样式表加载结束后才能显示，以及js脚本的大数据量，导致其在网络页面中的前部时，需要大流量渲染jsp，从而使得网络页面渲染的速度大大地减少的技术问题，以及，查询单元402对http请求相对应的html文件进行过期分析和判断,并根据分析和判断的结果进行处理的设计，进一步完善了本发明实施例中的服务器优化页面渲染的方法。
[0106]所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
[0107]在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
[0108]所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
[0109]另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
[0110]所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM, Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
[0111]以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
【权利要求】
1.一种服务器优化页面渲染的方法，其特征在于，包括: 获取客户端发送的http请求； 对与所述http请求相对应的html文件进行预置规则改写； 其中，所述预置规则为css文件排布在所述html文件的head头部，js脚本排布在所述html文件的body身体部。
2.根据权利要求1所述的服务器优化页面渲染的方法，其特征在于，js脚本排布在所述html文件的body身体部具体包括: 所述js脚本排布在所述html文件的所述body身体部的尾处。
3.根据权利要求1所述的服务器优化页面渲染的方法，其特征在于，获取客户端发送的http请求之后还包括: 查询本地是否有与所述http请求相对应的所述html文件,若有,则对所述html文件是否过期判断，若是，则发送至源站进行校验，并获取新html文件。
4.根据权利要求1所述的服务器优化页面渲染的方法，其特征在于，获取客户端发送的http请求之后还包括: 查询本地是否有与所述http请求相对应的所述html文件,若有,则对所述html文件是否过期判断，若否，则返回http304响应给所述客户端。
5.根据权利要求1所述的服务器优化页面渲染的方法，其特征在于，对与所述http请求相对应的html文件进行预置规则改写之后还包括: 向客户端发送与改写后的所述html文件相对应的http响应。
6.根据权利要求3所述的服务器优化页面渲染的方法，其特征在于，发送至源站进行校验，并获取新html文件具体包括: 发送至源站进行校验，若所述源站校验为过期，则所述源站返回所述新html文件，及http200 响应。
7.一种web cache服务器，通过如权利要求1至6所述的服务器优化页面渲染的方法进行使用，其特征在于，包括: 获取单元，用于获取客户端发送的http请求； 改写单元，用于对与所述http请求相对应的html文件进行预置规则改写； 其中，所述预置规则为css文件排布在所述html文件的head头部，js脚本排布在所述html文件的body身体部的尾处。
8.根据权利要求7所述的webcache服务器，其特征在于，所述的webcache服务器还包括: 查询单元，用于查询本地是否有与所述http请求相对应的所述html文件，若有，则对所述html文件是否过期判断，若是，则触发第一判断子单元，若否则触发第二判断子单元； 所述第一判断子单元，用于发送至源站进行校验，若所述源站校验为过期，则所述源站返回所述新html文件,及http200响应。
9.根据权利要求8所述的webcache服务器，其特征在于，所述查询单元还包括: 所述第二判断子单元，用于返回http304响应给所述客户端。
10.根据权利要求7所述的webcache服务器，其特征在于，所述的webcache服务器还包括:
响应单元，用于向客户端发送与改写后的所述html文件相对应的http响应。
【文档编号】G06F17/30GK104182547SQ201410459036
【公开日】2014年12月3日 申请日期:2014年9月10日 优先权日:2014年9月10日
【发明者】黄勇, 周东树, 王亮 申请人:北京浩瀚深度信息技术股份有限公司