CN111428169A - 页面加载的优化方法、***、服务器及存储介质 - Google Patents
页面加载的优化方法、***、服务器及存储介质 Download PDFInfo
- Publication number
- CN111428169A CN111428169A CN202010200196.4A CN202010200196A CN111428169A CN 111428169 A CN111428169 A CN 111428169A CN 202010200196 A CN202010200196 A CN 202010200196A CN 111428169 A CN111428169 A CN 111428169A
- Authority
- CN
- China
- Prior art keywords
- page
- webpage
- display area
- cache data
- current display
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 238000005457 optimization Methods 0.000 title abstract description 23
- 238000009877 rendering Methods 0.000 claims abstract description 82
- 238000010276 construction Methods 0.000 claims description 13
- 238000004458 analytical method Methods 0.000 claims description 12
- 238000012790 confirmation Methods 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 3
- 230000000694 effects Effects 0.000 abstract description 4
- 230000015654 memory Effects 0.000 description 12
- 230000009471 action Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 2
- 238000013500 data storage Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
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/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例公开了一种页面加载的优化方法、***、服务器及存储介质,其中,所述方法包括:接收用户端输入的页面请求地址;确认页面请求地址对应的第一网页;根据第一网页和用户端的预设页面参数代码确认用户端加载第一网页的当前显示区域;根据当前显示区域获取第一网页对应当前显示区域的网页缓存数据;发送网页缓存数据至用户端,以使用户端加载并显示当前显示区域。本发明通过获取和解析当前显示区域的网页缓存数据,确定动态渲染参数,并根据网页缓存数据和动态渲染参数在用户端加载和显示网页,解决了由于前端框架不同导致网页加载效率降低的技术问题,实现了根据用户的需求按需加载、简化加载步骤和提升用户网页加载体验的技术效果。
Description
技术领域
本发明实施例涉及终端的加载技术,尤其涉及一种页面加载的优化方法、***、服务器及存储介质。
背景技术
随着科技的迅速发展,人们越来越离不开网络,比如在电脑、手机或平板上通过各种APP或查看文字、观看视频或欣赏音乐等,或者通过浏览器进行网页的访问。
目前由于前端框架的多样性,用户端在进行网页加载时所需要的加载方式也是不同的。这样就容易使得用户端在进行网页加载时存在由于前端框架的不同而导致加载效率降低和用户体验不佳的技术问题。
发明内容
本发明提供一种页面加载的优化方法、***、服务器及存储介质,以实现根据用户的需求按需加载、减轻服务器以及用户端压力、提高加载效率和提升用户网页加载体验。
第一方面,本发明实施例提供了一种页面加载的优化方法,包括:
接收用户端输入的页面请求地址;
确认所述页面请求地址对应的第一网页;
根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域;
根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据;
发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。
进一步的,所述根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域包括:
获取所述用户端的预设数据库中的预设页面参数代码;
根据所述预设页面参数代码确定所述第一页面的当前显示区域的页面宽度和页面高度;
根据所述第一网页、所述页面宽度和所述页面高度确认用户端加载所述第一网页的当前显示区域。
进一步的,所述发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域包括:
根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架;
将所述网页缓存数据输入所述渲染引擎构建框架,以确定渲染节点坐标;
根据所述渲染节点坐标生成动态渲染参数;
将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域。
进一步的,所述根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架之前包括:
判断所述网页缓存数据是否进行过解析;
若所述网页缓存数据未进行过解析,则根据所述预设解析规则对所述网页缓存数据进行解析,以生成所述动态渲染参数;
若所述网页缓存数据已进行过解析,则直接根据预设数据库中的所述动态渲染参数对所述用户端的页面进行加载。
进一步的,所述将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域之前包括:
将所述动态渲染参数存储至服务器的所述预设数据库。
第二方面,本发明实施例还提供了一种页面加载的优化***,包括:
请求接收模块,用于接收用户端输入的页面请求地址;
页面确认模块,用于确认所述页面请求地址对应的第一网页;
区域确认模块,用于根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域;
数据获取模块,用于根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据;
页面显示模块,用于发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。
进一步的,所述区域确认模块包括:
区域确认单元,用于获取所述用户端的预设数据库中的预设页面参数代码;根据所述预设页面参数代码确定所述第一页面的当前显示区域的页面宽度和页面高度;根据所述第一网页、所述页面宽度和所述页面高度确认用户端加载所述第一网页的当前显示区域。
进一步的,所述页面显示模块包括:
页面显示单元,用于根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架;将所述网页缓存数据输入所述渲染引擎构建框架,以确定渲染节点坐标;根据所述渲染节点坐标生成动态渲染参数;将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域。
第三方面,本发明实施例还提供了一种服务器,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上述实施例中任一项所述的页面加载的优化方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如上述实施例中任一所述的页面加载的优化方法。
本发明通过确定页面的当前显示区域获取网页缓存数据,对网页缓存数据进行解析从而确定动态渲染参数,并根据网页缓存数据和动态渲染参数在用户端加载和显示网页,解决了现有技术中由于前端框架的不同而导致网页加载效率降低和用户体验不佳的技术问题,实现了根据用户的需求按需加载、减轻服务器以及用户端压力、提高加载效率和提升用户网页加载体验的技术效果。
附图说明
图1为本发明实施例一提供的一种页面加载的优化方法的流程图;
图2为本发明实施例二提供的一种页面加载的优化方法的流程图;
图3为本发明实施例二的替代实施例提供的一种页面加载的优化方法的流程图;
图4为本发明实施例三提供的一种页面加载的优化***的结构示意图;
图5为本发明实施例四提供的一种服务器的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
在更加详细地讨论示例性实施例之前应当提到的是,一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各步骤描述成顺序的处理,但是其中的许多步骤可以被并行地、并发地或者同时实施。此外,各步骤的顺序可以被重新安排。当其操作完成时处理可以被终止,但是还可以具有未包括在附图中的附加步骤。处理可以对应于方法、函数、规程、子例程、子程序等等。
此外,术语“第一”、“第二”等可在本文中用于描述各种方向、动作、步骤或元件等,但这些方向、动作、步骤或元件不受这些术语限制。这些术语仅用于将第一个方向、动作、步骤或元件与另一个方向、动作、步骤或元件区分。举例来说,在不脱离本申请的范围的情况下,可以将第一网页称为第二网页,且类似地,可将第二网页称为第一网页。第一网页和第二信息获取模块网页两者都是网页,但其不是同一网页。术语“第一”、“第二”等而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本发明的描述中,“多个”的含义是至少两个,例如两个,三个等,除非另有明确具体的限定。
实施例一
图1为本发明实施例一提供的一种页面加载的优化方法的流程图,本实施例可适用于电脑端或移动终端的网页加载情况,该方法可以由服务器来执行。如图1所示,一种页面加载的优化方法,具体包括如下步骤:
步骤S110、接收用户端输入的页面请求地址。
步骤S120、确认所述页面请求地址对应的第一网页。
具体的,在本实施例中,用户端是指需要进行网页加载的终端,如电脑端和移动终端(手机或平板)等。例如,当工作人员需要通过电脑端打开某网页时,电脑端就会输入页面请求地址(这里的页面请求地址可以是带有HTTP协议的一段地址或关键字或词如百度等),然后电脑端会将这个页面请求地址发送到对应的代理服务器中,代理服务器接收到这个页面请求地址后,就会根据该页面请求地址对应的通信协议(如HTTP协议)访问对应的网站,这时的网页显示出来的页面就是第一网页,即显示出的是网页框架,不显示网页内容。
步骤S130、根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域。
具体的,这里的预设页面参数代码是指一种用于动态获取页面框架参数的代码,如页面的宽和高,通过预设页面参数代码获取到第一页面的页面宽度和页面高度后,就可以确定第一网页的当前显示区域的大小。
步骤S140、根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据。
具体的,在通过步骤S130确定了第一网页的当前显示区域的大小后,服务器就可以获取该第一网页对应当前显示区域内的网页内容数据(即网页缓存数据,比如图片数据、文字数据、音源数据和视频数据等)。
步骤S150、发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。
具体的,在服务器获取到当前显示区域的网页缓存数据后,服务器会将当前显示区域的网页缓存数据发送到用户端,即用户端会在第一网页(相当于空白网页)的基础上,根据接收到的网页缓存数据(即当前显示区域的网页内容),将第一网页当前显示区域的网页加载并显示出来。当网页内容过长、服务器的访问量较大或用户端配置较低时,服务器只获取第一网页的当前显示区域的网页缓存数据,能有效减轻服务器的压力,并提升用户端加载并显示当前显示区域的速度,提高用户端的使用体验。
本发明实施例一的有益效果在于通过确定页面的当前显示区域获取网页缓存数据,对网页缓存数据进行解析从而确定动态渲染参数,并根据网页缓存数据和动态渲染参数在用户端加载和显示网页,解决了现有技术中由于前端框架的不同而导致网页加载效率降低和用户体验不佳的技术问题,实现了根据用户的需求按需加载、减轻服务器以及用户端压力、提高加载效率和提升用户网页加载体验的技术效果。
实施例二
本发明实施例二是在实施例一的基础上做的进一步优化。图2为本发明实施例二提供的一种页面加载的优化方法的流程图,如图2所示,本实施例的页面加载的优化方法,包括:
步骤S210、接收用户端输入的页面请求地址,确认所述页面请求地址对应的第一网页,获取所述用户端的预设数据库中的预设页面参数代码。
步骤S220、根据所述预设页面参数代码确定所述第一页面的当前显示区域的页面宽度和页面高度,根据所述第一网页、所述页面宽度和所述页面高度确认用户端加载所述第一网页的当前显示区域。
具体的,在本实施例中,用户端是指需要进行网页加载的终端,如电脑端和移动终端(手机或平板)等。例如,当工作人员需要通过电脑端打开某网页时,电脑端就会输入页面请求地址(这里的页面请求地址可以是带有HTTP协议的一段地址或关键字或词如百度等),然后电脑端会将这个页面请求地址发送到对应的代理服务器中,代理服务器接收到这个页面请求地址后,就会根据该页面请求地址对应的通信协议(如HTTP协议)访问对应的网站,这时的网页显示出来的页面就是第一网页,即显示出的是网页框架,不显示网页内容。本实施例的预设页面参数代码是指一种用于动态获取页面框架参数的代码(如document.body.clientWidth/clientHeight),通过预设页面参数代码获取到第一页面的页面宽度和页面高度后,就可以确定第一网页的当前显示区域的大小。
步骤S230、根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据,根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架。
步骤S240、将所述网页缓存数据输入所述渲染引擎构建框架,以确定渲染节点坐标;根据所述渲染节点坐标生成动态渲染参数。
具体的,网页浏览器的排版引擎也被称为页面渲染引擎,它负责取得网页的内容、整理信息,以及计算网页的显示方式然后会输出至显示器或打印机。在确定了第一网页的当前显示区域的大小后,服务器会获取当前显示区域内的所有网页缓存数据(图片、文字、音源和视频等),然后对这些网页缓存数据进行解析,从而生成用于计算和构建渲染引擎的渲染引擎构建框架。服务器会将网页缓存数据输入到渲染引擎构建框架中,经过预设算法计算得到该网页缓存数据的渲染节点坐标(即确定哪些节点需要进行渲染),然后根据渲染节点坐标生成该网页缓存数据的动态渲染参数。
步骤S250、将所述动态渲染参数存储至服务器的所述预设数据库。
具体的,在服务器计算得到当前显示区域的动态渲染参数后,服务器还可以将这些动态渲染参数存储到预设数据库中,方便之前进行过加载的网页可直接通过服务器调用该动态渲染参数。
步骤S260、将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域。
具体的,具体的,在服务器获取到当前显示区域的网页缓存数据和动态渲染参数后,若此时该第一网页从未加载过,那么服务器会将当前显示区域的网页缓存数据和动态渲染参数发送到用户端,即用户端会在第一网页(相当于空白网页)的基础上,根据接收到的网页缓存数据(即当前显示区域的网页内容),对第一网页当前显示区域的网页根据动态渲染参数进行动态渲染、加载并显示出来。当网页内容过长、服务器的访问量较大或用户端配置较低时,服务器只获取第一网页的当前显示区域的网页缓存数据,能有效减轻服务器的压力,并提升用户端加载并显示当前显示区域的速度,提高用户端的使用体验。
图3为本发明实施例的替代实施例提供的一种页面加载的优化方法的流程图,如图3所示,在本实施例中,步骤S230之前还可以包括以下步骤:
步骤S310、判断所述网页缓存数据是否进行过解析。
步骤S320、若所述网页缓存数据未进行过解析,则根据所述预设解析规则对所述网页缓存数据进行解析,以生成所述动态渲染参数。
步骤S330、若所述网页缓存数据已进行过解析,则直接根据预设数据库中的所述动态渲染参数对所述用户端的页面进行加载。
具体的,在服务器获取到第一网页当前显示区域的网页缓存数据后,还可以先判断该第一网页的当前显示区域是否加载过(即网页缓存数据是否进行过解析)。当网页缓存数据进行过解析时,服务器就可以直接从预设数据库中调用该网页缓存数据对应的动态渲染参数,并根据该动态渲染参数在用户端上显示页面;而当该网页缓存数据未进行过解析时,服务器就可以根据步骤S240-S250对该网页缓存数据进行解析,从而得到对应的动态渲染参数。
本发明实施例二的有益效果在于通过确定页面的当前显示区域获取网页缓存数据,对网页缓存数据进行是否解析过的判断,并根据判断结果采用不同的加载方式,最终根据网页缓存数据和动态渲染参数在用户端加载和显示网页,解决了现有技术中由于前端框架的不同而导致网页加载效率降低和用户体验不佳的技术问题,实现了根据用户的需求按需加载、减轻服务器以及用户端压力、提高加载效率和提升用户网页加载体验的技术效果。
实施例三
图4为本发明实施例三提供的一种页面加载的优化***的结构示意图。如图4所示,本实施例的页面加载的优化***300,包括:
请求接收模块310,用于接收用户端输入的页面请求地址;
页面确认模块320,用于确认所述页面请求地址对应的第一网页;
区域确认模块330,用于根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域;
数据获取模块340,用于根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据;
页面显示模块350,用于发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。
在本实施例中,所述区域确认模块330包括:
区域确认单元,用于获取所述用户端的预设数据库中的预设页面参数代码;根据所述预设页面参数代码确定所述第一页面的当前显示区域的页面宽度和页面高度;根据所述第一网页、所述页面宽度和所述页面高度确认用户端加载所述第一网页的当前显示区域。
在本实施例中,所述页面显示模块350包括:
页面显示单元,用于根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架;将所述网页缓存数据输入所述渲染引擎构建框架,以确定渲染节点坐标;根据所述渲染节点坐标生成动态渲染参数;将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域。
在本实施例中,所述页面加载的优化***300还包括:
解析判断模块360,用于判断所述网页缓存数据是否进行过解析;若所述网页缓存数据未进行过解析,则根据所述预设解析规则对所述网页缓存数据进行解析,以生成所述动态渲染参数;若所述网页缓存数据已进行过解析,则直接根据预设数据库中的所述动态渲染参数对所述用户端的页面进行加载。
在本实施例中,所述页面加载的优化***300还包括:
数据存储模块370,用于将所述动态渲染参数存储至服务器的所述预设数据库。
本发明实施例所提供的页面加载的优化***可执行本发明任意实施例所提供的页面加载的优化方法,具备执行方法相应的功能模块和有益效果。
实施例四
图5为本发明实施例四提供的一种服务器的结构示意图,如图5所示,该服务器包括处理器410、存储器420、输入装置430和输出装置440;服务器中处理器410的数量可以是一个或多个,图5中以一个处理器410为例;服务器中的处理器410、存储器420、输入装置430和输出装置440可以通过总线或其他方式连接,图5中以通过总线连接为例。
存储器410作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本发明实施例中的页面加载的优化***对应的程序指令/模块(例如,页面加载的优化***中的请求接收模块、页面确认模块、区域确认模块、数据获取模块、页面显示模块、解析判断模块和数据存储模块)。处理器410通过运行存储在存储器420中的软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述的页面加载的优化方法,即:
接收用户端输入的页面请求地址;
确认所述页面请求地址对应的第一网页;
根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域;
根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据;
发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。
存储器420可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、至少一个功能所需的应用程序;存储数据区可存储根据终端的使用所创建的数据等。此外,存储器420可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中,存储器420可进一步包括相对于处理器410远程设置的存储器,这些远程存储器可以通过网络连接至服务器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置430可用于接收输入的数字或字符信息,以及产生与服务器的用户设置以及功能控制有关的键信号输入。输出装置440可包括显示屏等显示设备。
实施例五
本发明实施例五还提供一种包含计算机可执行指令的存储介质,计算机可执行指令在由计算机处理器执行时用于执行一种页面加载的优化方法,该方法包括:
接收用户端输入的页面请求地址;
确认所述页面请求地址对应的第一网页;
根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域;
根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据;
发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。
当然,本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的方法操作,还可以执行本发明任意实施例所提供的页面加载的优化方法中的相关操作。
通过以上关于实施方式的描述,所属领域的技术人员可以清楚地了解到,本发明可借助软件及必需的通用硬件来实现,当然也可以通过硬件实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
值得注意的是,上述页面加载的优化***的实施例中,所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本发明的保护范围。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种页面加载的优化方法,其特征在于,包括:
接收用户端输入的页面请求地址;
确认所述页面请求地址对应的第一网页;
根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域;
根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据;
发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。
2.根据权利要求1所述的一种页面加载的优化方法,其特征在于,所述根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域包括:
获取所述用户端的预设数据库中的预设页面参数代码;
根据所述预设页面参数代码确定所述第一页面的当前显示区域的页面宽度和页面高度;
根据所述第一网页、所述页面宽度和所述页面高度确认用户端加载所述第一网页的当前显示区域。
3.根据权利要求1所述的一种页面加载的优化方法,其特征在于,所述发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域包括:
根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架;
将所述网页缓存数据输入所述渲染引擎构建框架,以确定渲染节点坐标;
根据所述渲染节点坐标生成动态渲染参数;
将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域。
4.根据权利要求3所述的一种页面加载的优化方法,其特征在于,所述根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架之前包括:
判断所述网页缓存数据是否进行过解析;
若所述网页缓存数据未进行过解析,则根据所述预设解析规则对所述网页缓存数据进行解析,以生成所述动态渲染参数;
若所述网页缓存数据已进行过解析,则直接根据预设数据库中的所述动态渲染参数对所述用户端的页面进行加载。
5.根据权利要求4所述的一种页面加载的优化方法,其特征在于,所述将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域之前包括:
将所述动态渲染参数存储至服务器的所述预设数据库。
6.一种页面加载的优化***,其特征在于,包括:
请求接收模块,用于接收用户端输入的页面请求地址;
页面确认模块,用于确认所述页面请求地址对应的第一网页;
区域确认模块,用于根据所述第一网页和所述用户端的预设页面参数代码确认用户端加载所述第一网页的当前显示区域;
数据获取模块,用于根据所述当前显示区域获取所述第一网页对应当前显示区域的网页缓存数据;
页面显示模块,用于发送所述网页缓存数据至所述用户端,以使所述用户端加载并显示当前显示区域。
7.根据权利要求6所述的一种页面加载的优化***,其特征在于,所述区域确认模块包括:
区域确认单元,用于获取所述用户端的预设数据库中的预设页面参数代码;根据所述预设页面参数代码确定所述第一页面的当前显示区域的页面宽度和页面高度;根据所述第一网页、所述页面宽度和所述页面高度确认用户端加载所述第一网页的当前显示区域。
8.根据权利要求6所述的一种页面加载的优化***,其特征在于,所述页面显示模块包括:
页面显示单元,用于根据预设解析规则对所述网页缓存数据进行解析,以生成渲染引擎构建框架;将所述网页缓存数据输入所述渲染引擎构建框架,以确定渲染节点坐标;根据所述渲染节点坐标生成动态渲染参数;将所述网页缓存数据和所述动态渲染参数发送至所述客户端,以使所述用户端根据所述动态渲染参数加载并显示当前显示区域。
9.一种服务器,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-5中任一项所述的页面加载的优化方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-5中任一所述的页面加载的优化方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010200196.4A CN111428169A (zh) | 2020-03-20 | 2020-03-20 | 页面加载的优化方法、***、服务器及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010200196.4A CN111428169A (zh) | 2020-03-20 | 2020-03-20 | 页面加载的优化方法、***、服务器及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111428169A true CN111428169A (zh) | 2020-07-17 |
Family
ID=71548332
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010200196.4A Pending CN111428169A (zh) | 2020-03-20 | 2020-03-20 | 页面加载的优化方法、***、服务器及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111428169A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112182453A (zh) * | 2020-09-30 | 2021-01-05 | 北京字节跳动网络技术有限公司 | 一种数据加载方法、装置、计算机设备及存储介质 |
CN112765505A (zh) * | 2021-01-21 | 2021-05-07 | 青岛以萨数据技术有限公司 | 数据加载方法、装置及存储介质 |
CN112799767A (zh) * | 2021-02-04 | 2021-05-14 | 深圳市富途网络科技有限公司 | 一种信息显示方法和*** |
CN113626739A (zh) * | 2021-06-30 | 2021-11-09 | 苏州浪潮智能科技有限公司 | 一种网站渲染路径加速优化方法及*** |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104021155A (zh) * | 2014-05-21 | 2014-09-03 | 小米科技有限责任公司 | 页面显示方法和装置 |
CN104252379A (zh) * | 2013-06-25 | 2014-12-31 | 腾讯科技(深圳)有限公司 | 图片缩略图显示方法和装置 |
CN104346403A (zh) * | 2013-08-07 | 2015-02-11 | 腾讯科技(深圳)有限公司 | 浏览器页面显示方法、装置、浏览器及终端 |
CN106294305A (zh) * | 2016-07-21 | 2017-01-04 | 上海网达软件股份有限公司 | 在android智能设备上对HTML网页内容进行分段显示的方法 |
CN107463567A (zh) * | 2016-06-02 | 2017-12-12 | 广州市动景计算机科技有限公司 | 数据缓存加载方法和装置以及便携式终端设备 |
-
2020
- 2020-03-20 CN CN202010200196.4A patent/CN111428169A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104252379A (zh) * | 2013-06-25 | 2014-12-31 | 腾讯科技(深圳)有限公司 | 图片缩略图显示方法和装置 |
CN104346403A (zh) * | 2013-08-07 | 2015-02-11 | 腾讯科技(深圳)有限公司 | 浏览器页面显示方法、装置、浏览器及终端 |
CN104021155A (zh) * | 2014-05-21 | 2014-09-03 | 小米科技有限责任公司 | 页面显示方法和装置 |
CN107463567A (zh) * | 2016-06-02 | 2017-12-12 | 广州市动景计算机科技有限公司 | 数据缓存加载方法和装置以及便携式终端设备 |
CN106294305A (zh) * | 2016-07-21 | 2017-01-04 | 上海网达软件股份有限公司 | 在android智能设备上对HTML网页内容进行分段显示的方法 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112182453A (zh) * | 2020-09-30 | 2021-01-05 | 北京字节跳动网络技术有限公司 | 一种数据加载方法、装置、计算机设备及存储介质 |
CN112765505A (zh) * | 2021-01-21 | 2021-05-07 | 青岛以萨数据技术有限公司 | 数据加载方法、装置及存储介质 |
CN112799767A (zh) * | 2021-02-04 | 2021-05-14 | 深圳市富途网络科技有限公司 | 一种信息显示方法和*** |
CN113626739A (zh) * | 2021-06-30 | 2021-11-09 | 苏州浪潮智能科技有限公司 | 一种网站渲染路径加速优化方法及*** |
CN113626739B (zh) * | 2021-06-30 | 2023-07-18 | 苏州浪潮智能科技有限公司 | 一种网站渲染路径加速优化方法及*** |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111428169A (zh) | 页面加载的优化方法、***、服务器及存储介质 | |
CN106991154B (zh) | 网页渲染方法、装置、终端及服务器 | |
US20190251143A1 (en) | Web page rendering method and related device | |
US20170163753A1 (en) | Method and apparatus for controlling play device to play video | |
CN105786455B (zh) | 一种数据处理方法、装置及终端 | |
CN107276842B (zh) | 接口测试方法、装置及电子设备 | |
EP4198773A1 (en) | Image processing method and apparatus, and computer readable storage medium | |
CN111859224A (zh) | 基于节点服务器的服务端渲染方法、装置和计算机设备 | |
WO2020119544A1 (zh) | 网络传输模拟方法、装置、计算机设备及存储介质 | |
CN110032493A (zh) | 页面的监控方法、装置、终端及可读存储介质 | |
US20170169122A1 (en) | Webpage display method, mobile terminal, intelligent terminal, program and storage medium | |
CN112612546A (zh) | 页面加载方法、装置、电子设备和存储介质 | |
CN105677678B (zh) | 网页的首屏位置确定、网页信息显示方法和*** | |
CN111737614B (zh) | 页面显示方法、装置、电子设备和存储介质 | |
CN114168853A (zh) | 一种数据可视化展示方法、装置、介质及电子设备 | |
CN113703893A (zh) | 一种页面渲染方法、装置、终端及存储介质 | |
US20140331117A1 (en) | Application-based dependency graph | |
US20210185109A1 (en) | Page presentation method and system, computer system, and computer readable medium | |
CN108965295B (zh) | 一种文件压缩合并方法及相关装置 | |
CN110708270B (zh) | 异常链接检测方法以及装置 | |
CN111338928A (zh) | 基于chrome浏览器测试的方法及装置 | |
CN116185825A (zh) | 前端的自测方法、前端设备和计算机可读存储介质 | |
CN111614676B (zh) | 一种登录方法、装置、设备、介质 | |
CN114741144A (zh) | 一种web端复杂表格显示方法、装置及*** | |
CN114036431A (zh) | 页面缓存跳转方法、装置、电子设备及存储介质 |
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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200717 |
|
RJ01 | Rejection of invention patent application after publication |