CN117349565A - 页面渲染方法、装置、设备及介质 - Google Patents

页面渲染方法、装置、设备及介质 Download PDF

Info

Publication number
CN117349565A
CN117349565A CN202311319743.0A CN202311319743A CN117349565A CN 117349565 A CN117349565 A CN 117349565A CN 202311319743 A CN202311319743 A CN 202311319743A CN 117349565 A CN117349565 A CN 117349565A
Authority
CN
China
Prior art keywords
resources
path
resource
loading
backup
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
CN202311319743.0A
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.)
Industrial and Commercial Bank of China Ltd ICBC
Original Assignee
Industrial and Commercial Bank of China Ltd ICBC
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 Industrial and Commercial Bank of China Ltd ICBC filed Critical Industrial and Commercial Bank of China Ltd ICBC
Priority to CN202311319743.0A priority Critical patent/CN117349565A/zh
Publication of CN117349565A publication Critical patent/CN117349565A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • 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/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • 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/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本公开提供了一种页面渲染方法、装置、设备及介质,可以应用于信息安全和金融技术领域。该页面渲染方法包括:响应于接收到的来自多个目标对象的高并发网络访问请求,并发向主路径和备份路径加载资源,其中,资源预先部署在主路径和备份路径上;在确定备份路径加载资源成功的情况下,将备份路径加载的备份资源缓存至浏览器,得到缓存资源;在确定主路径加载资源不成功的情况下,根据缓存资源,进行页面渲染。

Description

