CN113760390A - 页面文件加载方法、装置、设备及存储介质 - Google Patents

页面文件加载方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN113760390A
CN113760390A CN202110420961.8A CN202110420961A CN113760390A CN 113760390 A CN113760390 A CN 113760390A CN 202110420961 A CN202110420961 A CN 202110420961A CN 113760390 A CN113760390 A CN 113760390A
Authority
CN
China
Prior art keywords
file
mapping
rendering
page
standard
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.)
Pending
Application number
CN202110420961.8A
Other languages
English (en)
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.)
Beijing Jingdong Tuoxian Technology Co Ltd
Original Assignee
Beijing Jingdong Tuoxian Technology 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 Beijing Jingdong Tuoxian Technology Co Ltd filed Critical Beijing Jingdong Tuoxian Technology Co Ltd
Priority to CN202110420961.8A priority Critical patent/CN113760390A/zh
Publication of CN113760390A publication Critical patent/CN113760390A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44568Immediately runnable code
    • G06F9/44578Preparing or optimising for loading

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请实施例提供一种页面文件加载方法、装置、设备及存储介质,终端设备向服务器发送页面渲染请求后,服务器可以根据页面渲染请求中的目标渲染文件的标识和预置的文件关联关系集,确定目标渲染文件对应的映射渲染文件,并将其传输给终端设备,因而,终端设备根据预置的映射集文件,可以将接收到的映射渲染文件中的映射字符串还原成标准字符串,得到目标渲染文件,并根据目标渲染文件进行页面渲染。该技术方案中,由于映射渲染文件的数据量小于目标渲染文件的数据量,因而,映射渲染文件的加载速度高于目标渲染文件的加载速度,从而缩短了页面内容呈现给用户的时间,提升了用户体验。

Description

