一种提高页面内容显示速度的方法及系统技术方案

本发明专利技术公开了一种提高页面内容显示速度的方法及系统，其中方法包括：客户端浏览器发起http请求，并解析域名到html优化模块服务器；html优化模块服务器转发所述http请求到原web站点；原web站点返回http响应中含有要显示页面内容的第一html文档到html优化模块服务器；html优化模块服务器解析第一html文档，并将js脚本引用和css文件引用移动到html文档末尾，获得第二html文档；返回第二html文档到客户端浏览器，并解析显示。通过上述方式，本发明专利技术可以在不对每个页面进行修改的情况下，优化web页面的显示速度。

【技术实现步骤摘要】

本专利技术涉及网页加载
，尤其是涉及一种提高页面内容显示速度的方法及系统。
技术介绍
目前许多页面将js(javascript)和CSS(层叠样式表)文件引用放在了html文档的最前面，这样处理是为了代码方便查阅，把css和js文件的引用放在html文档中的head节点，方便查看，但是实际上浏览器解析时会先将css和js全部下载完毕后才会开始渲染页面内容。这样也会造成许多浏览器会先将在html文档前面的js和css文件引用下载完毕后，才会将html内容渲染显示出来，导致用户刚打开页面时候先看到空白页，需要等待js和css文件下载完，才能看到内容。如现有中国专利申请(申请号:201410459036.6)将css文件排布在html文件的head头部，js脚本排布在html文件的body身体部。将css文件移动到head会使得浏览器在清染页面时需要先下载css文件，下载完毕才会开始渲染页面，这对在网络带宽较小而css文件较大的情况下，页面内容显示速度将会很慢，不方便用户查阅。
技术实现思路
本专利技术所要解决的技术问题是:移动相关文件或脚本，实现快速加载页面内容，方便用户查阅。为了解决上述技术问题，本专利技术采用的技术方案为:提供一种提高页面内容显示速度的方法，包括:客户端浏览器发起http请求，并解析域名到html优化模块服务器；html优化模块服务器转发所述http请求到原web站点；原web站点返回http响应中含有要显示页面内容的第一 html文档到html优化模块服务器；html优化模块服务器解析第一html文档，并将js脚本引用和css文件引用移动到html文档末尾，获得第二 html文档；返回第二html文档到客户端浏览器，并解析显示。为解决上述问题，本专利技术还提供一种提高页面内容显示速度的系统，包括客户端浏览器、html优化模块服务器，其中，客户端浏览器发起http请求，并解析域名到html优化模块服务器；html优化模块服务器转发所述http请求到原web站点；原web站点返回http响应中含有要显示页面内容的第一 html文档到html优化模块服务器；html优化模块服务器解析第一html文档，并将js脚本引用和css文件引用移动到html文档末尾，获得第二 html文档；返回第二 html文档到客户端浏览器，并解析显示。本专利技术的有益效果在于:区别于现有技术，本专利技术通过在html优化模块服务器中对web页面的html文档进行转发并解析，获取其中head节点中的js文件引用标签和css引用标签;将这些标签移动到html文档的末尾，再返回给用户。通过上述方式，本专利技术可以在不对每个页面进行修改的情况下，优化web页面的显示速度。【附图说明】图1为本专利技术方法实施例一的流程示意图；图2为本专利技术系统实施例二的结构框图。【具体实施方式】为详细说明本专利技术的
技术实现思路
、所实现目的及效果，以下结合实施方式并配合附图予以说明。本专利技术最关键的构思在于:通过对web页面的html文档进行转发并解析，获取其中head节点中的js文件引用标签和css引用标签，并移动到html文档的末尾，再返回给客户端浏览器，实现页面内容的快速显示。请参照图1，本专利技术实施例一提供一种提高页面内容显示速度的方法，包括:S1:客户端浏览器发起http请求，并解析域名到html优化模块服务器；S2:html优化模块服务器转发所述http请求到原web站点；S3:原web站点返回http响应中含有要显示页面内容的第一 html文档到html优化模块服务器；S4:html优化模块服务器解析第一 html文档，并将js脚本引用和css文件引用移动至Ijhtml文档末尾，获得第二 html文档；S5:返回第二 html文档到客户端浏览器，并解析显示。这里解析域名是指例如DNS解析，是将一个域名例如WWW.baidu.com解析到一个服务器ip例如 192.168.1.100。html优化模块服务器本身不包含域名解析功能，只包含解析html文档功能。域名解析是浏览器的工作，浏览器把域名解析到html优化模块所在的服务器，然后html优化模块对解析后的域名进行html文档解析。例如优化www.baidu.com站点，就需要把该域名解析到html优化模块服务器上，html优化模块服务器对解析后的域名进行html文档解析，然后浏览器就会先访问该服务器后，再中转给百度站点原服务器。其中，客户端浏览器若同时发起多个http请求后，html优化模块服务器也可同时对多个html文档进行解析。在获得第二 html文档时，具体地:html优化模块服务器解析第一 html文档后，判断所述第一 html文档head标签是否包括js脚本引用和css文件引用；若是，则移动js脚本引用和css文件引用到html文档末尾，获得第二html文档，并将第二 html文档返回到客户端浏览器，并解析显示；反之，则不作处理，直接将第一html文档返回给客户端浏览器，并解析显示。如客户端浏览器打开一个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文档进行解析。区别于现有技术，本专利技术通过在html优化模块服务器中对web页面的html文档进行转发并解析，获取其中head节点中的j s文件引用标签和css引用标签;将这些标签移动到html文档的末尾，再返回给用户。通过上述方式，本专利技术可以在不对每个页面进行修改的情况下，优化web页面的显示速度。如图2所示，本专利技术实施例二提供一种提高页面内容显示速度的系统，包括客户端浏览器、html优化模块服务器，其中，客户端浏览器发起http请求，并解析域名到html优化模块服务器；html优化模块服务器转发所述http请求到原web站点； 原web站点返回http响应中含有要显示页面内容的第一 html文档到html优化模块服务器；html优化模块服务器解析第一html文档，并将js脚本引用和css文件引用移动到html文档末尾，获得第二 html文档；返回第二 html文档到客户端浏览器，并解析显示。其中，客户端浏览器若同时发起多个http请求后，html优化模块服务器也可同时对多个html文档进行解析。在一个具体的实施例中，html优化模块服务器还用于解析第一html文档，并判断所述第一 html文档head标签是否包括js脚本引用和css文件引用；若是，则移动js脚本引用本文档来自技高网...

【技术保护点】
一种提高页面内容显示速度的方法，其特征在于，包括：客户端浏览器发起http请求，并解析域名到html优化模块服务器；html优化模块服务器转发所述http请求到原web站点；原web站点返回http响应中含有要显示页面内容的第一html文档到html优化模块服务器；html优化模块服务器解析第一html文档，并将js脚本引用和css文件引用移动到html文档末尾，获得第二html文档；返回第二html文档到客户端浏览器，并解析显示。

【技术特征摘要】

【专利技术属性】
技术研发人员：陈丛亮，刘德建，毛新生，
申请(专利权)人：福建天晴数码有限公司，
类型：发明
国别省市：福建;35