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

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

Info

Publication number
CN105488175B
CN105488175B CN201510861312.6A CN201510861312A CN105488175B CN 105488175 B CN105488175 B CN 105488175B CN 201510861312 A CN201510861312 A CN 201510861312A CN 105488175 B CN105488175 B CN 105488175B
Authority
CN
China
Prior art keywords
html
html document
optimization module
client browser
parses
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.)
Active
Application number
CN201510861312.6A
Other languages
English (en)
Other versions
CN105488175A (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 CN105488175A (zh) 2016-04-13
CN105488175B true 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)

Families Citing this family (3)

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

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
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 广州神马移动信息科技有限公司 网页加载方法、装置及系统

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8909732B2 (en) * 2010-09-28 2014-12-09 Qualcomm Incorporated System and method of establishing transmission control protocol connections

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
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 广州神马移动信息科技有限公司 网页加载方法、装置及系统

Also Published As

Publication number Publication date
CN105488175A (zh) 2016-04-13

Similar Documents

Publication Publication Date Title
CN105095280B (zh) 一种浏览器缓存方法和装置
US9471701B2 (en) Methods and systems for secure in-network insertion of web content and web services
EP2724251B1 (en) Methods for making ajax web applications bookmarkable and crawlable and devices thereof
US9697189B2 (en) Partial website optimization for a web publisher
US20140201617A1 (en) Method for Browsing Web Page on Mobile Terminal
EP2002362B1 (en) Method and system for providing improved url mangling performance using fast re-write
CN103338236B (zh) 一种并发数据获取方法及系统
CN109787952B (zh) 一种网络数据访问方法、装置及电子设备
CN109815430B (zh) 请求处理方法、装置、数据处理服务器及可读存储介质
US10158691B2 (en) Method and apparatus for providing network resources at intermediary server
CN105488175B (zh) 一种提高页面内容显示速度的方法及系统
CN106331149A (zh) 一种针对客户端环境的网页代码自适应方法
CN102915318B (zh) 一种浏览器中定位查找信息的方法和装置
CN104102577B (zh) 多版本网页访问测试方法
CN102855334B (zh) 一种浏览器及其获取dns解析数据的方法
CN102214224A (zh) 一种访问网络资源的优化方法、网页浏览器和终端
US20140006918A1 (en) Method and system for web page rearrangement
CN108595457A (zh) 一种瀑布流页面的渲染方法和装置
US20150120861A1 (en) Method and device for obtaining contents of page, application apparatus and mobile terminal
CN105205151B (zh) 在移动端节约浏览器页面流量的方法及系统
CN106993016B (zh) 网络请求及响应的处理方法和装置
CN103024098A (zh) 一种域名解析方法、系统及装置
CN105787750A (zh) 信息推送方法及装置
WO2014187182A1 (en) Method, apparatus and system for controlling address input
CN103488735A (zh) 终端浏览器页面刷新显示的方法及终端

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