CN110990736A - 页面加载方法、装置、终端设备和存储介质 - Google Patents
页面加载方法、装置、终端设备和存储介质 Download PDFInfo
- Publication number
- CN110990736A CN110990736A CN201911235186.8A CN201911235186A CN110990736A CN 110990736 A CN110990736 A CN 110990736A CN 201911235186 A CN201911235186 A CN 201911235186A CN 110990736 A CN110990736 A CN 110990736A
- Authority
- CN
- China
- Prior art keywords
- page
- distribution network
- content distribution
- static
- target
- 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
- 238000011068 loading method Methods 0.000 title claims abstract description 78
- 230000003068 static effect Effects 0.000 claims abstract description 123
- 238000012545 processing Methods 0.000 claims abstract description 30
- 238000000034 method Methods 0.000 claims description 24
- 238000004891 communication Methods 0.000 claims description 15
- 238000009877 rendering Methods 0.000 claims description 5
- 230000003993 interaction Effects 0.000 abstract description 5
- 230000004044 response Effects 0.000 abstract description 5
- 238000010586 diagram Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 7
- 230000005540 biological transmission Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 230000007246 mechanism Effects 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012795 verification 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
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
本申请实施例提供一种页面加载方法、装置、终端设备和存储介质,在接收到对目标页面的页面访问请求时,若确定页面访问请求为针对目标页面的首次访问请求,则从内容分发网络中获取目标页面的静态页面数据,并根据获得的静态页面数据加载显示目标页面。其中,内容分发网络中的静态页面数据由后台服务器预先存储至内容分发网络中。如此,对于加载页面所需的静态页面数据,则无需每次均从后台服务器获取,而是可从内容分发网络获取,减少了后台服务器的处理量,且由于内容分发网络具有的快速响应特性以及终端设备与内容分发网络之间交互的便捷性,提高了终端设备获取静态页面数据的速度,进而提高页面加载的整体速度。
Description
技术领域
本申请涉及分布式技术领域,具体而言,涉及一种页面加载方法、装置、终端设备和存储介质。
背景技术
用户终端中,通过浏览器页面展示的方式,可向用户展示相关产品、活动宣传等信息,包括图片、文字以及一些引导用户转发、点评等的交互按钮。页面展示内容一般包含长时间不变更的页面静态数据以及经常变动的页面动态数据。其中,页面静态数据包括例如页面背景、页面上的交互按钮等信息,而页面动态数据包括经后台统计处理后的实时展示的如访问用户数量、点评信息等。在用户终端进行页面显示时,需要从后台服务器获取所需的页面静态数据和页面动态数据,以实现页面的加载显示。但是,在高并发的情况下,后台服务器由于处理量加大,影响对用户终端的请求的处理速度,进而导致用户终端上页面加载缓慢,影响页面展示效果。
发明内容
本申请的目的包括,例如,提供了一种页面加载方法、装置、终端设备和存储介质,其能够提高页面加载的整体速度。
本申请的实施例可以这样实现:
第一方面,本申请实施例提供一种页面加载方法,应用于页面处理***中的终端设备,所述页面处理***还包括相互通信的后台服务器和内容分发网络,所述后台服务器和所述内容分发网络分别与所述终端设备通信连接,所述方法包括:
接收页面访问请求,所述页面访问请求用于请求对目标页面的访问;
若所述页面访问请求为针对所述目标页面的首次访问请求,则根据所述目标页面的标识信息从所述内容分发网络中获取所述目标页面的静态页面数据,其中,所述内容分发网络中的静态页面数据由所述后台服务器预先存储至所述内容分发网络中;
根据从所述内容分发网络获得的静态页面数据加载显示所述目标页面。
在可选的实施方式中,所述方法还包括:
将从所述内容分发网络获得的静态页面数据保存至本地存储中。
在可选的实施方式中,所述方法还包括:
若所述页面访问请求并非针对所述目标页面的首次访问请求,则获得保存在本地存储的所述目标页面的静态页面数据,并根据从本地存储所获得的静态页面数据加载显示所述目标页面。
在可选的实施方式中,所述方法还包括:
根据所述目标页面的标识信息从所述后台服务器获取所述目标页面的动态页面数据;
所述根据从所述内容分发网络获得的静态页面数据加载显示所述目标页面的步骤,包括:
根据从所述后台服务器获得的动态页面数据和从所述内容分发网络获得的静态页面数据加载显示所述目标页面。
在可选的实施方式中,所述根据从所述内容分发网络获得的静态页面数据加载显示所述目标页面的步骤,包括:
按预设规则将从所述内容分发网络获得的静态页面数据的格式转换为设定数据格式;
获取所述目标页面的script标签和页面组件,基于所述script标签和页面组件加载转换后的静态页面数据,并渲染显示于所述目标页面。
在可选的实施方式中,所述根据所述目标页面的标识信息从所述内容分发网络中获取所述目标页面的静态页面数据的步骤,包括:
向所述内容分发网络发送携带有所述目标页面的标识信息的jsonp请求;
接收所述内容分发网络基于所述jsonp请求查找获得的与所述标识信息对应的静态页面数据。
在可选的实施方式中,所述方法还包括判断所述页面访问请求是否为针对所述目标页面的首次访问请求的步骤,该步骤包括:
在接收到所述页面访问请求后,向所述内容分发网络发送更新查询请求,所述更新查询请求用于向所述内容分发网络查询所述目标页面的静态页面数据是否更新;
若接收到所述内容分发网络返回的表明所述目标页面的静态页面数据已更新的第一反馈信息,则确定所述页面访问请求为针对所述目标页面的首次访问请求;
若接收到所述内容分发网络返回的表明所述目标页面的静态页面数据未更新的第二反馈信息,则确定所述页面访问请求并非为针对所述目标页面的首次访问请求。
第二方面,本申请实施例提供一种页面加载装置,应用于页面处理***中的终端设备,所述页面处理***还包括相互通信的后台服务器和内容分发网络,所述后台服务器和所述内容分发网络分别与所述终端设备通信连接,所述装置包括:
接收模块,用于接收页面访问请求,所述页面访问请求用于请求对目标页面的访问;
获取模块,用于在所述页面访问请求为针对所述目标页面的首次访问请求时,根据所述目标页面的标识信息从所述内容分发网络中获取所述目标页面的静态页面数据,其中,所述内容分发网络中的静态页面数据由所述后台服务器预先存储至所述内容分发网络中;
加载模块,用于根据从所述内容分发网络获得的静态页面数据加载显示所述目标页面。
第三方面,本申请实施例提供一种终端设备,所述终端设备包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的机器可执行指令,所述机器可执行指令被所述处理器执行时实现上述任一项所述的页面加载方法的步骤。
第四方面,本申请实施例提供一种存储介质,所述存储介质上存储有机器可执行指令,所述机器可执行指令被处理器执行时实现上述任一项所述的页面加载方法的步骤。
本申请实施例的有益效果包括,例如:
本申请实施例提供的页面加载方法、装置、终端设备和存储介质,在接收到对目标页面的页面访问请求时,若确定页面访问请求为针对目标页面的首次访问请求,则从内容分发网络中获取目标页面的静态页面数据,并根据获得的静态页面数据加载显示目标页面。其中,内容分发网络中的静态页面数据由后台服务器预先存储至内容分发网络中。如此,对于加载页面所需的静态页面数据,则无需每次均从后台服务器获取,而是可从内容分发网络获取,减少了后台服务器的处理量,且由于内容分发网络具有的快速响应特性以及终端设备与内容分发网络之间交互的便捷性,提高了终端设备获取静态页面数据的速度,进而提高页面加载的整体速度。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的页面处理***的***架构示意图;
图2为本申请实施例提供的终端设备的结构框图;
图3为本申请实施例提供的页面加载方法的流程示意图;
图4为本申请实施例提供的页面加载方法的另一流程示意图;
图5为图3中步骤S330的子步骤的流程示意图;
图6为本申请实施例提供的页面加载装置的功能模块框图。
图标:110-处理器;120-存储器;130-通信模块;141-接收模块;142-获取模块;143-加载模块。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。
因此,以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围,而是仅仅表示本申请的选定实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
此外,若出现术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
需要说明的是,在不冲突的情况下,本申请的实施例中的特征可以相互结合。
请参阅图1,为本申请实施例提供的页面处理***的***架构示意图。该页面处理***包括后台服务器、内容分发网络以及多台终端设备,其中,后台服务器分别与内容分发网络和各台终端设备通信连接,各台终端设备还与内容分发网络通信连接。
终端设备可以是个人计算机、笔记本电脑、智能手机等设备,终端设备上安装浏览器应用软件,后台服务器可以浏览器应用软件对应的后台服务器,可用于对浏览器应用软件的相关的请求及数据进行处理。后台服务器可以是单独的服务器,也可以是由多台服务器组成的服务器集群,具体地在本实施例不作限制。内容分发网络可以是由多台节点服务器所构成的分布式服务器集群,可用于存储浏览器应用软件相关的数据等。
请参阅图2,为本申请实施例提供的上述终端设备的示意性结构框图,该终端设备包括存储器120、处理器110及通信模块130。所述存储器120、处理器110以及通信模块130各元件相互之间直接或间接地电性连接,以实现数据的传输或交互。例如,这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。
其中,存储器120用于存储程序或者数据。所述存储器120可以是,但不限于,随机存取存储器(Random Access Memory,RAM),只读存储器(Read Only Memory,ROM),可编程只读存储器(Programmable Read-Only Memory,PROM),可擦除只读存储器(ErasableProgrammable Read-Only Memory,EPROM),电可擦除只读存储器(Electric ErasableProgrammable Read-Only Memory,EEPROM)等。
处理器110用于读/写存储器120中存储的数据或程序,并执行本申请任意实施例提供的页面加载方法。
通信模块130用于通过网络建立终端设备与其它通信终端之间的通信连接,并用于通过网络收发数据。
应当理解的是,图2所示的结构仅为终端设备的结构示意图,所述终端设备还可包括比图2中所示更多或者更少的组件,或者具有与图2所示不同的配置。例如,所述终端设备还可包括显示屏幕等,用于展示加载渲染后的页面。图2中所示的各组件可以采用硬件、软件或其组合实现。
请参阅图3,图3示出了本申请实施例提供的页面加载方法的流程示意图,该页面加载方法可由图2中所示的终端设备执行。应当理解,在其它实施例中,本实施例的页面加载方法其中部分步骤的顺序可以根据实际需要相互交换,或者其中的部分步骤也可以省略或删除。该页面加载方法的详细步骤介绍如下。
步骤S310,接收页面访问请求,所述页面访问请求用于请求对目标页面的访问。
步骤S320,在所述页面访问请求为针对所述目标页面的首次访问请求,则根据所述目标页面的标识信息从所述内容分发网络中获取所述目标页面的静态页面数据,其中,所述内容分发网络中的静态页面数据由所述后台服务器预先存储至所述内容分发网络中。
步骤S330,根据从所述内容分发网络获得的静态页面数据加载显示所述目标页面。
页面上展示的信息一般包括如页面背景等长时间不变更的静态数据信息,以及如用户评论等频繁更新的动态数据信息。如果用户每次打开页面均需要从后台服务器通过数据库获取该页面的静态数据信息和动态数据信息,从而实现页面的渲染显示,在高并发的情况下将给后台服务器带来很大的处理压力,进而影响到页面的加载显示速度。
目前,为了提升页面打开速度,降低后台服务器处理压力的常用方式有以下几种。一种是提高后台服务器性能、增加带宽。这种方式属于最简单直接的方式,也是在并发量在一定范围内效果最直接、最明显的方案,随着服务器性能的增强、网络带宽的增加,单台服务器可以处理更多、更重的业务量。但是该方案存在一定的局限性,单台服务器、网络配置在目前现有的***架构中能够处理的业务量有极限值。
另一种是增加服务器的数量,通过增加多台服务器,配置相关的负载均衡,可以提高页面打开速度,解决第一点的极限值的问题。但是这种方式增加了硬件成本和开发人员工作量,还是存在网络传输效率问题。
还有一种是采用前端浏览器缓存的方式,该方案需要前后端设定一系列的配置项,如Last-Modified/ETag与Cache-Control/Expires,该方式解决了单用户非首次访问该网址的页面打开速度问题,因为如果数据没有更新不会再次从服务器获取数据,从而降低了服务器运行压力。但是该方案并没有从根本上解决问题,即用户首次打开页面的加载速度问题。
通过上述研究发现,本实施例中,提出了一种利用内容分发网络存储页面相关的静态页面数据的方案,从而在终端设备上对页面进行首次访问时,可从内容分发网络获取静态页面数据,以降低后台服务器一端的处理压力。
其中,内容分发网络的基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,内容分发网络***能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,解决Internet网络拥挤的状况,提高用户访问网站的响应速度。
本实施例中,不对内容分发网络内部具体如何分配节点服务器实现数据的存储,以及具体如何确定节点服务器处理终端设备发来的请求等过程进行保护,内容分发网络内部具体的处理机制可参考现有技术中常见的处理机制,本实施例对此不作具体限制。
在本实施例中,用户在对网页进行访问时,可通过终端设备输入待访问页面,即目标页面的统一资源定位符,以发起页面访问请求,从而获取用户想要得到的资源。终端设备将检测该页面访问请求是否为针对目标页面的首次访问请求。需要说明的是,判断页面访问请求是否为针对目标页面的首次访问请求,并不是指目标页面被首次访问,而是指目标页面的静态页面数据在每次更新之后被首次访问。
请结合参阅图4,本实施例中,可通过以下方式判断页面访问请求是否为针对目标页面的首次访问请求:
步骤S410,在接收到所述页面访问请求后,向所述内容分发网络发送更新查询请求,所述更新查询请求用于向所述内容分发网络查询所述目标页面的静态页面数据是否更新。
步骤S420,在接收到所述内容分发网络返回的表明所述目标页面的静态页面数据已更新的第一反馈信息时,确定所述页面访问请求为针对所述目标页面的首次访问请求。
步骤S430,在接收到所述内容分发网络返回的表明所述目标页面的静态页面数据未更新的第二反馈信息时,确定所述页面访问请求并非为针对所述目标页面的首次访问请求。
本实施例中,管理人员将根据页面配置需求对页面的静态页面数据进行管理及维护,或者是根据用户的更新请求、更新操作等对页面的静态页面数据进行管理。在确定需要对页面的静态页面数据进行更新时,例如需要更换页面的页面背景、需要更换页面上的按键等时,可将更新后的静态页面数据存储至内容分发网络中。内容分发网络将利用接收到的更新后的静态页面数据替换对应的更新前的静态页面数据。
终端设备在接收到针对目标页面的页面访问请求后,则可向内容分发网络发起更新查询请求,内容分发网络可在接收到更新查询请求后,将检测该更新查询请求是否为在对应的静态页面数据更新之后的首个更新查询请求,若是首个更新查询请求,则向终端设备返回表明目标页面的静态页面数据已更新的第一反馈信息。否则,则向终端设备返回表明目标页面的静态页面数据未更新的第二反馈信息,即相对于在接收到该页面访问请求的上一个访问请求而言,目标页面的静态页面数据未更新。
终端设备在确定页面访问请求为针对目标页面的首次访问请求时,则可从内容分发网络中获得目标页面的静态页面数据。在本实施例中,内容分发网络中存储的静态页面数据为后台服务器预先存储至内容分发网络中的,也就是说,内容分发网络只是起到静态页面数据暂存,以及在接收到请求时,对请求进行处理以返回对应的静态页面数据的功能。
本实施例中,后台服务器预先将页面的静态页面数据按照约定的数据格式存储至内容分发网络中,该约定的数据格式可以是javascript、json等格式,例如,可将静态页面数据打包成javascript文件形式,并存储至内容分发网络中。
在页面加载应用阶段中,终端设备在从内容分发网络中获取目标页面的页面静态数据时,可向内容分发网络发送携带有目标页面的标识信息的jsonp请求。其中,目标页面的标识信息可以是目标页面的统一资源定位符。内容分发网络在接收到终端设备的jsonp请求后,将基于网络内部的处理机制,进行查找,以获得与目标页面的标识信息对应的静态页面数据,并返回给终端设备。通过jsonp请求可以使网页获得其他来源上的Json资料。
Json(JavaScript对象表示法)是用于将结构化数据表示为JavaScript对象的标准格式,通常用于在网站上表示和传输数据(例如从服务器向客户端发送一些数据,因此可以将其显示在网页上)。Json是一种按照JavaScript对象语法的数据格式,虽然它是基于JavaScript语法,但它独立于JavaScript,这也是为什么许多程序环境能够读取(解读)和生成Json。
本实施例中,终端设备与内容分发网络之间采用jsonp请求进行交互,而非XmlHttpRequest请求,避免了大量的请求验证等过程,减少了网络带宽消耗,减少网络延迟。
终端设备在获得内容分发网络返回的目标页面的静态页面数据后,可基于该静态页面数据加载显示目标页面。可选地,终端设备在接收到静态页面数据后,可通过以下方式进行目标页面的加载显示,请参阅图5。
步骤S331,按预设规则将从所述内容分发网络获得的静态页面数据的格式转换为设定数据格式。
步骤S332,获取所述目标页面的script标签和页面组件,基于所述script标签和页面组件加载转换后的静态页面数据,并渲染显示于所述目标页面。
script标签是html中的一个重要标签,可用来嵌入脚本语言,如JavaScript,或者是引入外部脚本文本,如JavaScript文件。而页面组件包含多种常用的界面组件,例如表格、树、联动下拉框等。基于script标签和页面组件可对转换后的静态页面数据进行加载,并渲染显示目标页面。
在针对目标页面的首次访问请求获得目标页面的静态页面数据之后,终端设备可将静态页面数据保存在本地存储中。在目标页面的静态页面数据没有更新变动的情况下,后续在针对目标页面访问时,则可从本地存储中获得目标页面的静态页面数据,以避免每次均需要从内容分发网络或者是后台服务器获取静态页面数据造成的对带宽资源的占用。
基于上述考虑,因此,请再次参阅图3,在页面访问并非针对目标页面的首次访问请求时,可执行以下步骤S340和步骤S350。
步骤S340,在所述页面访问请求并非针对所述目标页面的首次访问请求,则获得保存在本地存储的所述目标页面的静态页面数据;
步骤S350,根据从本地存储所获得的静态页面数据加载显示所述目标页面。
由上述可知,终端设备在从内容分发网络获得目标页面的静态页面数据之后,基于静态页面数据加载显示目标页面的同时,将静态页面数据保存在本地存储中。因此,若后续在接收到针对目标页面的访问请求时,则可直接从本地存储中获得目标页面的静态页面数据。
以上主要是对目标页面的静态页面数据的获取过程进行了介绍,而要实现目标页面的完整显示除了需要目标页面的静态页面数据之外,还需要目标页面的动态页面数据。而页面的动态页面数据需要经由后台服务器分析处理后下发至终端设备。
在本实施例中,终端设备还可根据目标页面的标识信息从后台服务器获取目标页面的动态页面数据。终端设备可向后台服务器发送携带有目标页面的统一资源定位符的请求,后台服务器在接收到该请求后,将目标页面的相关动态页面数据下发至终端设备。
如此,终端设备将分别从后台服务器获得目标页面的动态页面数据,从内容分发网络获得目标页面的静态页面数据。因此,可根据从后台服务器获得的动态页面数据和从内容分发网络获得的静态页面数据加载显示目标页面。
通过以上方式,终端设备在进行目标页面的加载显示时,不需要每次均需从后台服务器获取目标页面的静态页面数据和动态静态数据,而是可以将目标页面的静态页面数据的工作分担到内容分发网络中。通过内容分发网络来处理终端设备对于目标页面的静态页面数据的请求。一方面,利用内容分发网络处理终端设备的静态页面数据的请求,提高了终端设备获得静态页面数据的速度。另一方面,由于内容分发网络缓解了后台服务器的处理压力,则后台服务器可以加快终端设备对于目标页面的动态页面数据的请求,从而终端设备获得静态页面数据和动态页面数据的整体速度大大加快,提高了页面加载显示速度。
此外,本实施例中,在处理针对目标页面的首次访问请求时,将从内容分发网络获取的静态页面数据保存至本地存储中,如此,在后续针对目标页面的非首次访问请求时,则可直接从本地存储中获取目标页面的静态页面数据,进一步加快了终端设备获取静态页面数据的速度。
请参阅图6,为了执行上述实施例及各个可能的方式中的相应步骤,下面给出一种页面加载装置的实现方式,可选地,该页面加载装置可以采用上述图2所示的终端设备的器件结构。进一步地,图6为本申请实施例提供的一种页面加载装置的功能模块图。需要说明的是,本实施例所提供的页面加载装置,其基本原理及产生的技术效果和上述实施例相同,为简要描述,本实施例部分未提及之处,可参考上述的实施例中相应内容。该页面加载装置包括:
接收模块141,用于接收页面访问请求,所述页面访问请求用于请求对目标页面的访问。可以理解,该接收模块141可以用于执行上述步骤S310,关于该接收模块141的详细实现方式可以参照上述对步骤S310有关的内容。
获取模块142,用于在所述页面访问请求为针对所述目标页面的首次访问请求时,根据所述目标页面的标识信息从所述内容分发网络中获取所述目标页面的静态页面数据,其中,所述内容分发网络中的静态页面数据由所述后台服务器预先存储至所述内容分发网络中。可以理解,该获取模块142可以用于执行上述步骤S320,关于该获取模块142的详细实现方式可以参照上述对步骤S320有关的内容。
加载模块143,用于根据从所述内容分发网络获得的静态页面数据加载显示所述目标页面。可以理解,该加载模块143可以用于执行上述步骤S330,关于该加载模块143的详细实现方式可以参照上述对步骤S330有关的内容。
本申请实施例所提供的页面加载装置可执行本申请任意实施例所提供的页面加载方法,具备执行方法相应的功能模块和有益效果。
可选地,上述模块可以软件或固件(Firmware)的形式存储于图2所示的存储器120中或固化于该终端设备的操作***(Operating System,OS)中,并可由图2中的处理器110执行。同时,执行上述模块所需的数据、程序的代码等可以存储在存储器120中。
本申请实施例还提供一种包含机器可执行指令的存储介质,所述机器可执行指令在由计算机处理器执行时用于执行本申请任意实施例所提供的页面加载方法的相关操作。
综上所述,本申请实施例提供一种页面加载方法、装置、终端设备和存储介质,在接收到对目标页面的页面访问请求时,若确定页面访问请求为针对目标页面的首次访问请求,则从内容分发网络中获取目标页面的静态页面数据,并根据获得的静态页面数据加载显示目标页面。其中,内容分发网络中的静态页面数据由后台服务器预先存储至内容分发网络中。如此,对于加载页面所需的静态页面数据,则无需每次均从后台服务器获取,而是可从内容分发网络获取,减少了后台服务器的处理量,且由于内容分发网络具有的快速响应特性以及终端设备与内容分发网络之间交互的便捷性,提高了终端设备获取静态页面数据的速度,进而提高页面加载的整体速度。
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以所述权利要求的保护范围为准。
Claims (10)
1.一种页面加载方法,其特征在于,应用于页面处理***中的终端设备,所述页面处理***还包括相互通信的后台服务器和内容分发网络,所述后台服务器和所述内容分发网络分别与所述终端设备通信连接,所述方法包括:
接收页面访问请求,所述页面访问请求用于请求对目标页面的访问;
若所述页面访问请求为针对所述目标页面的首次访问请求,则根据所述目标页面的标识信息从所述内容分发网络中获取所述目标页面的静态页面数据,其中,所述内容分发网络中的静态页面数据由所述后台服务器预先存储至所述内容分发网络中;
根据从所述内容分发网络获得的静态页面数据加载显示所述目标页面。
2.根据权利要求1所述的页面加载方法,其特征在于,所述方法还包括:
将从所述内容分发网络获得的静态页面数据保存至本地存储中。
3.根据权利要求2所述的页面加载方法,其特征在于,所述方法还包括:
若所述页面访问请求并非针对所述目标页面的首次访问请求,则获得保存在本地存储的所述目标页面的静态页面数据,并根据从本地存储所获得的静态页面数据加载显示所述目标页面。
4.根据权利要求1所述的页面加载方法,其特征在于,所述方法还包括:
根据所述目标页面的标识信息从所述后台服务器获取所述目标页面的动态页面数据;
所述根据从所述内容分发网络获得的静态页面数据加载显示所述目标页面的步骤,包括:
根据从所述后台服务器获得的动态页面数据和从所述内容分发网络获得的静态页面数据加载显示所述目标页面。
5.根据权利要求1所述的页面加载方法,其特征在于,所述根据从所述内容分发网络获得的静态页面数据加载显示所述目标页面的步骤,包括:
按预设规则将从所述内容分发网络获得的静态页面数据的格式转换为设定数据格式;
获取所述目标页面的script标签和页面组件,基于所述script标签和页面组件加载转换后的静态页面数据,并渲染显示于所述目标页面。
6.根据权利要求1所述的页面加载方法,其特征在于,所述根据所述目标页面的标识信息从所述内容分发网络中获取所述目标页面的静态页面数据的步骤,包括:
向所述内容分发网络发送携带有所述目标页面的标识信息的jsonp请求;
接收所述内容分发网络基于所述jsonp请求查找获得的与所述标识信息对应的静态页面数据。
7.根据权利要求1-6任意一项所述的页面加载方法,其特征在于,所述方法还包括判断所述页面访问请求是否为针对所述目标页面的首次访问请求的步骤,该步骤包括:
在接收到所述页面访问请求后,向所述内容分发网络发送更新查询请求,所述更新查询请求用于向所述内容分发网络查询所述目标页面的静态页面数据是否更新;
若接收到所述内容分发网络返回的表明所述目标页面的静态页面数据已更新的第一反馈信息,则确定所述页面访问请求为针对所述目标页面的首次访问请求;
若接收到所述内容分发网络返回的表明所述目标页面的静态页面数据未更新的第二反馈信息,则确定所述页面访问请求并非为针对所述目标页面的首次访问请求。
8.一种页面加载装置,其特征在于,应用于页面处理***中的终端设备,所述页面处理***还包括相互通信的后台服务器和内容分发网络,所述后台服务器和所述内容分发网络分别与所述终端设备通信连接,所述装置包括:
接收模块,用于接收页面访问请求,所述页面访问请求用于请求对目标页面的访问;
获取模块,用于在所述页面访问请求为针对所述目标页面的首次访问请求时,根据所述目标页面的标识信息从所述内容分发网络中获取所述目标页面的静态页面数据,其中,所述内容分发网络中的静态页面数据由所述后台服务器预先存储至所述内容分发网络中;
加载模块,用于根据从所述内容分发网络获得的静态页面数据加载显示所述目标页面。
9.一种终端设备,其特征在于,所述终端设备包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的机器可执行指令,所述机器可执行指令被所述处理器执行时实现如权利要求1至7中任一项所述的页面加载方法的步骤。
10.一种存储介质,其特征在于,所述存储介质上存储有机器可执行指令,所述机器可执行指令被处理器执行时实现如权利要求1至7中任一项所述的页面加载方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911235186.8A CN110990736A (zh) | 2019-12-05 | 2019-12-05 | 页面加载方法、装置、终端设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911235186.8A CN110990736A (zh) | 2019-12-05 | 2019-12-05 | 页面加载方法、装置、终端设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110990736A true CN110990736A (zh) | 2020-04-10 |
Family
ID=70090468
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911235186.8A Pending CN110990736A (zh) | 2019-12-05 | 2019-12-05 | 页面加载方法、装置、终端设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110990736A (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111831947A (zh) * | 2020-07-27 | 2020-10-27 | 中国工商银行股份有限公司 | 应用***、数据处理方法、计算机***和存储介质 |
CN112073405A (zh) * | 2020-09-03 | 2020-12-11 | 中国平安财产保险股份有限公司 | 网页数据加载方法、装置、计算机设备及存储介质 |
CN112887362A (zh) * | 2021-01-08 | 2021-06-01 | 重庆锐明信息技术有限公司 | 一种设备访问方法、设备访问装置及服务器 |
CN113315822A (zh) * | 2021-05-21 | 2021-08-27 | 福建天泉教育科技有限公司 | 一种前后端分离架构下的页面静态化方法与*** |
CN113472888A (zh) * | 2021-07-07 | 2021-10-01 | 挂号网(杭州)科技有限公司 | 网页访问方法、装置、服务器设备及存储介质 |
CN113704654A (zh) * | 2021-07-30 | 2021-11-26 | 北京达佳互联信息技术有限公司 | 页面展示方法、装置、电子设备及存储介质 |
CN114780267A (zh) * | 2022-06-21 | 2022-07-22 | 苏州万店掌网络科技有限公司 | 一种接口调用方法、装置、设备及存储介质 |
CN116069415A (zh) * | 2023-03-24 | 2023-05-05 | 徐工汉云技术股份有限公司 | 动态数据加载方法、装置、存储介质和电子设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130174272A1 (en) * | 2011-12-29 | 2013-07-04 | Chegg, Inc. | Digital Content Distribution and Protection |
CN106682176A (zh) * | 2016-12-29 | 2017-05-17 | 北京五八信息技术有限公司 | 页面的加载方法、装置和设备 |
US20180276308A1 (en) * | 2015-01-12 | 2018-09-27 | Beijing Jingdong Shangke Information Technology Co., Ltd. | Method and system for increasing page loading rate |
CN109032797A (zh) * | 2018-07-18 | 2018-12-18 | 上海恺英网络科技有限公司 | 用于提供网页访问的方法及设备 |
CN110287432A (zh) * | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | 网络信息处理方法、装置和电子设备 |
-
2019
- 2019-12-05 CN CN201911235186.8A patent/CN110990736A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130174272A1 (en) * | 2011-12-29 | 2013-07-04 | Chegg, Inc. | Digital Content Distribution and Protection |
US20180276308A1 (en) * | 2015-01-12 | 2018-09-27 | Beijing Jingdong Shangke Information Technology Co., Ltd. | Method and system for increasing page loading rate |
CN106682176A (zh) * | 2016-12-29 | 2017-05-17 | 北京五八信息技术有限公司 | 页面的加载方法、装置和设备 |
CN109032797A (zh) * | 2018-07-18 | 2018-12-18 | 上海恺英网络科技有限公司 | 用于提供网页访问的方法及设备 |
CN110287432A (zh) * | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | 网络信息处理方法、装置和电子设备 |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111831947B (zh) * | 2020-07-27 | 2023-08-15 | 中国工商银行股份有限公司 | 应用***、数据处理方法、计算机***和存储介质 |
CN111831947A (zh) * | 2020-07-27 | 2020-10-27 | 中国工商银行股份有限公司 | 应用***、数据处理方法、计算机***和存储介质 |
CN112073405A (zh) * | 2020-09-03 | 2020-12-11 | 中国平安财产保险股份有限公司 | 网页数据加载方法、装置、计算机设备及存储介质 |
CN112073405B (zh) * | 2020-09-03 | 2024-02-06 | 中国平安财产保险股份有限公司 | 网页数据加载方法、装置、计算机设备及存储介质 |
CN112887362A (zh) * | 2021-01-08 | 2021-06-01 | 重庆锐明信息技术有限公司 | 一种设备访问方法、设备访问装置及服务器 |
CN112887362B (zh) * | 2021-01-08 | 2023-03-10 | 重庆锐明信息技术有限公司 | 一种设备访问方法、设备访问装置及服务器 |
CN113315822A (zh) * | 2021-05-21 | 2021-08-27 | 福建天泉教育科技有限公司 | 一种前后端分离架构下的页面静态化方法与*** |
CN113315822B (zh) * | 2021-05-21 | 2023-06-20 | 福建天泉教育科技有限公司 | 一种前后端分离架构下的页面静态化方法与*** |
CN113472888A (zh) * | 2021-07-07 | 2021-10-01 | 挂号网(杭州)科技有限公司 | 网页访问方法、装置、服务器设备及存储介质 |
CN113472888B (zh) * | 2021-07-07 | 2024-01-05 | 挂号网(杭州)科技有限公司 | 网页访问方法、装置、服务器设备及存储介质 |
CN113704654A (zh) * | 2021-07-30 | 2021-11-26 | 北京达佳互联信息技术有限公司 | 页面展示方法、装置、电子设备及存储介质 |
CN114780267A (zh) * | 2022-06-21 | 2022-07-22 | 苏州万店掌网络科技有限公司 | 一种接口调用方法、装置、设备及存储介质 |
CN114780267B (zh) * | 2022-06-21 | 2022-09-27 | 苏州万店掌网络科技有限公司 | 一种接口调用方法、装置、设备及存储介质 |
CN116069415A (zh) * | 2023-03-24 | 2023-05-05 | 徐工汉云技术股份有限公司 | 动态数据加载方法、装置、存储介质和电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110990736A (zh) | 页面加载方法、装置、终端设备和存储介质 | |
US11144711B2 (en) | Webpage rendering method, device, electronic apparatus and storage medium | |
CN109683998B (zh) | 国际化实现方法、装置和*** | |
CN106991154B (zh) | 网页渲染方法、装置、终端及服务器 | |
US20190251143A1 (en) | Web page rendering method and related device | |
US7698256B1 (en) | History support for stateless Javascript Web client | |
US8965864B2 (en) | Method and system for efficient execution and rendering of client/server interactive applications | |
CN109032797A (zh) | 用于提供网页访问的方法及设备 | |
CN104754073A (zh) | 一种资源访问方法及装置 | |
CN113468456B (zh) | 网页渲染方法及装置、电子设备和计算机可读存储介质 | |
KR20130066603A (ko) | 폰트 서브세트의 개시 | |
US20090085921A1 (en) | Populate Web-Based Content Based on Space Availability | |
CN105095280A (zh) | 一种浏览器缓存方法和装置 | |
CN113382282B (zh) | 一种页面资源访问方法、装置、电子设备和存储介质 | |
CN110020304A (zh) | 一种加载页面的方法和装置 | |
CN108874922A (zh) | 客户端设备、基于单页应用的网页渲染方法和存储介质 | |
JP2021111403A (ja) | ランディングページの処理方法、装置、機器及び媒体 | |
CN111079048B (zh) | 一种页面加载方法及装置 | |
CN110795650A (zh) | 网页开启方法、装置及计算机可读存储介质 | |
CN113761412A (zh) | 应用页面的显示方法、装置、电子设备、介质及应用*** | |
CN113761428A (zh) | 页面渲染方法、装置、***、存储介质及电子设备 | |
CN111431767A (zh) | 多浏览器资源同步方法、装置、计算机设备和存储介质 | |
CN113536168B (zh) | 组件处理方法及设备 | |
US20240095298A1 (en) | Systems and methods for rendering interactive web pages | |
CN113656737A (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200410 |