页面渲染方法、装置、设备及介质
技术领域
本公开涉及信息安全和金融技术技术领域,更具体地涉及页面渲染方法、装置、设备、介质和程序产品。
背景技术
页面渲染依赖资源的成功加载。当网络出现异常时,页面资源无法正常获取,影响页面展现效果和用户体验。利用内容分发网络缓存加速的特点,将页面资源缓存至内容分发网络,提高页面资源加载速度和页面渲染速度。
在实施本公开的过程中发现,现有技术中,内容分发网络在面对高并发的场景时会出现短板效应。例如,内容分发网络会出现响应缓慢等异常情况,无法及时加载页面资源,影响页面的正常展现的问题。
发明内容
鉴于上述问题,本公开提供了一种页面渲染方法、装置、设备、介质和程序产品。
根据本公开的第一个方面,提供了一种页面渲染方法,包括:响应于接收到的来自多个目标对象的高并发网络访问请求,并发向主路径和备份路径加载资源,其中,上述资源预先部署在上述主路径和上述备份路径上;在确定上述备份路径加载上述资源成功的情况下,将上述备份路径加载的备份资源缓存至浏览器,得到缓存资源;以及在确定上述主路径加载上述资源不成功的情况下,根据上述缓存资源,进行页面渲染。
根据本公开的实施例,上述方法还包括:在确定上述主路径加载上述资源成功的情况下,根据上述主路径加载的主资源,更新上述缓存资源。
根据本公开的实施例,上述主路径包括:内容分发网络缓存,上述备份路径包括:网站服务器;上述方法还包括:同时向上述内容分发网络缓存和上述网站服务器部署上述资源。
根据本公开的实施例,上述方法还包括:在确定向上述主路径和上述备份路径加载资源的情况下,分别对上述主路径和上述备份路径配置第一加载标志和第二加载标志;基于上述第一加载标志,确定上述主路径加载上述资源的状态;基于上述第二加载标志,确定上述备份路径加载上述资源的状态。
根据本公开的实施例,上述基于上述第一加载标志,确定上述主路径加载上述资源的状态,包括:在确定上述第一加载标志已被赋值的情况下,确定上述主路径加载上述资源成功;在确定上述第一加载标志未被赋值的情况下,确定上述主路径加载上述资源不成功。
根据本公开的实施例,上述基于上述第二加载标志,确定上述备份路径加载上述资源的状态,包括:在确定上述第二加载标志已被赋值的情况下,确定上述备份路径加载上述资源成功;在确定上述第二加载标志未被赋值的情况下,确定上述备份路径加载上述资源不成功。
本公开的第二方面提供了一种页面渲染装置,包括:加载模块,用于响应于接收到的来自多个目标对象的高并发网络访问请求,并发向主路径和备份路径加载资源,其中,上述资源预先部署在上述主路径和上述备份路径上;缓存模块,用于在确定上述备份路径加载上述资源成功的情况下,将上述备份路径加载的备份资源缓存至浏览器,得到缓存资源;渲染模块,在确定上述主路径加载上述资源不成功的情况下,用于根据上述缓存资源,进行页面渲染。
本公开的第三方面提供了一种电子设备,包括:一个或多个处理器;存储器,用于存储一个或多个程序,其中,当上述一个或多个程序被上述一个或多个处理器执行时,使得一个或多个处理器执行上述方法。
本公开的第四方面还提供了一种计算机可读存储介质,其上存储有可执行指令,该指令被处理器执行时使处理器执行上述方法。
本公开的第五方面还提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现上述方法。
根据本公开的实施例,在高并发场景下进行页面渲染时,响应于接收到的来自多个目标对象的高并发网络访问请求,并发向预先部署资源的主路径和备份路径加载资源,通过确定备份路径加载资源的情况,在备份路径加载资源成功的情况下,将备份路径加载的备份资源缓存至浏览器,得到缓存资源。进一步确定主路径加载资源是否成功,在确定主路径加载资源不成功的情况下,能够及时将备份路径的资源作为兜底资源使用,进行页面渲染,保证了高并发场景下页面的正常展现;解决了高并发场景下主路径同时响应大量访问请求,可能会出现响应缓慢,加载资源失败的异常问题;至少部分克服了内容分发网络存在的可能出现响应缓慢等异常情况,导致的无法及时加载页面资源,影响页面的正常展现的问题
附图说明
通过以下参照附图对本公开实施例的描述,本公开的上述内容以及其他目的、特征和优点将更为清楚,在附图中:
图1示意性示出了根据本公开实施例的页面渲染方法、装置、设备、介质和程序产品的应用场景图;
图2示意性示出了根据本公开实施例的页面渲染方法的流程图;
图3示意性示出了根据本公开实施例的页面加载方法的流程图;
图4示意性示出了根据本公开实施例的页面缓存方法的流程图;
图5示意性示出了根据本公开实施例的页面渲染装置的结构框图;以及
图6示意性示出了根据本公开实施例的适于实现页面渲染方法的电子设备的方框图。
具体实施方式
以下,将参照附图来描述本公开的实施例。但是应该理解,这些描述只是示例性的,而并非要限制本公开的范围。在下面的详细描述中,为便于解释,阐述了许多具体的细节以提供对本公开实施例的全面理解。然而,明显地,一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外,在以下说明中,省略了对公知结构和技术的描述,以避免不必要地混淆本公开的概念。
在此使用的术语仅仅是为了描述具体实施例,而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在,但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。
在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义,除非另外定义。应注意,这里使用的术语应解释为具有与本说明书的上下文相一致的含义,而不应以理想化或过于刻板的方式来解释。
在使用类似于“A、B和C等中至少一个”这样的表述的情况下,一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如,“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。
在本公开的技术方案中,所涉及的用户信息(包括但不限于用户个人信息、用户图像信息、用户设备信息,例如位置信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等),均为经用户授权或者经过各方充分授权的信息和数据,并且相关数据的收集、存储、使用、加工、传输、提供、公开和应用等处理,均遵守相关国家和地区的相关法律法规和标准,采取了必要保密措施,不违背公序良俗,并提供有相应的操作入口,供用户选择授权或者拒绝。
在本公开实施例的技术方案中,在获取或采集用户个人信息之前,均获取了用户的授权或同意。
在实施本公开的过程中发现,现有技术中,为了解决网络异常时,页面资源无法正常获取,影响页面的正常展现的问题,通过将页面资源缓存至内容分发网络,利用内容分发网络缓存加速的特点,提高页面加载速度和页面渲染速度,但是内容分发网络在面对高并发例如秒杀场景时,会出现响应缓慢等情况,此时仍然存在无法及时获取到页面资源,影响到页面的正常展现的问题。
本公开的实施例提供了一种页面渲染方法、一种页面渲染装置、一种电子设备、一种计算机可读存储介质和一种计算机程序产品。该方法包括响应于接收到的来自多个目标对象的高并发网络访问请求,并发向主路径和备份路径加载资源,其中,资源预先部署在主路径和备份路径上;在确定备份路径加载资源成功的情况下,将备份路径加载的备份资源缓存至浏览器,得到缓存资源;以及在确定主路径加载资源不成功的情况下,根据缓存资源,进行页面渲染。
图1示意性示出了根据本公开实施例的页面渲染方法、装置、设备、介质和程序产品的应用场景图。
如图1所示,根据该实施例的应用场景100可以包括第一终端设备101、第二终端设备102、第三终端设备103、网络104以及服务器105。网络104用以在第一终端设备101、第二终端设备102、第三终端设备103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
根据本公开的实施例,网络104可以包含主备两条路径,主路径可以为内容分发网络缓存,备份路径可以为网站服务器。
用户可以使用第一终端设备101、第二终端设备102、第三终端设备103中的至少一个通过网络104与服务器105交互,以接收或发送消息等。第一终端设备101、第二终端设备102、第三终端设备103上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
第一终端设备101、第二终端设备102、第三终端设备103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对用户利用第一终端设备101、第二终端设备102、第三终端设备103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理,并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。
需要说明的是,本公开实施例所提供的页面渲染方法一般可以由服务器105执行。相应地,本公开实施例所提供的页面渲染装置一般可以设置于服务器105中。本公开实施例所提供的页面渲染方法也可以由不同于服务器105且能够与第一终端设备101、第二终端设备102、第三终端设备103和/或服务器105通信的服务器或服务器集群执行。相应地,本公开实施例所提供的页面渲染装置也可以设置于不同于服务器105且能够与第一终端设备101、第二终端设备102、第三终端设备103和/或服务器105通信的服务器或服务器集群中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
以下将基于图1描述的场景,通过图2~图4对公开实施例的页面渲染方法进行详细描述。
图2示意性示出了根据本公开实施例的页面渲染方法的流程图。
如图2所示,该实施例的页面渲染方法200包括操作S210~操作S230。
在操作S210,响应于接收到的来自多个目标对象的高并发网络访问请求,并发向主路径和备份路径加载资源,其中,资源预先部署在主路径和备份路径上。
根据本公开的实施例,网络访问请求为客户端向系统请求获取页面资源的操作。
根据本公开的实施例,目标对象可以为请求访问页面的客户端。资源可以为HTML文件、CSS文件、JS文件以及其他用于展示页面的图片、音频、视频等。
根据本公开的实施例,高并发为同一时间点,多个目标对象发起页面访问请求的情况。
根据本公开的实施例,主路径可以为响应访问请求的主要路径,备份路径可以为响应访问请求的备份路径。
根据本公开的实施例,服务器在接收到来自多个客户端的高并发网络访问请求时,向浏览器发送加载指令,浏览器响应于加载指令后执行加载操作,将预先部署的资源通过主路径和备份路径同时加载,能够在出现主路径加载资源不成功的情况下,已经及时加载了备份路径的备份资源。
例如,由于某购物程序进行商品促销活动,针对购物程序的页面进行访问的次数增加,使用单一路径无法满足大量的访问请求,服务器向浏览器发送加载指令,浏览器响应于加载指令后执行加载操作,通过主路径和备份路径同时加载已经部署的页面资源,页面资源可以为包含有“促销”图片的页面资源。
在操作S220,在确定备份路径加载资源成功的情况下,将备份路径加载的备份资源缓存至浏览器,得到缓存资源。
根据本公开的实施例,备份资源为预先部署在备份路径上,并通过备份路径加载的资源。
根据本公开的实施例,浏览器为用来展示页面资源的应用程序。
根据本公开的实施例,缓存资源为存储在浏览器中的页面资源。
根据本公开的实施例,根据在操作S210对主路经加载资源的加载情况,先确定备份路径的资源是否加载成功。如果备份路径加载资源成功,将从备份路径加载成功的备份资源缓存至浏览器,得到缓存资源。
例如,备份路径加载已经部署的包含有“促销”图片的页面资源,在确定备份路径加载的页面资源成功后,将包含有“促销”图片的备份路径成功加载的页面资源缓存至浏览器,得到缓存资源。
在操作S230,在确定主路径加载资源不成功的情况下,根据缓存资源,进行页面渲染。
根据本公开的实施例,根据在操作S210对主路经加载资源的加载情况,确定主路径加载资源是否成功。如果主路径加载资源不成功,则缓存资源仍为在操作S220得到的缓存资源。
根据本公开的实施例,页面渲染可以为浏览器根据得到的缓存资源,将缓存资源中的页面内容展现给客户端的过程。
根据本公开的实施例,缓存资源为备份资源时,浏览器通过备份资源进行页面渲染。由于高并发场景下,主路径同时响应大量访问请求,可能会出现响应缓慢,加载资源失败的情况,通过备份路径加载资源,备份资源作为缓存资源,缓存在浏览器中,根据缓存资源渲染页面。
例如,通过主路径和备份路径同时加载已经部署的包含有”促销”图片的页面资源后,在确定备份路径加载的页面资源成功后,再次确定主路径加载的页面资源是否成功。主路径加载的页面资源不成功的情况下,浏览器缓存资源保持通过备份路径加载的包含“促销”图片的页面资源的备份资源,浏览器根据缓存资源进行页面渲染,最终客户端展现的页面中包含“促销”图片。
根据本公开的实施例,在高并发场景下进行页面渲染时,服务器响应于接收到的来自多个目标对象的高并发网络访问请求,向浏览器发送加载指令,浏览器响应于加载指令后执行加载操作,并发向预先部署资源的主路径和备份路径加载资源。通过确定备份路径加载资源的情况,在备份路径加载资源成功的情况下,将备份路径加载的备份资源缓存至浏览器,得到缓存资源。进一步确定主路径加载资源是否成功,在确定主路径加载资源不成功的情况下,能够及时将备份路径的资源作为兜底资源使用,进行页面渲染,保证了高并发场景下页面的正常展现;解决了高并发场景下主路径同时响应大量访问请求,可能会出现响应缓慢,加载资源失败的异常问题;至少部分克服了内容分发网络存在的可能出现响应缓慢等异常情况,导致的无法及时加载页面资源,影响页面的正常展现的问题。
根据本公开的实施例,在根据缓存资源,进行页面渲染之前,还可以进行如下操作:在确定主路径加载资源成功的情况下,根据主路径加载的主资源,更新缓存资源。
根据本公开的实施例,先确定备份路径的资源加载情况,如果备份路径加载资源成功,将从备份路径加载成功的备份资源缓存至浏览器,得到缓存资源。再获取主路径的加载情况,如果主路径加载资源成功,使用主路径加载成功的主资源缓存并更新浏览器缓存,得到更新后的缓存资源。
需要说明的是,由于主路径的资源与备份路径的资源可以进行更新,在更新频率不同的情况下,主路径的资源可以与备份路径的资源可以不相同,例如主路径的资源可以为资源的最新版本,备份路径的资源可以为最新版本的上一版本。
例如,在某购物程序在未进行商品促销活动时,主路径和备份路径部署的页面资源可以为不含“促销”图片的页面资源。在进行商品促销活动时,由于主路径的资源与备份路径的资源更新频率可以不同,主路径的页面资源可以更新为包含“促销”图片的页面资源。备份路径的页面资源可以仍为不含“促销”图片的页面资源。针对购物程序的页面进行访问的次数增加,也即服务器接收到大量的访问请求时,服务器向浏览器发送加载指令,浏览器响应于加载指令后执行加载操作,通过主路径和备份路径同时加载已经部署的页面资源,备份路径和主路径的资源加载成功,主路径的主资源为包含有“促销”图片的页面资源,备份路径的备份资源为不含“促销”图片的页面资源,将不含“促销”图片的页面资源的缓冲资源更新为含有“促销”图片的页面资源的缓存资源。
根据本公开的实施例,在主路径加载资源不存在异常的情况下,可以根据主路径加载的主资源,更新浏览器缓存资源,可以保证即使在高并发的场景下,主路径加载资源也不存在异常的情况下,为目标对象呈现最新版本的页面;避免了主路径加载资源成功的情况下,利用备份路径加载的资源进行页面渲染,可能因资源更新不及时而导致呈现给目标对象的页面非最新页面的问题。
根据本公开的实施例,主路径可以包括:内容分发网络缓存,备份路径可以包括:网站服务器。
其中,页面渲染方法还可以包括如下操作:同时向内容分发网络缓存和网站服务器部署资源。
根据本公开的实施例,在部署资源时,同时向主路径和备份路径部署资源,即同时向内容分发网络缓存和网站服务器部署资源。
根据本公开的实施例,同时向两个路径部署资源,保证浏览器能从主路径和备份路径两条路径获取资源,当主路径响应缓慢时,可以使用备份路径的资源及时响应访问请求。
根据本公开的实施例,页面渲染方法还可以包括如下操作:按照预设周期以及预设更新频率,对部署在主路径和备份路径上的资源进行更新。
根据本公开的实施例,预设周期可以是根据资源的时效性而确定的。预设更新频率可以是根据主路径和备份路径部署资源的实际情况而确定的。
根据本公开的实施例,主路径和备份路径的资源预设更新频率可以不一致,主路径的主资源的预设更新频率可以比备份路径的备份资源的预设更新频率高。
需要说明的是,由于在正常的网络访问场景下,需要从主路径获取资源,主路径的资源利用率高,备份路径的资源作为兜底资源,利用率比主路径的资源低,因此,对部署在主路径上的资源进行更新的频率高于部署在备份路径上的资源的更新频率,不仅能够保证在高并发的网络访问场景下,及时获取资源,完成页面渲染,而且能够保证在正常的网络访问场景下,保证资源的时效性,同时降低了过高的资源更新频率导致的网络资源浪费的问题。
例如,在更新主路径和备份路径部署的资源时,预设周期可以为一个小时,主路径的主资源的预设更新频率可以为一个小时两次,备份路径的备份资源的预设更新频率可以为一个小时一次。
根据本公开的实施例,主路径和备份路径在部署方式可以不同,例如,主路径的资源可以通过Git仓库进行部署,备份路径可以采用直接替换代码的方式进行部署,实现了物理隔离,互不影响。
根据本公开的实施例,定期对主路径和备份路径上的资源进行更新,保证了资源的时效性。
根据本公开的实施例,在响应于接收到的来自多个目标对象的高并发网络访问请求,并发向主路径和备份路径加载资源之后,还可以进行如下操作:在确定向主路径和备份路径加载资源的情况下,分别对主路径和备份路径配置第一加载标志和第二加载标志;基于第一加载标志,确定主路径加载资源的状态;基于第二加载标志,确定备份路径加载资源的状态。
根据本公开的实施例,第一加载标志可以标识主路径加载资源的状态;第二加载标志可以标识备份路径加载资源的状态。
根据本公开的实施例,页面加载时,浏览器并发向主备两条路径获取页面资源,并针对主备两条路径获取资源的状态分别配置第一加载标志和第二加载标志,用于监控资源是否通过主路径或者备份路径成功加载。
根据本公开的实施例,资源成功加载后,为对应路径的加载标志进行赋值。
根据本公开的实施例,主备路径中的任一路径资源加载成功,则为资源加载成功的对应路径的加载标志赋值为“已加载”,不为资源加载不成功的对应路径的加载标志赋值。
根据本公开的实施例,在对主备两个路径配置加载标志时,并不需要确定配置的加载标志是对应主路径还是备份路径,只要资源加载成功,就为资源加载成功的路径的加载标志赋值为“已加载”。
例如,主路径的主资源加载成功,则为主路径对应的加载标志赋值为“已加载”。如果主路径的主资源加载不成功,则不为主路径对应的加载标志进行赋值。
根据本公开的实施例,分别对主备两条路径配置相应的加载标志,基于加载标志,能够确定两条路径资源加载的状态,有利于后续基于加载标志进行资源缓存。
根据本公开的实施例,基于第一加载标志,确定主路径加载资源的状态,包括:在确定第一加载标志已被赋值的情况下,确定主路径加载资源成功;在确定第一加载标志未被赋值的情况下,确定主路径加载资源不成功。
根据本公开的实施例,基于第二加载标志,确定备份路径加载资源的状态,包括:在确定第二加载标志已被赋值的情况下,确定备份路径加载资源成功;在确定第二加载标志未被赋值的情况下,确定备份路径加载资源不成功。
根据本公开的实施例,加载浏览器缓存时,先确定备份路径资源的第二加载标志是否被赋值为“已加载”,当备份路径的第二加载标志被赋值为“已加载”,将备份路径的备份资源加载至浏览器缓存。
根据本公开的实施例,在将备份路径的备份资源加载至浏览器缓存之后,确定主路径的第一加载标志是否被赋值为“已加载”,当主路径的第一加载标志被赋值为“已加载”时,使用主路径的主资源更新浏览器缓存。
例如,页面加载时,确定备份路径的第二加载标志被赋值为“已加载”后,将备份路径的备份资源加载至浏览器缓存,此时浏览器中缓存的资源可以为不包含“促销”图片的备份资源。下一步确定主路径的第一加载标志是否被赋值为“已加载”,如果第一加载标志被赋值为“已加载”,则使用主路径的主资源更新浏览器缓存,此时浏览器中缓存的资源为包含“促销”图片的主资源;如果第一加载标志没有被赋值,则浏览器缓存依然为不含有“促销”图片的备份资源。
根据本公开的实施例,通过对主路径和备份路径加载状态的确定,能够确定浏览器的缓存资源的来源。先确定第二加载标志,并将备份资源缓存至浏览器,可以作为兜底资源用于页面渲染,保证页面资源正常展现;在主路径资源加载成功后,又使用主路径的主资源更新缓存至浏览器的缓存资源,页面按照更新后的缓存资源进行渲染,并且正常展现,进一步保证了资源的时效性。
图3示意性示出了根据本公开实施例的页面加载方法的流程图。
如图3所示,该方法包括操作S301~操作S306。
在操作S301,同时向主路径和备份路径部署资源。
在操作S302,更新部署在主路径和备份路径上的资源。
在操作S303,响应于接收到的来自多个目标对象的高并发网络访问请求,并发向主路径和备份路径加载资源。
在操作S304,分别对主路径和备份路径配置加载标志。
在操作S305,在资源加载完成后为加载标志赋值。
在操作S306,基于加载标志,确定对应路径加载资源的状态。
根据本公开的实施例,在资源部署时,同时向主路径和备份路径部署资源,并按照预设周期以及预设资源更新频率,对部署在主路径和备份路径上的资源进行更新。在页面加载时,响应于接收到的来自多个目标对象的高并发网络访问请求,并发向主备路径加载已经部署好的资源,同时分别为主路径和备份路径配置加载标志。资源加载完成后为对应的加载标志赋值,基于加载标志确定对应路径的加载状态。
图4示意性示出了根据本公开实施例的页面缓存方法的流程图。
如图4所示,该方法包括操作S401~S406。
在操作S401,第二加载标志是否已被赋值。
根据本公开的实施例,如果第二加载标志已被赋值,则执行操作S402;如果第二加载标志未被赋值,则执行操作S403。
在操作S402,将备份资源加载至浏览器缓存。
在操作S403,不更新浏览器缓存。
在操作S404,第一加载标志是否已被赋值。
根据本公开的实施例,如果第一加载标志已被赋值,则执行操作S405;如果第二加载标志未被赋值,则执行操作S406。
在操作S405,将主资源更新为浏览器缓存。
在操作S406,不更新浏览器缓存。
根据本公开的实施例,在页面缓存时,先判断备份路径的第二加载标志是否成功加载,当备份路径的第二加载标志为“已加载”,将备份资源加载至浏览器缓存。同时监听主路径的是否成功加载,当主路径的第一加载标志为“已加载”时,更新浏览器缓存;当主路径的第一加载标志未被赋值,则不更新浏览器缓存。
基于上述页面渲染方法,本公开还提供了一种页面渲染装置。以下将结合图5对该装置进行详细描述。
图5示意性示出了根据本公开实施例的页面渲染装置的结构框图。
如图5所示,该实施例的页面渲染装置500包括加载模块510、缓存模块520、渲染模块530。
加载模块510用于响应于接收到的来自多个目标对象的高并发网络访问请求,并发向主路径和备份路径加载资源,其中,资源预先部署在主路径和备份路径上。在一实施例中,加载模块510可以用于执行前文描述的操作S210,在此不再赘述。
缓存模块520用于在确定备份路径加载资源成功的情况下,将备份路径加载的备份资源缓存至浏览器,得到缓存资源。在一实施例中,缓存模块520可以用于执行前文描述的操作S220,在此不再赘述。
渲染模块530用于在确定主路径加载资源不成功的情况下,根据缓存资源,进行页面渲染。在一实施例中,渲染模块530可以用于执行前文描述的操作S230,在此不再赘述。
根据本公开的实施例,页面渲染装置500还包括缓存更新模块。
缓存更新模块用于在确定主路径加载资源成功的情况下,根据主路径加载的主资源,更新缓存资源。
根据本公开的实施例,页面渲染装置500还包括资源部署模块。
资源部署模块用于同时向内容分发网络和网站服务器部署资源。
根据本公开的实施例,页面渲染装置500还包括资源更新模块。
资源更新模块用于按照预设周期以及预设更新频率,对部署在主路径和备份路径上的资源进行更新。
根据本公开的实施例,页面渲染装置500还包括状态配置模块、第一确定模块和第二确定模块。
状态配置模块用于在确定向主路径和备份路径加载资源的情况下,分别对主路径和备份路径配置第一加载标志和第二加载标志。
第一确定模块用于基于第一加载标志,确定主路径加载资源的状态。
第二确定模块用于基于第二加载标志,确定备份路径加载资源的状态。
根据本公开的实施例,第一确定模块还包括第一确定子模块和第二确定子模块。
第一确定子模块用于在确定第一加载标志已被赋值的情况下,确定主路径加载资源成功。
第二确定子模块用于在确定第一加载标志未被赋值的情况下,确定主路径加载资源不成功。
根据本公开的实施例,第二确定模块还包括第三确定子模块和第四确定子模块。
第三确定子模块用于在确定第二加载标志已被赋值的情况下,确定备份路径加载资源成功。
第四确定子模块用于在确定第二家在标志未被赋值的情况下,确定备份路径加载资源不成功。
根据本公开的实施例,加载模块510、缓存模块520、渲染模块530中的任意多个模块可以合并在一个模块中实现,或者其中的任意一个模块可以被拆分成多个模块。或者,这些模块中的一个或多个模块的至少部分功能可以与其他模块的至少部分功能相结合,并在一个模块中实现。根据本公开的实施例,加载模块510、缓存模块520、渲染模块530中的至少一个可以至少被部分地实现为硬件电路,例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC),或可以通过对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现,或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者,加载模块510、缓存模块520、渲染模块530中的至少一个可以至少被部分地实现为计算机程序模块,当该计算机程序模块被运行时,可以执行相应的功能。
图6示意性示出了根据本公开实施例的适于实现页面渲染方法的电子设备的方框图。
如图6所示,根据本公开实施例的电子设备600包括处理器601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。处理器601例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如,专用集成电路(ASIC))等等。处理器601还可以包括用于缓存用途的板载存储器。处理器601可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。
在RAM 603中,存储有电子设备600操作所需的各种程序和数据。处理器601、ROM602以及RAM 603通过总线604彼此相连。处理器601通过执行ROM 602和/或RAM 603中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意,所述程序也可以存储在除ROM 602和RAM 603以外的一个或多个存储器中。处理器601也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方法流程的各种操作。
根据本公开的实施例,电子设备600还可以包括输入/输出(I/O)接口605,输入/输出(I/O)接口605也连接至总线604。电子设备600还可以包括连接至I/O接口605的以下部件中的一项或多项:包括键盘、鼠标等的输入部分606;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607;包括硬盘等的存储部分608;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器610上,以便于从其上读出的计算机程序根据需要被安装入存储部分608。
本公开还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中描述的设备/装置/系统中所包含的;也可以是单独存在,而未装配入该设备/装置/系统中。上述计算机可读存储介质承载有一个或者多个程序,当上述一个或者多个程序被执行时,实现根据本公开实施例的方法。
根据本公开的实施例,计算机可读存储介质可以是非易失性的计算机可读存储介质,例如可以包括但不限于:便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。例如,根据本公开的实施例,计算机可读存储介质可以包括上文描述的ROM 602和/或RAM 603和/或ROM 602和RAM 603以外的一个或多个存储器。
本公开的实施例还包括一种计算机程序产品,其包括计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。当计算机程序产品在计算机系统中运行时,该程序代码用于使计算机系统实现本公开实施例所提供的方法。
在该计算机程序被处理器601执行时执行本公开实施例的系统/装置中限定的上述功能。根据本公开的实施例,上文描述的系统、装置、模块、单元等可以通过计算机程序模块来实现。
在一种实施例中,该计算机程序可以依托于光存储器件、磁存储器件等有形存储介质。在另一种实施例中,该计算机程序也可以在网络介质上以信号的形式进行传输、分发,并通过通信部分609被下载和安装,和/或从可拆卸介质611被安装。该计算机程序包含的程序代码可以用任何适当的网络介质传输,包括但不限于:无线、有线等等,或者上述的任意合适的组合。
在这样的实施例中,该计算机程序可以通过通信部分609从网络上被下载和安装,和/或从可拆卸介质611被安装。在该计算机程序被处理器601执行时,执行本公开实施例的系统中限定的上述功能。根据本公开的实施例,上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。
根据本公开的实施例,可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例提供的计算机程序的程序代码,具体地,可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。程序设计语言包括但不限于诸如Java,C++,python,“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
本领域技术人员可以理解,本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合或/或结合,即使这样的组合或结合没有明确记载于本公开中。特别地,在不脱离本公开精神和教导的情况下,本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合。所有这些组合和/或结合均落入本公开的范围。
以上对本公开的实施例进行了描述。但是,这些实施例仅仅是为了说明的目的,而并非为了限制本公开的范围。尽管在以上分别描述了各实施例,但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围,本领域技术人员可以做出多种替代和修改,这些替代和修改都应落在本公开的范围之内。