页面文件加载方法、装置、设备及存储介质
技术领域
本申请实施例涉及计算机技术领域,尤其涉及一种页面文件加载方法、装置、设备及存储介质。
背景技术
用户通过终端设备浏览网页时,浏览器需要加载页面中的超文本标记语言(hypertext markup language,HTML)、编程语言(例如,Java Script,JS)、层叠样式表(cascadingstyle sheets,CSS)文件、图片、音频等页面渲染文件,每项页面渲染文件的加载速度都会对页面的呈现时间造成一定的影响。例如,CSS文件是页面的样式文件,只有当CSS文件加载成功后页面才能被正确的渲染。
现有技术中,为了提升渲染文件的加载速度,页面渲染文件被加载之前,通常需要被进行压缩处理。目前最常用的文件压缩方式是去除待加载的页面渲染文件中的多余空格、换行符等空白符号,以减小页面渲染文件的大小。
在实现本发明过程中,发明人发现现有技术中至少存在如下问题:去除页面渲染文件中多余的空格、换行等空白符号的方式能够减少的数据长度较短,对提升页面渲染文件加载速度的效果较差,仍然存在页面加载速度慢、用户体验差的问题。
发明内容
本申请实施例提供一种页面文件加载方法、装置、设备及存储介质,用以解决现有页面渲染过程中存在的页面加载速度慢、用户体验差的问题。
根据本申请的第一方面,本申请实施例提供一种页面文件加载方法,包括:
向服务器发送页面渲染请求,所述页面渲染请求包括:目标渲染文件的标识;
接收所述服务器传输的映射渲染文件,所述映射渲染文件是所述目标渲染文件经过映射转换后的页面文件,所述映射渲染文件的数据量小于所述目标渲染文件的数据量;
根据预置的映射集文件,将所述映射渲染文件中的映射字符串还原成标准字符串,得到所述目标渲染文件,所述映射集文件用于存储标准字符串和映射字符串的映射关系集;
根据所述目标渲染文件进行页面渲染。
在第一方面的一种可能设计中,所述根据预置的映射集文件,将所述映射渲染文件中的映射字符串还原成标准字符串,得到所述目标渲染文件,包括:
对所述映射渲染文件的行数据进行解析,确定出所述映射渲染文件中的至少一个映射字符串;
查询所述映射集文件,确定出每个映射字符串对应的标准字符串;
将所述映射渲染文件中的每个映射字符串替换成对应的标准字符串,得到所述映射渲染文件对应的目标渲染文件。
在第一方面的另一种可能设计中,在所述接收所述服务器传输的映射渲染文件之前,所述方法还包括:
接收所述服务器发送的映射集文件加载指令,所述映射集文件加载指令包括:所述映射集文件的下载地址;
根据所述映射集文件的下载地址,下载所述映射集文件;
将所述映射集文件缓存至本地存储空间。
在第一方面的该种可能设计中,所述方法还包括:
接收所述服务器发送的映射集文件更新指示,所述映射集文件更新指示包括:映射集更新文件的下载地址;
根据所述映射集更新文件的下载地址,下载所述映射集更新文件;
利用所述映射集更新文件替换所述本地存储空间中的所述映射集文件。
根据本申请的第二方面,本申请实施例提供一种页面文件加载方法,包括:
接收终端设备发送的页面渲染请求,所述页面渲染请求包括:目标渲染文件的标识;
根据所述目标渲染文件的标识和预置的文件关联关系集,确定所述目标渲染文件对应的映射渲染文件,所述映射渲染文件是所述目标渲染文件经过映射转换后的页面文件,所述映射渲染文件的数据量小于所述目标渲染文件的数据量;
将所述映射渲染文件传输给所述终端设备。
在第二方面的一种可能设计中,所述方法还包括:
遍历页面渲染所需要的所有标准渲染文件,确定出每个标准渲染文件中的各个标准字符串;
按照预设映射规则,将所有标准渲染文件中的各个标准字符串转换成映射字符串,得到所述映射集文件,所述映射集文件包括:标准字符串和映射字符串的映射关系集;
利用所述映射集文件,将每个标准渲染文件转换成对应映射渲染文件;
建立每个标准渲染文件与对应映射渲染文件的关联关系,得到所述文件关联关系集。
可选的,所述按照预设映射规则,将所有标准渲染文件中的各个标准字符串转换成映射字符串,得到所述映射集文件,包括:
使用正则表达式对每个标准渲染文件中的标准字符串进行匹配,确定出各个标准字符串在所述所有标准渲染文件中的出现次数;
按照出现次数由高到低的顺序,对所有标准渲染文件中的所有标准字符串进行排序,得到排序后的标准字符串;
使用预设字符集合中的单个字符或字符组合,将所述排序后的标准字符串依次转换为映射字符串,得到映射关系集;
将所述映射关系集存储至预设文本文件中,得到所述映射集文件。
在第二方面的另一种可能设计中,所述方法还包括:
向所述终端设备发送映射集文件加载指令,所述映射集文件加载指令包括:所述映射集文件的下载地址。
可选的,所述方法还包括:
在确定所有标准渲染文件中存在标准字符串更新时,更新所述映射文件集中的映射关系集,得到映射集更新文件;
向所述终端设备发送映射集文件更新指示,所述映射集文件更新指示包括:所述映射集更新文件的下载地址。
根据本申请的第三方面,本申请实施例提供一种页面文件加载装置,包括:
发送模块,用于向服务器发送页面渲染请求,所述页面渲染请求包括:目标渲染文件的标识;
接收模块,用于接收所述服务器传输的映射渲染文件,所述映射渲染文件是所述目标渲染文件经过映射转换后的页面文件,所述映射渲染文件的数据量小于所述目标渲染文件的数据量;
处理模块,用于根据预置的映射集文件,将所述映射渲染文件中的映射字符串还原成标准字符串,得到所述目标渲染文件,所述映射集文件用于存储标准字符串和映射字符串的映射关系集;
渲染模块,用于根据所述目标渲染文件进行页面渲染。
在第三方面的一种可能设计中,所述处理模块,具体用于:
对所述映射渲染文件的行数据进行解析,确定出所述映射渲染文件中的至少一个映射字符串;
查询所述映射集文件,确定出每个映射字符串对应的标准字符串;
将所述映射渲染文件中的每个映射字符串替换成对应的标准字符串,得到所述映射渲染文件对应的目标渲染文件。
在第三方面的另一种可能设计中,所述接收模块,还用于接收所述服务器发送的映射集文件加载指令,所述映射集文件加载指令包括:所述映射集文件的下载地址;
所述处理模块,还用于根据所述映射集文件的下载地址,下载所述映射集文件,并将所述映射集文件缓存至本地存储空间。
可选的,所述接收模块,还用于接收所述服务器发送的映射集文件更新指示,所述映射集文件更新指示包括:映射集更新文件的下载地址;
所述处理模块,还用于根据所述映射集更新文件的下载地址,下载所述映射集更新文件,并利用所述映射集更新文件替换所述本地存储空间中的所述映射集文件。
根据本申请的第四方面,本申请实施例提供一种页面文件加载装置,包括:
接收模块,用于接收终端设备发送的页面渲染请求,所述页面渲染请求包括:目标渲染文件的标识;
处理模块,用于根据所述目标渲染文件的标识和预置的文件关联关系集,确定所述目标渲染文件对应的映射渲染文件,所述映射渲染文件是所述目标渲染文件经过映射转换后的页面文件,所述映射渲染文件的数据量小于所述目标渲染文件的数据量;
发送模块,用于将所述映射渲染文件传输给所述终端设备。
在第四方面的一种可能设计中,所述处理模块,还用于:
遍历页面渲染所需要的所有标准渲染文件,确定出每个标准渲染文件中的各个标准字符串;
按照预设映射规则,将所有标准渲染文件中的各个标准字符串转换成映射字符串,得到所述映射集文件,所述映射集文件包括:标准字符串和映射字符串的映射关系集;
利用所述映射集文件,将每个标准渲染文件转换成对应映射渲染文件;
建立每个标准渲染文件与对应映射渲染文件的关联关系,得到所述文件关联关系集。
可选的,所述处理模块,具体用于:
使用正则表达式对每个标准渲染文件中的标准字符串进行匹配,确定出各个标准字符串在所述所有标准渲染文件中的出现次数;
按照出现次数由高到低的顺序,对所有标准渲染文件中的所有标准字符串进行排序,得到排序后的标准字符串;
使用预设字符集合中的单个字符或字符组合,将所述排序后的标准字符串依次转换为映射字符串,得到映射关系集;
将所述映射关系集存储至预设文本文件中,得到所述映射集文件。
在第四方面的另一种可能设计中,所述发送模块,还用于向所述终端设备发送映射集文件加载指令,所述映射集文件加载指令包括:所述映射集文件的下载地址。
可选的,所述处理模块,还用于在确定所有标准渲染文件中存在标准字符串更新时,更新所述映射文件集中的映射关系集,得到映射集更新文件;
所述发送模块,还用于向所述终端设备发送映射集文件更新指示,所述映射集文件更新指示包括:所述映射集更新文件的下载地址。
根据本申请的第五方面,本申请实施例提供一种终端设备,包括处理器、存储器、收发器及存储在所述存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如上述第一方面以及第一方面各可能设计中所述的方法。
根据本申请的第六方面,本申请实施例提供一种服务器,包括处理器、存储器、收发器及存储在所述存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如上述第二方面以及第二方面各可能设计中所述的方法。
根据本申请的第七方面,本申请实施例提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如上述第一方面以及第一方面各可能设计中所述的方法。
根据本申请的第八方面,本申请实施例提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如上述第二方面以及第二方面各可能设计中所述的方法。
根据本申请的第九方面,本申请实施例提供一种计算机程序产品,包括:计算机程序,所述计算机程序存储在可读存储介质中,终端设备的至少一个处理器可以从所述可读存储介质读取所述计算机程序,所述至少一个处理器执行所述计算机程序使得终端设备执行第一方面以及第一方面各可能设计中所述的方法。
根据本申请的第十方面,本申请实施例提供一种计算机程序产品,包括:计算机程序,所述计算机程序存储在可读存储介质中,服务器的至少一个处理器可以从所述可读存储介质读取所述计算机程序,所述至少一个处理器执行所述计算机程序使得终端设备执行第二方面以及第二方面各可能设计中所述的方法。
本申请实施例提供的页面文件加载方法、装置、设备及存储介质,终端设备向服务器发送页面渲染请求后,服务器可以根据页面渲染请求中的目标渲染文件的标识和预置的文件关联关系集,确定目标渲染文件对应的映射渲染文件,并将其传输给终端设备,因而,终端设备根据预置的映射集文件,可以将接收到的映射渲染文件中的映射字符串还原成标准字符串,得到目标渲染文件,并根据目标渲染文件进行页面渲染。该技术方案中,由于映射渲染文件的数据量小于目标渲染文件的数据量,因而,映射渲染文件的加载速度高于目标渲染文件的加载速度,从而缩短了页面内容呈现给用户的时间,提升了用户体验。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
图1为本申请实施例提供的页面文件加载方法的应用场景示意图;
图2为本申请提供的页面文件加载方法实施例一的交互示意图;
图3为本申请提供的页面文件加载方法实施例二的流程示意图;
图4为本申请提供的页面文件加载方法实施例三的流程示意图;
图5为本申请提供的页面文件加载方法实施例四的交互示意图;
图6为本申请提供的页面文件加载装置实施例一的结构示意图;
图7为本申请提供的页面文件加载装置实施例二的结构示意图;
图8为本申请提供的终端设备实施例的结构示意图;
图9为本申请提供的服务器实施例的结构示意图。
通过上述附图,已示出本公开明确的实施例,后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围,而是通过参考特定实施例为本领域技术人员说明本公开的概念。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
随着网络技术的迅速发展,用户经常使用终端设备上安装的浏览器访问页面,这时,浏览器会根据用户请求的内容通过与服务器进行交互,进而将用户请求的内容展现给用户。在实际应用中,浏览器可以将用户请求的内容展现给用户的过程称为页面渲染。
通常情况下,页面渲染是浏览器从服务器侧获取到用户请求的内容,然后再执行页面渲染的过程。具体的,浏览器首先加载从服务器接收到的资源,例如,HTML、JS、CSS、图片、音视频等文件,然后对加载到的资源进行语法解析,形成相应的内部数据结构(比如,HTML的DOM树,JS的(对象)属性表,CSS的样式规则等等),以及根据形成的内部数据结构构建渲染树,对各个元素进行位置计算、样式计算等等,最后根据渲染树对页面进行渲染,从而将用户请求的内容呈现在页面上。
由上述分析可知,页面渲染文件(例如,HTML、JS、CSS、图片、音视频等文件)的加载速度直接影响着页面内容的呈现速度,例如,CSS文件是页面的样式文件,只有当CSS文件加载成功后页面才能正确的渲染。因此,有效提高页面渲染文件的加载速度可以缩短页面渲染时间,而提高页面渲染文件加载速度的方式可以是对页面渲染文件进行压缩,然后再发送压缩后的文件。
根据背景技术中的记载可知,目前页面渲染文件的压缩方式主要是去除页面渲染文件中的多余空格、换行符等空白符号,但众所周知,每个页面渲染文件中的多余空格、换行符等空白符号较少,占据的数据长度较短,所以,现有技术中的文件压缩方式不能明显降低页面渲染文件的大小,致使提升文件加载速度的效果较差,仍然存在页面加载速度慢、用户体验差的问题。
针对上述技术问题,本申请实施例的技术构思过程如下:发明人通过对页面渲染文件进行解析发现,通常情况下,页面渲染文件中会包括较多的长字符串,而且,同一个长字符串也会出现多次,因而,发明人想到可以是否可以将长字符串替换为较短的字符串,通过实践证明,将长字符串替换为较短的字符串后,可以显著减小页面渲染文件的大小,进而能够大量减少需要传输的数据大小,同时,为了终端设备的浏览器可以进行正常的页面渲染,终端设备在获取到替换后的页面渲染文件后,执行页面渲染之前,首先基于字符串替换规则生成的映射集文件,将替换后的页面渲染文件还原成原始的页面渲染文件,从而在保证渲染效果的基础上,显著提升了页面渲染文件的加载速度,提高了用户体验。
基于上述技术构思过程,本申请实施例提供了一种页面文件加载方法,终端设备向服务器发送页面渲染请求后,服务器可以根据页面渲染请求中的目标渲染文件的标识和预置的文件关联关系集,确定目标渲染文件对应的映射渲染文件,并将其传输给终端设备,因而,终端设备根据预置的映射集文件,可以将接收到的映射渲染文件中的映射字符串还原成标准字符串,得到目标渲染文件,并根据目标渲染文件进行页面渲染。该技术方案中,由于映射渲染文件的数据量小于目标渲染文件的数据量,因而,映射渲染文件的加载速度高于目标渲染文件的加载速度,从而缩短了页面内容呈现给用户的时间,提升了用户体验。
示例性的,图1为本申请实施例提供的页面文件加载方法的应用场景示意图。如图1所示,该应用场景可以包括:至少一个终端设备(图1示出了三个终端设备,分别为终端设备111、终端设备112、终端设备113)、网络12和服务器13。其中,每个终端设备均可以通过网络12与服务器13进行通信,且每个终端设备上均安装有至少一个浏览器。
在实际应用中,每个终端设备上的每个浏览器均可以通过终端设备向服务器13发送页面渲染请求,该服务器13可以根据接收到的页面渲染请求确定出该页面渲染请求对应的页面渲染文件,并将其发送给对应的终端设备,以便该终端设备上的目标浏览器基于加载到的页面渲染文件执行页面的渲染过程。
在本申请的实施例中,为了提升终端设备的浏览器加载页面渲染文件的速度,服务器可以对页面渲染所需要的所有页面渲染文件(即,标准渲染文件)进行处理,例如,按照预设映射规则,将所有标准渲染文件中的各个标准字符串转换成映射字符串,得到映射集文件,并利用该映射集文件,将每个标准渲染文件转换成对应映射渲染文件,其中,每个映射渲染文件的数据量小于对应目标渲染文件的数据量。
可以理解的是,在本申请的实施例中,将转换之前的页面渲染文件称为标准渲染文件,将转换之后的页面渲染文件称为映射渲染文件,下述实施例中类似。
相应的,在服务器在接收到终端设备发送的页面渲染请求时,能够将目标渲染文件对应的映射渲染文件传输给终端设备,由于映射渲染文件的数据量小于对应目标渲染文件的数据量,所以,提升了终端设备的浏览器加载页面渲染文件的速度,进而缩短了页面呈现的时间,提升了用户体验。
可选的,图1所示的应用场景还可以包括数据存储设备14,该数据存储设备14可以与服务器13连接,用于存储服务器13生成的映射集文件和页面渲染所需要的各个标准渲染文件。
可理解,在本申请的实施例中,页面渲染中能够采用本申请技术方案进行处理的文件包括CSS文件、HTML、JS对象简谱(java script object notation,JSON)、可扩展标记语言(extensible markup language,XML)等类似的键值类型的文本文件,本申请实施例并不对标准渲染文件的具体实现进行限定。
需要说明的是,附图1仅是本申请实施例提供的一种应用场景的示意图,本申请实施例不对图1中包括的设备进行限定,也不对图1中设备之间的位置关系进行限定,例如,在图1中,数据存储设备14相对服务器13可以是外部存储器,在其它情况下,也可以将数据存储设备14置于服务器13中,本申请实施例并不对其进行限定。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本申请的实施例进行描述。
图2为本申请提供的页面文件加载方法实施例一的交互示意图。本申请实施例以图1所示应用场景中的一个终端设备与服务器的信息交互进行解释说明。如图2所示,该页面文件加载方法可以包括如下步骤:
S201、终端设备向服务器发送页面渲染请求,该页面渲染请求包括:目标渲染文件的标识。
在本申请的实施例中,用户在浏览网页时,通过点击页面上的某个链接或某个选项发出请求页面资源的请求,这样会触发浏览器产生待浏览页面对应的统一资源定位符(uniform resource locator,URL),进而终端设备会基于该URL向服务器发送页面渲染请求。
可选的,每个URL可以对应一个或多个页面渲染文件,在本实施例中,为了区分转换前后的页面渲染文件,可以将转换之前的页面渲染文件称为标准渲染文件,将转换之后的页面渲染文件称为映射渲染文件。同时,对于某个给定的页面渲染请求,将该页面渲染请求中的标准渲染文件称为目标渲染文件。因而,在本实施例中,终端设备发送给服务器的页面渲染请求中需要包括目标渲染文件的标识,以便服务器能够准确定位出终端设备执行页面渲染所需要的目标渲染文件。
S202、服务器根据接收到的目标渲染文件的标识和预置的文件关联关系集,确定目标渲染文件对应的映射渲染文件。
其中,该映射渲染文件是目标渲染文件经过映射转换后的页面文件,该映射渲染文件的数据量小于目标渲染文件的数据量。
在本申请的实施例中,服务器中存储有预先建立的文件关联关系集,该文件关联关系集包括标准渲染文件和映射渲染文件之间的关联关系。因而,在服务器从终端设备接收页面渲染请求后,通过对该页面渲染请求进行解析,可以得到目标渲染文件的标识,进而查询预置的文件关联关系集,可以得到该目标渲染文件对应的映射渲染文件。
值得说明的是,由于映射渲染文件是目标渲染文件经过映射转换后的页面文件,即,映射渲染文件中包括的映射字符串是由目标渲染文件中的标准字符串转换得到的,且由于映射字符串的长度比标准字符串的长度短,因而,该映射渲染文件的数据量小于目标渲染文件的数据量。
S203、服务器将上述映射渲染文件传输给终端设备。
可选的,服务器确定出目标渲染文件对应的映射渲染文件后,会响应接收到的上述页面渲染请求,将该映射渲染文件发送给终端设备,以便终端设备将接收到的映射渲染文件传输给对应的浏览器。
S204、终端设备根据预置的映射集文件,将接收到的映射渲染文件中的映射字符串还原成标准字符串,得到目标渲染文件。
其中,映射集文件用于存储标准字符串和映射字符串的映射关系集。
在本申请的实施例中,由于终端设备接收到的映射渲染文件中标准字符串被替换成了映射字符串,因而,终端设备的浏览器无法对该映射渲染文件进行正常解析,故终端设备还需要基于预置的映射集文件,将映射渲染文件中的映射字符串还原成标准字符串,从而,将映射渲染文件还原成目标渲染文件。
可选的,映射集文件是服务器对页面渲染所需要的所有标准渲染文件中的标准字符串替换处理成映射字符串后的附带产物,即该映射集文件中记录有标准字符串和映射字符串的映射关系集,其为后续终端设备将接收到的映射渲染文件转换为目标渲染文件提供了实现基础。
S205、终端设备根据上述目标渲染文件进行页面渲染。
可选的,在本申请的实施例中,终端设备的浏览器获取到目标渲染文件,例如,HTML、JS、CSS等文件后,通过对其进行语法解析,建立相应的内部数据结构,例如,HTML的DOM树,JS的对象属性表,CSS的样式规则等等,再利用这些内部数据结构构建渲染树,对各个元素进行位置计算、样式计算等,最后利用渲染树对页面进行渲染,从而将用户请求的网页呈现给该用户。
本申请实施例提供的页面文件加载方法,终端设备向服务器发送页面渲染请求后,服务器可以根据页面渲染请求中的目标渲染文件的标识和预置的文件关联关系集,确定目标渲染文件对应的映射渲染文件,并将其传输给终端设备,因而,终端设备根据预置的映射集文件,可以将接收到的映射渲染文件中的映射字符串还原成标准字符串,得到目标渲染文件,并根据目标渲染文件进行页面渲染。该技术方案中,由于映射渲染文件的数据量小于目标渲染文件的数据量,因而,映射渲染文件的加载速度高于目标渲染文件的加载速度,从而缩短了页面内容呈现给用户的时间,同时,该转换方式不会破坏页面渲染文件已有的数据格式,对用户透明无感,提升了用户体验。
在上述实施例的基础上,图3为本申请提供的页面文件加载方法实施例二的流程示意图。该方法以终端设备作为执行主体进行说明。如图3所示,在本申请的实施例中,上述S204可以通过如下步骤实现:
S301、对映射渲染文件的行数据进行解析,确定出映射渲染文件中的至少一个映射字符串。
在本申请的实施例中,终端设备从服务器接收到映射渲染文件后,便可以对该映射渲染文件的行数据进行解析,确定出映射渲染文件中的经过替换得到的至少一个映射字符串。
示例性的,CSS文件是页面的样式文件,在页面渲染过程中,只有当CSS文件加载成功后页面才能正确的渲染。而且,通常情况下,CSS文件中样式名称和/或属性名称的长度较长且具有大量的重复,所以,终端设备接收到的可以是样式名称和/或属性名称被预设字符集合中的至少一个字符对标准字符串替换后的新的CSS文件,这时,至少一个映射字符串包括样式名称和/或属性名称对应的字符串。
S302、查询映射集文件,确定出每个映射字符串对应的标准字符串。
示例性的,为了保证终端设备能够对接收到映射集文件进行解析,终端设备在发出页面渲染请求后,加载页面渲染所需要的第一个页面渲染文件之间,可以首先从服务器端或者根据服务器指定的下载地址,获取到包括用于存储标准字符串和映射字符串之间映射关系集的映射集文件,并存储到本地的存储空间。
相应的,终端设备通过对映射渲染文件进行解析确定出待还原的至少一个映射字符串后,便可以通过查询映射集文件中指示的映射字符串与标准字符串的映射关系,确定出每个映射字符串对应的标准字符串。
S303、将映射渲染文件中的每个映射字符串替换成对应的标准字符串,得到映射渲染文件对应的目标渲染文件。
在本实施例中,终端设备在确定映射渲染文件中每个映射字符串对应的标准字符串后,便可以将映射渲染文件中的每个映射字符串替换成对应的标准字符串,得到了映射渲染文件对应的目标渲染文件,从而实现了标准字符串的还原。
本申请实施例提供的页面文件加载方法,终端设备对映射渲染文件的行数据进行解析,确定出映射渲染文件中的至少一个映射字符串,随后查询映射集文件,确定出每个映射字符串对应的标准字符串,最后将映射渲染文件中的每个映射字符串替换成对应的标准字符串,得到映射渲染文件对应的目标渲染文件。该技术方案中,终端设备根据预置的映射集文件对映射渲染文件进行还原,为后续页面的正常渲染奠定了基础。
在上述实施例的基础上,图4为本申请提供的页面文件加载方法实施例三的流程示意图。该方法以服务器作为执行主体进行说明。如图4所示,在本申请的实施例中,该页面文件加载方法还可以包括如下步骤:
S401、遍历页面渲染所需要的所有标准渲染文件,确定出每个标准渲染文件中的各个标准字符串。
在本实施例中,针对页面渲染过程中,经常存在标注渲染文件包括长度较长且大量重复的标准字符串的情况,服务器可以根据预置转换规则将其转换成长度相对较短、数据量较小的映射字符串。
具体的,服务器可以首先找到页面渲染所需要的所有标准渲染文件,然后遍历所有的标准渲染文件,将每个标准渲染文件中允许被转换且符合转换条件的各个标准字符串找出来。可选的,本申请实施例中所述的允许被转换且符合转换条件的标准字符串可以是标准渲染文件中出现的各主题的名称或各主题具有属性的名称。
例如,一般情况下,CSS文件的样式名称、属性名称等长度通常较长且具有大量的重复,因此,可以考虑使用较短的字符串来替换这些较长的字符串,从而达到减少传输数据的目的。所以,服务器可以遍历页面渲染的所有文件,根据文件后缀找到所有的CSS文件,然后由于CSS文件是普通文本文件的特性,因而,服务器还可以通过读取CSS文件中每一行数据的方式对CSS文件进行解析,进而确定出所有CSS文件中出现的样式名称及属性名称。
S402、按照预设映射规则,将所有标准渲染文件中的各个标准字符串转换成映射字符串,得到映射集文件。
其中,该映射集文件包括:标准字符串和映射字符串的映射关系集。
在本申请的实施例中,开发人员可以基于标准字符串的长度,确定字符串转换的预设映射规则,然后将其加载到服务器中。因而,服务器可以在确定出每个标准渲染文件中的各个标准字符串后,便可以基于该预设映射规则将所有标准渲染文件中的各个标准字符串转换成映射字符串,并根据标准字符串和映射字符串之间的映射关系,得到映射集文件。
示例性的,在实际应用中,该步骤S402具体可以通过如下步骤实现:
A1、使用正则表达式对每个标准渲染文件中的标准字符串进行匹配,确定出各个标准字符串在所有标准渲染文件中的出现次数。
其中,正则表达式又称规则表达式(regular expression,在代码中常简写为regex、regexp或RE),通常被用来检索、替换那些符合某个模式(规则)的文本。因而,在本申请的实施例中,服务器可以使用正则表达式来匹配每个标准渲染文件中的标准字符串,并将每个标准字符串出现的次数记录下来,以方便后续的字符串的替换。
A2、按照出现次数由高到低的顺序,对所有标准渲染文件中的所有标准字符串进行排序,得到排序后的标准字符串。
示例性的,为了达到减少传输数据的目的,服务器可以基于各个标准字符串在所有标准渲染文件中的出现次数,按照出现次数从高到低对上述标准字符串进行排序,得到排序后的标准字符串,以便在后续基于排序进行字符串转换后,能够得到数据量较小的映射渲染文件。
A3、使用预设字符集合中的单个字符或字符组合,将排序后的标准字符串依次转换为映射字符串,得到映射关系集。
示例性的,在本申请的实施例中,预设字符集合可以包括字母a-z、数字0-9等共36个字符(36进制),也可以仅包括上述36个字符中的部分字符,此处不对其进行限定。
通常情况下,服务器可以使用字母a-z、数字0-9共36个字符(36进制)对标准字符串进行映射,其中,一位字符可以表示36种情况,二位字符可以表示1332(36+362)种情况,三位字符可表示47988(36+362+363)种情况等,能够足以满足日常开发的所有样式名称、属性名称等各个标准字符串的映射,而且使用的字符位数越多,可映射的字符串越多。
示例性的,标准字符串转换为映射字符串的预设映射规则具体可以如下:
按照排序后的顺序对标准字符串进行映射,对于排序在第1到36位的标准字符串,可使用a-z、0-9这36个单一的字符进行映射;
对于排序在第37到1332(即36+362)位的标准字符串使用aa、ab、ac、...、z0、z1、z2、...、97、98、99这种两个字符长度共1296(即362)个字符串进行映射;
对于排序在第1333到47988(即36+362+363)位的标准字符串使用aaa、aab、aac、...、z97、z98、z99、...、997、998、999这种三个字符长度共46656(即363)个字符串进行映射;
若有更多字符串,可依此类推,从而得到表征标准字符串和映射字符串关系的映射关系集。
可以理解的是,本申请实施例给出了预设映射规则的一种可能实现方式,在实际应用中还可能采用其他的映射方式,具体可以根据实际情况确定,此处不作赘述。
A4、将映射关系集存储至预设文本文件中,得到映射集文件。
示例性的,服务器可以将上述得到的映射关系集存入一个预设文本文件中。可选的,存储规则可以为:每一个映射关系集使用一行来表示,并以“:”分割,例如,“:”左侧为替换前的标准字符串,“:”右侧为替换后的映射字符串。
S403、利用上述映射集文件,将每个标准渲染文件转换成对应映射渲染文件。
可选的,服务器在得到映射集文件后,便可以利用映射集文件中的映射关系集,遍历上述每个标准渲染文件,将每个标准渲染文件中的标准字符串替换为对应的映射字符串,从而得到每个标准渲染文件对应的映射渲染文件。
通过上述预设映射规则,标准渲染文件中的较长标准字符串就被替换为长度短很多的映射字符串,因而,生成的映射渲染文件的数据量相对于标准渲染文件的数据量得到了明显减小。而且,根据统计表明,标准渲染文件转成成映射渲染文件后,终端设备的浏览器加载的数据将减小50%以上,而且,加载的数据量越大,内容越多,减小的效果越显著。
S404、建立每个标准渲染文件与对应映射渲染文件的关联关系,得到文件关联关系集。
示例性的,为了便于服务器后续能够根据页面渲染请求中的目标渲染文件的标识直接确定出转换后的映射渲染文件,服务器还可以在将各个标准渲染文件转换为映射渲染文件后,还可以建立每个标准渲染文件与对应映射渲染文件的关联关系,得到文件关联关系集。
本申请实施例提供的页面文件加载方法,服务器通过遍历页面渲染所需要的所有标准渲染文件,确定出每个标准渲染文件中的各个标准字符串,然后按照预设映射规则,将所有标准渲染文件中的各个标准字符串转换成映射字符串,得到映射集文件,并利用上述映射集文件,将每个标准渲染文件转换成对应映射渲染文件,最后建立每个标准渲染文件与对应映射渲染文件的关联关系,得到文件关联关系集。该技术方案,服务器通过预先将页面渲染所需要的所有标准渲染文件处理成映射渲染文件,并建立文件关联关系集,为后续方案实现和降低传输数据量提供了奠定了基础。
在上述实施例的基础上,图5为本申请提供的页面文件加载方法实施例四的交互示意图。如图5所示,在本申请的实施例中,在上述S201之前,该页面文件加载方法还可以包括如下步骤:
S501、服务器向终端设备发送映射集文件加载指令,该映射集文件加载指令包括:映射集文件的下载地址。
示例性的,在本申请的实施例中,服务器在响应于页面渲染请求时,会将目标渲染文件对应的映射渲染文件发送给终端设备,但由于映射渲染文件中的映射字符串是被替换后的字符串,终端设备的浏览器无法对其进行正常解析,所以,在实际应用中,服务器生成用于存储标准字符串与映射字符串的映射关系集的映射集文件,并将页面渲染所需要的所有标准渲染文件转换成映射渲染文件后,便可以事先向终端设备发送映射集文件加载指令,以便终端设备在加载服务器反馈的映射渲染文件之前,获取到映射集文件。
可选的,为了降低服务器和终端设备之间进行数据传输的资源消耗,服务器向终端设备发送的映射集文件加载指令中可以不包括映射集文件,而是包括映射集文件的下载地址,以便终端设备在需要时再进行下载。
S502、终端设备根据接收到的映射集文件加载指令中的映射集文件的下载地址,下载映射集文件。
在本实施例中,由于终端设备向服务器发送了页面渲染请求,即浏览器需要执行页面渲染的过程,所以,终端设备在加载服务器发送的映射渲染文件之前,会首先获取到服务器发送的映射集文件加载指令,通过对该映射集文件加载指令进行解析,可以确定出映射集文件的下载地址,从而根据该下载地址下载映射集文件。
示例性的,在页面渲染过程中,终端设备可以在HTML文件中第一个CSS样式文件加载之前,插入该映射集文件加载指令,因而,终端设备在加载第一个CSS样式文件之前,会首先获取到该映射集文件加载指令,并基于该映射集文件加载指令中的映射集文件的下载地址,下载映射集文件。
S503、终端设备将映射集文件缓存至本地存储空间。
在本申请的实施例中,终端设备获取到映射集文件后,便可以将其缓存至本地存储空间,这样终端设备的浏览器在后续再加载映射渲染文件之前,不需要重复加载,而可以直接使用对接收到的映射渲染文件进行还原。
进一步的,在本申请的实施例中,如图5所示,该页面文件加载方法还可以包括如下步骤:
S504、服务器在确定所有标准渲染文件中存在标准字符串更新时,更新上述映射文件集中的映射关系集,得到映射集更新文件。
在实际应用中,服务器会定期检查页面渲染所需要的标准渲染文件是否有更新,若否,则无需对映射集文件进行处理;若是,则首先确定出存在更新的标准渲染文件以及该标准渲染文件中的更新字符串,然后确定出该更新字符串与映射字符串的关联关系,并更新上述映射文件集中的映射关系集,从而得到映射集更新文件。
S505、服务器向终端设备发送映射集文件更新指示,该映射集文件更新指示包括:映射集更新文件的下载地址。
可选的,服务器在更新映射集文件后,为了终端设备的浏览器能够正常对接收到的映射渲染文件进行解析,服务器会将映射集更新文件的下载地址发送给终端设备。示例性的,该映射集更新文件的下载地址包含在映射集文件更新指示中。
S506、终端设备根据接收到的映射集文件更新指示包括的映射集更新文件的下载地址,下载映射集更新文件。
在本步骤中,终端设备接收到映射集文件更新指示后,通过对其进行解析确定出映射集更新文件的下载地址,并在需要加载映射渲染文件之前,根据该映射集更新文件的下载地址获取到映射集更新文件。
S507、终端设备利用映射集更新文件替换本地存储空间中的映射集文件。
示例性的,当终端设备获取到映射集更新文件后,为了后续将映射字符串还原成正确的标准字符串,终端设备可以将该映射集更新文件存储到本地存储空间中,相应的删除原先存储的映射集文件。
本申请实施例提供的页面文件加载方法,服务器通过向终端设备发送包括映射集文件的下载地址的映射集文件加载指令,相应的,终端设备可以根据接收到的映射集文件加载指令中的映射集文件的下载地址,下载映射集文件,并将映射集文件缓存至本地存储空间,而且,在标准渲染文件存在更新时,适应性的更新映射集文件,并将其得到的映射集更新文件的下载地址传输给终端设备,从而能够保证终端设备能够正常执行后续的渲染过程。
下述为本申请装置实施例,可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节,请参照本申请方法实施例。
图6为本申请提供的页面文件加载装置实施例一的结构示意图。该页面文件加载装置可以集成在终端设备中,也可以通过终端设备实现。参照图6所示,该页面文件加载装置可以包括:
发送模块601,用于向服务器发送页面渲染请求,所述页面渲染请求包括:目标渲染文件的标识;
接收模块602,用于接收所述服务器传输的映射渲染文件,所述映射渲染文件是所述目标渲染文件经过映射转换后的页面文件,所述映射渲染文件的数据量小于所述目标渲染文件的数据量;
处理模块603,用于根据预置的映射集文件,将所述映射渲染文件中的映射字符串还原成标准字符串,得到所述目标渲染文件,所述映射集文件用于存储标准字符串和映射字符串的映射关系集;
渲染模块604,用于根据所述目标渲染文件进行页面渲染。
在本申请实施例的一种可能设计中,所述处理模块603,具体用于:
对所述映射渲染文件的行数据进行解析,确定出所述映射渲染文件中的至少一个映射字符串;
查询所述映射集文件,确定出每个映射字符串对应的标准字符串;
将所述映射渲染文件中的每个映射字符串替换成对应的标准字符串,得到所述映射渲染文件对应的目标渲染文件。
在本申请实施例的另一种可能设计中,所述接收模块602,还用于接收所述服务器发送的映射集文件加载指令,所述映射集文件加载指令包括:所述映射集文件的下载地址;
所述处理模块603,还用于根据所述映射集文件的下载地址,下载所述映射集文件,并将所述映射集文件缓存至本地存储空间。
可选的,所述接收模块602,还用于接收所述服务器发送的映射集文件更新指示,所述映射集文件更新指示包括:映射集更新文件的下载地址;
所述处理模块603,还用于根据所述映射集更新文件的下载地址,下载所述映射集更新文件,并利用所述映射集更新文件替换所述本地存储空间中的所述映射集文件。
本申请实施例提供的装置,可用于执行上述方法实施例中终端设备的技术方案,其实现原理和技术效果类似,在此不再赘述。
图7为本申请提供的页面文件加载装置实施例二的结构示意图。该页面文件加载装置可以集成在服务器中,也可以通过服务器实现。参照图7所示,该页面文件加载装置可以包括:
接收模块701,用于接收终端设备发送的页面渲染请求,所述页面渲染请求包括:目标渲染文件的标识;
处理模块702,用于根据所述目标渲染文件的标识和预置的文件关联关系集,确定所述目标渲染文件对应的映射渲染文件,所述映射渲染文件是所述目标渲染文件经过映射转换后的页面文件,所述映射渲染文件的数据量小于所述目标渲染文件的数据量;
发送模块703,用于将所述映射渲染文件传输给所述终端设备。
在本申请实施例的一种可能设计中,所述处理模块702,还用于:
遍历页面渲染所需要的所有标准渲染文件,确定出每个标准渲染文件中的各个标准字符串;
按照预设映射规则,将所有标准渲染文件中的各个标准字符串转换成映射字符串,得到所述映射集文件,所述映射集文件包括:标准字符串和映射字符串的映射关系集;
利用所述映射集文件,将每个标准渲染文件转换成对应映射渲染文件;
建立每个标准渲染文件与对应映射渲染文件的关联关系,得到所述文件关联关系集。
可选的,所述处理模块702,具体用于:
使用正则表达式对每个标准渲染文件中的标准字符串进行匹配,确定出各个标准字符串在所述所有标准渲染文件中的出现次数;
按照出现次数由高到低的顺序,对所有标准渲染文件中的所有标准字符串进行排序,得到排序后的标准字符串;
使用预设字符集合中的单个字符或字符组合,将所述排序后的标准字符串依次转换为映射字符串,得到映射关系集;
将所述映射关系集存储至预设文本文件中,得到所述映射集文件。
在本申请实施例的另一种可能设计中,所述发送模块703,还用于向所述终端设备发送映射集文件加载指令,所述映射集文件加载指令包括:所述映射集文件的下载地址。
可选的,所述处理模块702,还用于在确定所有标准渲染文件中存在标准字符串更新时,更新所述映射文件集中的映射关系集,得到映射集更新文件;
所述发送模块703,还用于向所述终端设备发送映射集文件更新指示,所述映射集文件更新指示包括:所述映射集更新文件的下载地址。
本申请实施例提供的装置,可用于执行上述方法实施例中服务器的技术方案,其实现原理和技术效果类似,在此不再赘述。
需要说明的是,应理解以上装置的各个模块的划分仅仅是一种逻辑功能的划分,实际实现时可以全部或部分集成到一个物理实体上,也可以物理上分开。且这些模块可以全部以软件通过处理元件调用的形式实现;也可以全部以硬件的形式实现;还可以部分模块通过处理元件调用软件的形式实现,部分模块通过硬件的形式实现。例如,处理模块可以为单独设立的处理元件,也可以集成在上述装置的某一个芯片中实现,此外,也可以以程序代码的形式存储于上述装置的存储器中,由上述装置的某一个处理元件调用并执行以上处理模块的功能。其它模块的实现与之类似。此外这些模块全部或部分可以集成在一起,也可以独立实现。这里所述的处理元件可以是一种集成电路,具有信号的处理能力。在实现过程中,上述方法的各步骤或以上各个模块可以通过处理器元件中的硬件的集成逻辑电路或者软件形式的指令完成。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘solid state disk(SSD))等。
图8为本申请提供的终端设备实施例的结构示意图。如图8所示,该终端设备可以包括:处理器801、存储器802、收发器803及存储在存储器802上并可在处理器801上运行的计算机程序,处理器801执行所述计算机程序时实现如上述方法实施例中终端设备的技术方案。
可选的,在本实施例中,收发器803用于和其他设备进行通信。该终端设备还可以包括系统总线804。存储器802和收发器803通过系统总线804与处理器801连接并完成相互间的通信。
图9为本申请提供的服务器实施例的结构示意图。如图9所示,该服务器可以包括:处理器901、存储器902、收发器903及存储在存储器902上并可在处理器901上运行的计算机程序,处理器901执行所述计算机程序时实现如上述方法实施例中服务器的技术方案。
可选的,在本实施例中,收发器903用于和其他设备进行通信。该终端设备还可以包括系统总线904。存储器902和收发器903通过系统总线904与处理器901连接并完成相互间的通信。
可选的,在上述图8和图9中,上述的处理器可以是通用处理器,包括中央处理器CPU、网络处理器(network processor,NP)等;还可以是数字信号处理器DSP、专用集成电路ASIC、现场可编程门阵列FPGA或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
存储器可能包含随机存取存储器(random access memory,RAM),也可能包括只读存储器(read-only memory,RAM),还可能包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
收发器也可以称为通信接口,用于实现数据库访问装置与其他设备(例如客户端、读写库和只读库)之间的通信。
系统总线可以是外设部件互连标准(peripheral component interconnect,PCI)总线或扩展工业标准结构(extended industry standard architecture,EISA)总线等。系统总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
可选的,本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当该计算机执行指令在计算机上运行时,使得计算机执行如上述方法实施例中终端设备的技术方案。
可选的,本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当该计算机执行指令在计算机上运行时,使得计算机执行如上述方法实施例中服务器的技术方案。
可选的,本申请实施例提供一种计算机程序产品,包括:计算机程序,所述计算机程序存储在可读存储介质中,终端设备的至少一个处理器可以从所述可读存储介质读取所述计算机程序,所述至少一个处理器执行所述计算机程序使得终端设备执行上述方法实施例中终端设备的技术方案。
可选的,本申请实施例提供一种计算机程序产品,包括:计算机程序,所述计算机程序存储在可读存储介质中,服务器的至少一个处理器可以从所述可读存储介质读取所述计算机程序,所述至少一个处理器执行所述计算机程序使得终端设备执行上述方法实施例中服务器的技术方案。
本领域技术人员在考虑说明书及实践这里公开的申请后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求书指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求书来限制。

