CN105488175A - 一种提高页面内容显示速度的方法及系统 - Google Patents

一种提高页面内容显示速度的方法及系统 Download PDF

Info

Publication number
CN105488175A
CN105488175A CN201510861312.6A CN201510861312A CN105488175A CN 105488175 A CN105488175 A CN 105488175A CN 201510861312 A CN201510861312 A CN 201510861312A CN 105488175 A CN105488175 A CN 105488175A
Authority
CN
China
Prior art keywords
html
html document
module server
client browser
document
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201510861312.6A
Other languages
English (en)
Other versions
CN105488175B (zh
Inventor
陈丛亮
刘德建
毛新生
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Fujian TQ Digital Co Ltd
Original Assignee
Fujian TQ Digital Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Fujian TQ Digital Co Ltd filed Critical Fujian TQ Digital Co Ltd
Priority to CN201510861312.6A priority Critical patent/CN105488175B/zh
Publication of CN105488175A publication Critical patent/CN105488175A/zh
Application granted granted Critical
Publication of CN105488175B publication Critical patent/CN105488175B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

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

Description

一种提高页面内容显示速度的方法及系统
技术领域
本发明涉及网页加载技术领域，尤其是涉及一种提高页面内容显示速度的方法及系统。
背景技术
目前许多页面将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文件引用移动到html文档末尾，获得第二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节点中的js文件引用标签和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脚本引用和css文件引用到html文档末尾，获得第二html文档，并将第二html文档返回到客户端浏览器，并解析显示；
反之，则不作处理，直接将第一html文档返回给客户端浏览器，并解析显示。
以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (6)

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文档返回给客户端浏览器。
CN201510861312.6A 2015-12-01 2015-12-01 一种提高页面内容显示速度的方法及系统 Active CN105488175B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510861312.6A CN105488175B (zh) 2015-12-01 2015-12-01 一种提高页面内容显示速度的方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510861312.6A CN105488175B (zh) 2015-12-01 2015-12-01 一种提高页面内容显示速度的方法及系统

Publications (2)

Publication Number Publication Date
CN105488175A true CN105488175A (zh) 2016-04-13
CN105488175B CN105488175B (zh) 2019-02-12

Family

ID=55675149

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510861312.6A Active CN105488175B (zh) 2015-12-01 2015-12-01 一种提高页面内容显示速度的方法及系统

Country Status (1)

Country Link
CN (1) CN105488175B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106708936A (zh) * 2016-11-21 2017-05-24 北京天融信网络安全技术有限公司 一种网页优化方法及装置
WO2018001350A1 (zh) * 2016-06-30 2018-01-04 中兴通讯股份有限公司 一种内容植入的方法、装置及系统
CN107678820A (zh) * 2017-09-29 2018-02-09 北京金山安全软件有限公司 网页处理方法、装置、服务器、终端设备和介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120079060A1 (en) * 2010-09-28 2012-03-29 Qualcomm Incorporated System and method of establishing transmission control protocol connections
CN103530289A (zh) * 2012-07-02 2014-01-22 腾讯科技（深圳）有限公司 网页显示方法和装置
CN104182547A (zh) * 2014-09-10 2014-12-03 北京浩瀚深度信息技术股份有限公司 一种服务器优化页面渲染的方法及web cache服务器
CN105045645A (zh) * 2015-09-22 2015-11-11 广州神马移动信息科技有限公司 网页加载方法、装置及系统

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120079060A1 (en) * 2010-09-28 2012-03-29 Qualcomm Incorporated System and method of establishing transmission control protocol connections
CN103530289A (zh) * 2012-07-02 2014-01-22 腾讯科技（深圳）有限公司 网页显示方法和装置
CN104182547A (zh) * 2014-09-10 2014-12-03 北京浩瀚深度信息技术股份有限公司 一种服务器优化页面渲染的方法及web cache服务器
CN105045645A (zh) * 2015-09-22 2015-11-11 广州神马移动信息科技有限公司 网页加载方法、装置及系统

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2018001350A1 (zh) * 2016-06-30 2018-01-04 中兴通讯股份有限公司 一种内容植入的方法、装置及系统
CN106708936A (zh) * 2016-11-21 2017-05-24 北京天融信网络安全技术有限公司 一种网页优化方法及装置
CN107678820A (zh) * 2017-09-29 2018-02-09 北京金山安全软件有限公司 网页处理方法、装置、服务器、终端设备和介质
CN107678820B (zh) * 2017-09-29 2021-08-24 北京金山安全软件有限公司 网页处理方法、装置、服务器、终端设备和介质

Also Published As

Publication number Publication date
CN105488175B (zh) 2019-02-12

Similar Documents

Publication Publication Date Title
KR101824222B1 (ko) 동적 컨텐츠 및 스테일 컨텐츠를 포함하는 웹사이트들의 고속 렌더링
CN103338236B (zh) 一种并发数据获取方法及系统
CN100465956C (zh) 用于向网站添加个人化的值的系统、Web服务器和方法
CN100462964C (zh) 一种网页数据的更新显示方法
US9065865B2 (en) In-server redirection of HTTP requests
US20140201617A1 (en) Method for Browsing Web Page on Mobile Terminal
CN102567384B (zh) 基于网页浏览器引擎的网页多语言动态切换方法及系统
CN103281387B (zh) 处理网页中子资源的方法、服务器、客户端和系统
CN108595468A (zh) 一种网页数据的获取方法、装置、服务器、终端和系统
US10878203B2 (en) Translation system
CN102915318B (zh) 一种浏览器中定位查找信息的方法和装置
CN102750281A (zh) 一种浏览器的脚本处理方法和系统
CN105488175A (zh) 一种提高页面内容显示速度的方法及系统
CN104063407A (zh) 基于云计算的浏览器架构与解析方法
CN105760542A (zh) 一种显示控制方法、终端及服务器
CN110602269A (zh) 一种转换域名的方法
CN103324756A (zh) 一种提高浏览器访问速度的方法及装置
CN105447198A (zh) 页面脚本便捷导入的方法及装置
CN105528369B (zh) 网页转码方法、装置以及服务器
RU2017102575A (ru) Устройство и способ оптимизации веб-страницы
CN105205151B (zh) 在移动端节约浏览器页面流量的方法及系统
CN103488735A (zh) 终端浏览器页面刷新显示的方法及终端
CN106156128B (zh) 一种实现网站多语言及多域名服务的方法及其装置
US10095791B2 (en) Information search method and apparatus
US9087134B2 (en) Systems and methods for decorating web pages

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant