[发明专利]一种提高页面内容显示速度的方法及系统

说明书

本发明公开了一种提高页面内容显示速度的方法及系统，其中方法包括：客户端浏览器发起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为本发明方法实施例一的流程示意图；