Claims (11)

1.一种页面渲染方法,包括:
响应于接收到的来自多个目标对象的高并发网络访问请求,并发向主路径和备份路径加载资源,其中,所述资源预先部署在所述主路径和所述备份路径上;
在确定所述备份路径加载所述资源成功的情况下,将所述备份路径加载的备份资源缓存至浏览器,得到缓存资源;以及
在确定所述主路径加载所述资源不成功的情况下,根据所述缓存资源,进行页面渲染。
2.根据权利要求1所述的方法,还包括:
在确定所述主路径加载所述资源成功的情况下,根据所述主路径加载的主资源,更新所述缓存资源。
3.根据权利要求1所述的方法,其中,所述主路径包括:内容分发网络缓存,所述备份路径包括:网站服务器;
所述方法还包括:
同时向所述内容分发网络缓存和所述网站服务器部署所述资源。
4.根据权利要求1所述的方法,还包括:
按照预设周期以及预设更新频率,对部署在所述主路径和所述备份路径上的所述资源进行更新。
5.根据权利要求1所述的方法,还包括:
在确定向所述主路径和所述备份路径加载资源的情况下,分别对所述主路径和所述备份路径配置第一加载标志和第二加载标志;
基于所述第一加载标志,确定所述主路径加载所述资源的状态;
基于所述第二加载标志,确定所述备份路径加载所述资源的状态。
6.根据权利要求5所述的方法,其中,所述基于所述第一加载标志,确定所述主路径加载所述资源的状态,包括:
在确定所述第一加载标志已被赋值的情况下,确定所述主路径加载所述资源成功;
在确定所述第一加载标志未被赋值的情况下,确定所述主路径加载所述资源不成功。
7.根据权利要求5所述的方法,其中,所述基于所述第二加载标志,确定所述备份路径加载所述资源的状态,包括:
在确定所述第二加载标志已被赋值的情况下,确定所述备份路径加载所述资源成功;
在确定所述第二加载标志未被赋值的情况下,确定所述备份路径加载所述资源不成功。
8.一种页面渲染装置,包括:
加载模块,用于响应于接收到的来自多个目标对象的高并发网络访问请求,并发向主路径和备份路径加载资源,其中,所述资源预先部署在所述主路径和所述备份路径上;
缓存模块,用于在确定所述备份路径加载所述资源成功的情况下,将所述备份路径加载的备份资源缓存至浏览器,得到缓存资源;以及
渲染模块,用于在确定所述主路径加载所述资源不成功的情况下,根据所述缓存资源,进行页面渲染。
9.一种电子设备,包括:
一个或多个处理器;
存储器,用于存储一个或多个程序,
其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现权利要求1至7中任一项所述的方法。
10.一种计算机可读存储介质,其上存储有可执行指令,该指令被处理器执行时使处理器实现权利要求1至7中任一项所述的方法。
11.一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现根据权利要求1-7中任一项所述的方法。
CN202311319743.0A 2023-10-12 2023-10-12 页面渲染方法、装置、设备及介质 Pending CN117349565A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202311319743.0A CN117349565A (zh) 2023-10-12 2023-10-12 页面渲染方法、装置、设备及介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202311319743.0A CN117349565A (zh) 2023-10-12 2023-10-12 页面渲染方法、装置、设备及介质