Claims (15)

1.一种页面文件加载方法,其特征在于,包括:
向服务器发送页面渲染请求,所述页面渲染请求包括:目标渲染文件的标识;
接收所述服务器传输的映射渲染文件,所述映射渲染文件是所述目标渲染文件经过映射转换后的页面文件,所述映射渲染文件的数据量小于所述目标渲染文件的数据量;
根据预置的映射集文件,将所述映射渲染文件中的映射字符串还原成标准字符串,得到所述目标渲染文件,所述映射集文件用于存储标准字符串和映射字符串的映射关系集;
根据所述目标渲染文件进行页面渲染。
2.根据权利要求1所述的方法,其特征在于,所述根据预置的映射集文件,将所述映射渲染文件中的映射字符串还原成标准字符串,得到所述目标渲染文件,包括:
对所述映射渲染文件的行数据进行解析,确定出所述映射渲染文件中的至少一个映射字符串;
查询所述映射集文件,确定出每个映射字符串对应的标准字符串;
将所述映射渲染文件中的每个映射字符串替换成对应的标准字符串,得到所述映射渲染文件对应的目标渲染文件。
3.根据权利要求1或2所述的方法,其特征在于,在所述接收所述服务器传输的映射渲染文件之前,所述方法还包括:
接收所述服务器发送的映射集文件加载指令,所述映射集文件加载指令包括:所述映射集文件的下载地址;
根据所述映射集文件的下载地址,下载所述映射集文件;
将所述映射集文件缓存至本地存储空间。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
接收所述服务器发送的映射集文件更新指示,所述映射集文件更新指示包括:映射集更新文件的下载地址;
根据所述映射集更新文件的下载地址,下载所述映射集更新文件;
利用所述映射集更新文件替换所述本地存储空间中的所述映射集文件。
5.一种页面文件加载方法,其特征在于,包括:
接收终端设备发送的页面渲染请求,所述页面渲染请求包括:目标渲染文件的标识;
根据所述目标渲染文件的标识和预置的文件关联关系集,确定所述目标渲染文件对应的映射渲染文件,所述映射渲染文件是所述目标渲染文件经过映射转换后的页面文件,所述映射渲染文件的数据量小于所述目标渲染文件的数据量;
将所述映射渲染文件传输给所述终端设备。
6.根据权利要求5所述的方法,其特征在于,所述方法还包括:
遍历页面渲染所需要的所有标准渲染文件,确定出每个标准渲染文件中的各个标准字符串;
按照预设映射规则,将所有标准渲染文件中的各个标准字符串转换成映射字符串,得到所述映射集文件,所述映射集文件包括:标准字符串和映射字符串的映射关系集;
利用所述映射集文件,将每个标准渲染文件转换成对应映射渲染文件;
建立每个标准渲染文件与对应映射渲染文件的关联关系,得到所述文件关联关系集。
7.根据权利要求6所述的方法,其特征在于,所述按照预设映射规则,将所有标准渲染文件中的各个标准字符串转换成映射字符串,得到所述映射集文件,包括:
使用正则表达式对每个标准渲染文件中的标准字符串进行匹配,确定出各个标准字符串在所述所有标准渲染文件中的出现次数;
按照出现次数由高到低的顺序,对所有标准渲染文件中的所有标准字符串进行排序,得到排序后的标准字符串;
使用预设字符集合中的单个字符或字符组合,将所述排序后的标准字符串依次转换为映射字符串,得到映射关系集;
将所述映射关系集存储至预设文本文件中,得到所述映射集文件。
8.根据权利要求6或7所述的方法,其特征在于,所述方法还包括:
向所述终端设备发送映射集文件加载指令,所述映射集文件加载指令包括:所述映射集文件的下载地址。
9.根据权利要求8所述的方法,其特征在于,所述方法还包括:
在确定所有标准渲染文件中存在标准字符串更新时,更新所述映射文件集中的映射关系集,得到映射集更新文件;
向所述终端设备发送映射集文件更新指示,所述映射集文件更新指示包括:所述映射集更新文件的下载地址。
10.一种页面文件加载装置,其特征在于,包括:
发送模块,用于向服务器发送页面渲染请求,所述页面渲染请求包括:目标渲染文件的标识;
接收模块,用于接收所述服务器传输的映射渲染文件,所述映射渲染文件是所述目标渲染文件经过映射转换后的页面文件,所述映射渲染文件的数据量小于所述目标渲染文件的数据量;
处理模块,用于根据预置的映射集文件,将所述映射渲染文件中的映射字符串还原成标准字符串,得到所述目标渲染文件,所述映射集文件用于存储标准字符串和映射字符串的映射关系集;
渲染模块,用于根据所述目标渲染文件进行页面渲染。
11.一种页面文件加载装置,其特征在于,包括:
接收模块,用于接收终端设备发送的页面渲染请求,所述页面渲染请求包括:目标渲染文件的标识;
处理模块,用于根据所述目标渲染文件的标识和预置的文件关联关系集,确定所述目标渲染文件对应的映射渲染文件,所述映射渲染文件是所述目标渲染文件经过映射转换后的页面文件,所述映射渲染文件的数据量小于所述目标渲染文件的数据量;
发送模块,用于将所述映射渲染文件传输给所述终端设备。
12.一种终端设备,包括处理器、存储器、收发器及存储在所述存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如上述权利要求1-4任一项所述的方法。
13.一种服务器,包括处理器、存储器、收发器及存储在所述存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如上述权利要求5-9任一项所述的方法。
14.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如上述权利要求1-4任一项所述的方法;或者,所述计算机执行指令被处理器执行时用于实现如上述权利要求5-9任一项所述的方法。
15.一种计算机程序产品,包括:计算机程序,其特征在于,所述计算机程序被处理器执行时用于实现如上述权利要求1-4任一项所述的方法;或者,所述计算机程序被处理器执行时用于实现如上述权利要求5-9任一项所述的方法。
CN202110420961.8A 2021-04-19 2021-04-19 页面文件加载方法、装置、设备及存储介质 Pending CN113760390A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110420961.8A CN113760390A (zh) 2021-04-19 2021-04-19 页面文件加载方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110420961.8A CN113760390A (zh) 2021-04-19 2021-04-19 页面文件加载方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
CN113760390A true CN113760390A (zh) 2021-12-07

