一种提高页面内容显示速度的方法及系统的利记博彩app

文档序号:9727451阅读:317来源:国知局
一种提高页面内容显示速度的方法及系统的利记博彩app
【技术领域】
[0001]本发明涉及网页加载技术领域,尤其是涉及一种提高页面内容显示速度的方法及系统。
【背景技术】
[0002]目前许多页面将js(javascript)和CSS(层叠样式表)文件引用放在了html文档的最前面,这样处理是为了代码方便查阅,把css和js文件的引用放在html文档中的head节点,方便查看,但是实际上浏览器解析时会先将css和js全部下载完毕后才会开始渲染页面内容。这样也会造成许多浏览器会先将在html文档前面的js和css文件引用下载完毕后,才会将html内容渲染显示出来,导致用户刚打开页面时候先看到空白页,需要等待js和css文件下载完,才能看到内容。
[0003]如现有中国专利申请(申请号:201410459036.6)将css文件排布在html文件的head头部,js脚本排布在html文件的body身体部。将css文件移动到head会使得浏览器在清染页面时需要先下载css文件,下载完毕才会开始渲染页面,这对在网络带宽较小而css文件较大的情况下,页面内容显示速度将会很慢,不方便用户查阅。

【发明内容】

[0004]本发明所要解决的技术问题是:移动相关文件或脚本,实现快速加载页面内容,方便用户查阅。
[0005]为了解决上述技术问题,本发明采用的技术方案为:提供一种提高页面内容显示速度的方法,包括:
[0006]客户端浏览器发起http请求,并解析域名到html优化模块服务器;
[0007]html优化模块服务器转发所述http请求到原web站点;
[0008]原web站点返回http响应中含有要显示页面内容的第一 html文档到html优化模块服务器;
[0009]html优化模块服务器解析第一html文档,并将js脚本引用和css文件引用移动到html文档末尾,获得第二 html文档;
[0010]返回第二html文档到客户端浏览器,并解析显示。
[0011]为解决上述问题,本发明还提供一种提高页面内容显示速度的系统,包括客户端浏览器、html优化模块服务器,其中,
[0012]客户端浏览器发起http请求,并解析域名到html优化模块服务器;
[0013]html优化模块服务器转发所述http请求到原web站点;
[0014]原web站点返回http响应中含有要显示页面内容的第一 html文档到html优化模块服务器;
[0015]html优化模块服务器解析第一html文档,并将js脚本引用和css文件引用移动到html文档末尾,获得第二 html文档;
[0016]返回第二 html文档到客户端浏览器,并解析显示。
[0017]本发明的有益效果在于:区别于现有技术,本发明通过在html优化模块服务器中对web页面的html文档进行转发并解析,获取其中head节点中的js文件引用标签和css引用标签;将这些标签移动到html文档的末尾,再返回给用户。通过上述方式,本发明可以在不对每个页面进行修改的情况下,优化web页面的显示速度。
【附图说明】
[0018]图1为本发明方法实施例一的流程示意图;
[0019]图2为本发明系统实施例二的结构框图。
【具体实施方式】
[0020]为详细说明本发明的技术内容、所实现目的及效果,以下结合实施方式并配合附图予以说明。
[0021 ]本发明最关键的构思在于:通过对web页面的html文档进行转发并解析,获取其中head节点中的js文件引用标签和css引用标签,并移动到html文档的末尾,再返回给客户端浏览器,实现页面内容的快速显示。
[0022]请参照图1,本发明实施例一提供一种提高页面内容显示速度的方法,包括:
[0023]S1:客户端浏览器发起http请求,并解析域名到html优化模块服务器;
[0024]S2:html优化模块服务器转发所述http请求到原web站点;
[0025]S3:原web站点返回http响应中含有要显示页面内容的第一 html文档到html优化模块服务器;
[0026]S4:html优化模块服务器解析第一 html文档,并将js脚本引用和css文件引用移动至Ijhtml文档末尾,获得第二 html文档;
[0027]S5:返回第二 html文档到客户端浏览器,并解析显示。
[0028]这里解析域名是指例如DNS解析,是将一个域名例如WWW.baidu.com解析到一个服务器ip例如 192.168.1.100。
[0029]html优化模块服务器本身不包含域名解析功能,只包含解析html文档功能。域名解析是浏览器的工作,浏览器把域名解析到html优化模块所在的服务器,然后html优化模块对解析后的域名进行html文档解析。例如优化www.baidu.com站点,就需要把该域名解析到html优化模块服务器上,html优化模块服务器对解析后的域名进行html文档解析,然后浏览器就会先访问该服务器后,再中转给百度站点原服务器。
[0030]其中,客户端浏览器若同时发起多个http请求后,html优化模块服务器也可同时对多个html文档进行解析。
[0031]在获得第二 html文档时,具体地:
[0032]html优化模块服务器解析第一 html文档后,判断所述第一 html文档head标签是否包括js脚本引用和css文件引用;
[0033]若是,则移动js脚本引用和css文件引用到html文档末尾,获得第二html文档,并将第二 html文档返回到客户端浏览器,并解析显示;
[0034]反之,则不作处理,直接将第一html文档返回给客户端浏览器,并解析显示。
[0035]如客户端浏览器打开一个web站点,http://test.com/其中将域名解析到html优化模块的服务器。再由html优化模块对请求进行转发到原web站点,原web站点返回http响应其中包含了要显示的页面的html文档,html优化模块对html文档进行解析,判断其中文档的head标签是否包括script引用标签和css引用标签,若包含有上述标签,则将上述标签移动到末尾(如html结束标签(</html>)前面),再将修改后的html文档返回给客户端浏览器,可以使得这个页面在js和css文件引用未下载前提早显示出来,让用户看到页面内容html优化模块服务器。如果head标签中不包含上述标签,则不对html文档做修改,直接发送客户端浏览器进行解析显示。如果客户端同时发起多个http请求,html优化模块可以同时对多个html文档进行解析。
[0036]区别于现有技术,本发明通过在html优化模块服务器中对web页面的html文档进行转发并解析,获取其中head节点中的j s文件引用标签和css引用标签;将这些标签移动到html文档的末尾,再返回给用户。通过上述方式,本发明可以在不对每个页面进行修改的情况下,优化web页面的显示速度。
[0037]如图2所示,本发明实施例二提供一种提高页面内容显示速度的系统,包括客户端浏览器、html优化模块服务器,其中,
[0038]客户端浏览器发起http请求,并解析域名到html优化模块服务器;
[0039]html优化模块服务器转发所述http请求到原web站点;
[°04°] 原web站点返回http响应中含有要显示页面内容的第一 html文档到html优化模块服务器;
[0041]html优化模块服务器解析第一html文档,并将js脚本引用和css文件引用移动到html文档末尾,获得第二 html文档;
[0042]返回第二 html文档到客户端浏览器,并解析显示。
[0043]其中,客户端浏览器若同时发起多个http请求后,html优化模块服务器也可同时对多个html文档进行解析。
[0044]在一个具体的实施例中,html优化模块服务器还用于解析第一html文档,并判断所述第一 html文档head标签是否包括js脚本引用和css文件引用;
[0045]若是,则移动js脚本引用和css文件引用到html文档末尾,获得第二html文档,并将第二 html文档返回到客户端浏览器,并解析显示;
[0046]反之,则不作处理,直接将第一html文档返回给客户端浏览器,并解析显示。
[0047]以上所述仅为本发明的实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等同变换,或直接或间接运用在相关的技术领域,均同理包括在本发明的专利保护范围内。
【主权项】
1.一种提高页面内容显示速度的方法,其特征在于,包括: 客户端浏览器发起http请求,并解析域名到html优化模块服务器; html优化模块服务器转发所述http请求到原web站点; 原web站点返回http响应中含有要显示页面内容的第一 html文档到html优化模块服务器; html优化模块服务器解析第一html文档,并将js脚本引用和css文件引用移动到html文档末尾,获得第二 html文档; 返回第二 html文档到客户端浏览器,并解析显示。2.根据权利要求1所述一种提高页面内容显示速度的方法,其特征在于,客户端浏览器同时发起多个http请求后,html优化模块服务器同时对多个html文档进行解析。3.根据权利要求1所述一种提高页面内容显示速度的方法,其特征在于,html优化模块服务器解析第一 html文档后,判断所述第一 html文档head标签是否包括js脚本引用和css文件引用; 若是,则移动js脚本引用和css文件引用到html文档末尾,获得第二 html文档,并返回第二 html文档到客户端浏览器; 反之,则直接将第一 html文档返回给客户端浏览器。4.一种提高页面内容显示速度的系统,其特征在于,包括客户端浏览器、html优化模块服务器,其中, 客户端浏览器发起http请求,并解析域名到html优化模块服务器; html优化模块服务器转发所述http请求到原web站点; 原web站点返回http响应中含有要显示页面内容的第一 html文档到html优化模块服务器; html优化模块服务器解析第一html文档,并将js脚本引用和css文件引用移动到html文档末尾,获得第二 html文档; 返回第二 html文档到客户端浏览器,并解析显示。5.根据权利要求4所述一种提高页面内容显示速度的系统,其特征在于,客户端浏览器同时发起多个http请求后,html优化模块服务器同时对多个html文档进行解析。6.根据权利要求4所述一种提高页面内容显示速度的系统,其特征在于: html优化模块服务器还用于解析第一 html文档; 判断所述第一 html文档head标签是否包括js脚本引用和css文件引用; 若是,则移动js脚本引用和css文件引用到html文档末尾,获得第二 html文档,并返回第二 html文档到客户端浏览器; 反之,则直接将第一 html文档返回给客户端浏览器。
【专利摘要】本发明公开了一种提高页面内容显示速度的方法及系统,其中方法包括:客户端浏览器发起http请求,并解析域名到html优化模块服务器;html优化模块服务器转发所述http请求到原web站点;原web站点返回http响应中含有要显示页面内容的第一html文档到html优化模块服务器;html优化模块服务器解析第一html文档,并将js脚本引用和css文件引用移动到html文档末尾,获得第二html文档;返回第二html文档到客户端浏览器,并解析显示。通过上述方式,本发明可以在不对每个页面进行修改的情况下,优化web页面的显示速度。
【IPC分类】G06F17/30
【公开号】CN105488175
【申请号】CN201510861312
【发明人】陈丛亮, 刘德建, 毛新生
【申请人】福建天晴数码有限公司
【公开日】2016年4月13日
【申请日】2015年12月1日
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1