Publications (1)

Publication Number Publication Date
CN117349565A true CN117349565A (zh) 2024-01-05

Family

ID=89356972

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202311319743.0A Pending CN117349565A (zh) 2023-10-12 2023-10-12 页面渲染方法、装置、设备及介质

Country Status (1)

Country Link
CN (1) CN117349565A (zh)

Similar Documents

Publication Publication Date Title
CN112269959B (zh) 展示内容的控制方法、装置、可读介质和电子设备
CN110888696A (zh) 页面展示方法及其系统、计算机系统及计算机可读介质
CN113900834A (zh) 基于物联网技术的数据处理方法、装置、设备及存储介质
CN115470432A (zh) 一种页面渲染方法、装置、电子设备及计算机可读介质
CN113411400B (zh) 信息调用方法、装置、电子设备及可读存储介质
US11477158B2 (en) Method and apparatus for advertisement anti-blocking
CN113132400B (zh) 业务处理方法、装置、计算机系统及存储介质
CN111783005B (zh) 显示网页的方法、装置和系统、计算机系统和介质
CN110874446A (zh) 页面展示方法及其系统、计算机系统及计算机可读介质
CN110457632B (zh) 网页加载的处理方法及装置
CN117349565A (zh) 页面渲染方法、装置、设备及介质
CN113918849A (zh) 一种页面显示方法、装置、系统、电子设备及存储介质
CN113377376A (zh) 数据包生成方法、数据包生成装置、电子设备及存储介质
CN113781154A (zh) 一种信息回滚方法、系统、电子设备及存储介质
CN111241368A (zh) 数据处理方法、装置、介质和设备
CN113347250B (zh) 数据访问方法、数据访问装置、电子设备及可读存储介质
CN113806189B (zh) 用户界面操作监控方法、装置、设备和存储介质
CN113282391B (zh) 集群切换方法、集群切换装置、电子设备及可读存储介质
CN114356788B (zh) 基于用户信息的应用程序检测方法、装置、设备和介质
CN117149570A (zh) 数据处理方法、装置、设备及存储介质
CN118093040A (zh) 数据处理方法、装置、电子设备和存储介质
CN114979004A (zh) 信息处理方法、装置、设备及介质
CN114338697A (zh) 提供共享云服务的方法、装置、电子设备及存储介质
CN115604225A (zh) 应用动态域名切换方法、装置、电子设备和介质
CN113158107A (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