Family

ID=78787018

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110420961.8A Pending CN113760390A (zh) 2021-04-19 2021-04-19 页面文件加载方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN113760390A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116991506A (zh) * 2023-09-28 2023-11-03 腾讯科技(深圳)有限公司 一种网页渲染方法、装置、终端和存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116991506A (zh) * 2023-09-28 2023-11-03 腾讯科技(深圳)有限公司 一种网页渲染方法、装置、终端和存储介质
CN116991506B (zh) * 2023-09-28 2024-04-30 腾讯科技(深圳)有限公司 一种网页渲染方法、装置、终端和存储介质

Similar Documents

Publication Publication Date Title
US9077681B2 (en) Page loading optimization using page-maintained cache
US9075893B1 (en) Providing files with cacheable portions
US20100050089A1 (en) Web browser system of mobile communication terminal, using proxy server
US20020188631A1 (en) Method, system, and software for transmission of information
US9195773B2 (en) Structure-based adaptive document caching
US20070033290A1 (en) Normalization and customization of syndication feeds
CN105740330B (zh) 分页展示数据的方法及装置
CN102937981A (zh) 网页呈现系统和方法
CN104077310A (zh) 加载资源文件的方法、设备和系统
CN107015978B (zh) 一种网页资源处理方法以及装置
CN113760390A (zh) 页面文件加载方法、装置、设备及存储介质
CN113779452A (zh) 数据处理方法、装置、设备及存储介质
US20110060788A1 (en) System and method for automatically providing metadata elements on a web page or web site
CN117041234A (zh) web端与原生端的交互方法及终端设备
CN111767053A (zh) 一种前端页面数据获取方法及装置
CN110177150A (zh) 一种数据获取方法、装置、电子设备及可读存储介质
CN116150207A (zh) 一种数据缓存方法、装置、电子设备及存储介质
CN116226189A (zh) 缓存数据查询方法、装置、电子设备和计算机可读介质
CN114244912B (zh) 数据传输方法、装置、计算机设备及存储介质
CN111753233B (zh) 第三方h5页面加载的方法、装置及计算机可读存储介质
CN116795872A (zh) 数据查询方法、装置、计算机设备及存储介质
CN113535199A (zh) 基于WebApp的网站更新方法、系统和存储介质
CN111722927A (zh) 一种数据缓存管理方法、系统、设备以及介质
CN111339390A (zh) 一种基于固定电话爬取信息的方法、计算设备及存储介质
CN111753232B (zh) 第三方h5页面加载的方法、装置及计算机可读存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination