CN112395533A - 一种页面加载方法、装置、计算机设备及可读存储介质 - Google Patents

一种页面加载方法、装置、计算机设备及可读存储介质 Download PDF

Info

Publication number
CN112395533A
CN112395533A CN202011299700.7A CN202011299700A CN112395533A CN 112395533 A CN112395533 A CN 112395533A CN 202011299700 A CN202011299700 A CN 202011299700A CN 112395533 A CN112395533 A CN 112395533A
Authority
CN
China
Prior art keywords
page
target
target application
loading
data
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
CN202011299700.7A
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 ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network 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 ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202011299700.7A priority Critical patent/CN112395533A/zh
Publication of CN112395533A publication Critical patent/CN112395533A/zh
Pending legal-status Critical Current

Links

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
    • 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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
    • 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
    • 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/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
    • G06F9/45504—Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
    • G06F9/45529—Embedded in an application, e.g. JavaScript in a Web browser

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)
  • Information Transfer Between Computers (AREA)

Abstract

本公开提供了一种页面加载方法、装置、计算机设备及可读存储介质，通过响应于目标应用满足预设条件，获取所述目标应用对应的配置文件；基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据；响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据；基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。这样，可以有效减少页面加载过程中的等待时间，大大降低页面加载过程中的时间浪费，还可以提升页面预加载的命中率，有效减少因为业务的变动导致的需要修改页面链接的工作量。

Description

一种页面加载方法、装置、计算机设备及可读存储介质
技术领域
本公开涉及计算机技术领域，具体而言，涉及一种页面加载方法、装置、计算机设备及可读存储介质。
背景技术
Web(World Wide Web)即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。随着移动互联网信息的快速发展，Web开发技术凭借良好的跨平台特性、迭代速度快、无需漫长发版周期等特点，在混合模式移动应用(Hybrid App)开发中占据越来越重要位置，并且随着移动终端硬件性能越来越好以及前后端分离的开发模式，越来越多的Web页面使用前端渲染的模式来完成页面展现。
目前，加载Web页面大多是通过宿主环境提供创建网页视图网页视图(WebView)来执行加载Web内容，但是传统创建WebView来加载Web页面的方式，整个加载过程几乎是串行执行的，导致Web页面加载的机动性差，等待时间长，加载缓慢。
发明内容
鉴于此，本公开实施例至少提供一种页面加载方法、装置、计算机设备及可读存储介质，可以有效减少页面加载过程中的等待时间，降低时间浪费，还可以提升页面预加载的命中率，可以减少因为业务的变动导致的需要修改页面链接的工作量。
第一方面，本公开实施例提供了一种页面加载方法，所述方法包括：
响应于目标应用满足预设条件，获取所述目标应用对应的配置文件；
基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据；
响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据；
基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
在一种可能的实施例中，可以通过以下步骤确定所述目标应用满足预设条件：
在所述目标应用下载并安装成功后，确定所述目标应用满足预设条件；或者
在所述目标应用被启动运行时，确定所述目标应用满足预设条件；或者
在所述目标应用运行的过程中，需要进行与所述目标应用相关的关联页面跳转时，确定所述目标应用满足预设条件。
在一种可能的实施例中，在基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据之前，所述方法包括：
对所述配置文件进行解析处理，得到多个配置链接；其中，所述配置链接与所述目标应用的关联页面相对应；
从所述多个配置链接中确定与所述目标应用中目标页面相匹配的目标配置链接，将所述目标配置链接作为所述访问链接，其中，所述访问链接对应的至少一个第一统一资源定位符与获取到的所述目标页面的目标链接所对应的至少一个目标统一资源定位符相同。
在一种可能的实施例中，所述基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据，包括：
基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，确定与所述目标页面对应的数据访问接口；
通过所述数据访问接口接收从服务器处返回的动态业务数据；
加载接收到的动态业务数据。
在一种可能的实施例中，所述方法还包括：
在预加载所述目标页面的动态业务数据之后，存储所述动态业务数据至所述目标应用中的预设缓存位置；
在检测到所述动态业务数据的缓存时间超过预设时长后，重新加载所述动态业务数据。
在一种可能的实施例中，在所述响应于目标应用满足预设条件，获取所述目标应用对应的配置文件之后，所述方法包括：
将所述配置文件存储至允许被访问的、与所述目标应用关联的目标位置。
在一种可能的实施例中，所述基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面，包括：
基于所述静态界面数据，载入所述目标页面的业务模板界面；
使用所述动态业务数据在所述业务模板界面中进行渲染，得到所述目标页面。
第二方面，本公开实施例还提供一种页面加载装置，所述装置包括：
文件获取模块，用于响应于目标应用满足预设条件，获取所述目标应用对应的配置文件；
预加载模块，用于基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据；
数据加载模块，用于响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据；
页面渲染模块，用于基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
第三方面，本公开实施例还提供一种计算机设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当计算机设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。
第四方面，本公开实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。
本公开实施例提供的页面加载方法、装置、计算机设备及可读存储介质，通过下发配置文件，根据从配置文件中解析出的与目标页面匹配的访问链接来进行页面动态业务数据的预加载，从而进行目标页面的渲染来得到目标页面，与现有技术中的按照传统顺序串行执行创建WebView来加载Web页面的方式相比，可以将静态界面数据的加载和动态业务数据的加载同步进行，有效减少页面加载过程中的等待时间，大大降低页面加载过程中的时间浪费，再者，通过配置文件的作用，可以提升页面预加载的命中率，有效减少因为业务的变动导致的需要修改页面链接的工作量。
为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
附图说明
为了更清楚地说明本公开实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，此处的附图被并入说明书中并构成本说明书中的一部分，这些附图示出了符合本公开的实施例，并与说明书一起用于说明本公开的技术方案。应当理解，以下附图仅示出了本公开的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1为本公开实施例提供的一种页面加载方法的流程图；
图2为本公开实施例提供的另一种页面加载方法的流程图；
图3为本公开实施例提供的一种页面加载装置的结构图之一；
图4为本公开实施例提供的一种页面加载装置的结构图之二；
图5为本公开实施例提供的一种页面加载装置的结构图之三；
图6为本公开实施例提供的一种计算机设备的结构示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本公开实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本公开的实施例的详细描述并非旨在限制要求保护的本公开的范围，而是仅仅表示本公开的选定实施例。基于本公开的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。
经研究发现，目前加载Web页面大多是通过宿主环境提供创建网页视图WebView来执行加载Web内容，其中的过程大致包括创建WebView，加载页面HTML(一种网页标准标记语言)，解析HTML，加载静态资源(JavaScript、CSS、图片、字体等)，编译JavaScript(一种网页动态脚本语言)和执行，通过Ajax(一种网页动态加载的技术)请求数据，将返回结果通过JavaScript渲染页面，完成页面内容的呈现。这种传统创建WebView来加载Web页面的方式，整个加载过程几乎是串行执行的，很大的性能耗时瓶颈在于等待请求数据返回，导致Web页面加载的机动性差，等待时间长，加载缓慢。
基于上述研究，本公开提供了一种页面加载方法，通过响应于目标应用满足预设条件，获取所述目标应用对应的配置文件；基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据；响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据；基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
这样，通过下发配置文件，根据从配置文件中解析出的与目标页面匹配的访问链接来进行页面动态业务数据的预加载，从而进行目标页面的渲染来得到目标页面，可以将静态界面数据的加载和动态业务数据的加载同步进行，有效减少页面加载过程中的等待时间，大大降低页面加载过程中的时间浪费，还可以提升页面预加载的命中率，有效减少因为业务的变动导致的需要修改页面链接的工作量。
针对以上方案所存在的缺陷，均是发明人在经过实践并仔细研究后得出的结果，因此，上述问题的发现过程以及下文中本公开针对上述问题所提出的解决方案，都应该是发明人在本公开过程中对本公开做出的贡献。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
为便于对本实施例进行理解，首先对本公开实施例所公开的一种页面加载方法进行详细介绍，本公开实施例所提供的页面加载方法的执行主体一般为具有一定计算能力的计算机设备，该计算机设备例如可以包括终端设备或服务器或其它处理设备，终端设备可以为用户设备(User Equipment，UE)、移动设备、用户终端、终端、蜂窝电话、无绳电话、个人数字处理(Personal Digital Assistant，PDA)、手持设备、计算设备、车载设备、可穿戴设备等。在一些可能的实现方式中，该页面加载方法可以通过处理器调用存储器中存储的计算机可读指令的方式来实现。
下面以执行主体为终端设备为例对本公开实施例提供的页面加载方法加以说明。
请参阅图1，图1为本公开实施例提供的一种页面加载方法的流程图。如图1中所示，所述页面加载方法包括：
S101、响应于目标应用满足预设条件，获取所述目标应用对应的配置文件。
在计算机科学领域，配置文件是一种计算机文件，可以为一些计算机程序配置参数和初始设置。
在该步骤中，在用户通过终端设备使用目标应用，并且响应于目标应用满足预设条件，即可以通过例如向服务器发送请求的方式等，来获取到与所述目标应对应的配置文件。
其中，所述配置文件为预先编写好的，并且可以预先存储于例如服务器等处，以便在需要使用时，通过请求下发的方式发送到终端设备一侧。
所述配置文件中，可以记载有所述目标应用的多个网页解析信息，在实际应用中，可以是所述目标应用中具有多少个需要跳转的网页，就可以记载有多少个网页解析信息，网页解析信息可以包括页面的访问路径和网页的预加载请求配置等。
其中，所述目标应用可以是安装于终端设备中的app，也可以是浏览器中需要加载的浏览页面或者浏览网页等。
在一些可能的实施例中，可以针对不同使用情形或者需求，来设置配置文件拉取时机。具体的，可以是在终端设备上安装所述目标应用时，即所述目标应用下载并安装成功后，可以认为所述目标应用满足预设条件，此时即可将所述目标应用的配置文件发送给终端，这样后续无需再有数据交换，节省数据流量，方便使用；再者，也可以是在所述目标应用被启动运行时，可以认为所述目标应用满足预设条件，此时再将所述目标应用配置文件发送给终端，这样，便于服务器在所述目标应用发生调整，例如版本更迭或者应用更新等情况时，对于配置文件的修改和调整，可以达到与所述目标应用保持一致性的目的；还可以是在所述目标应用运行的过程中，需要进行与所述目标应用相关的关联页面跳转时，可以认为所述目标应用满足预设条件，此时可以将所述目标应用配置文件发送给终端，此外，针对这种情形发送的配置文件，可以是包括所述目标应用所需要的全部配置内容，也可以是仅包含此次需要跳转的关联页面的配置内容，这样可以相应的减少数据量，并且便于对配置文件中配置内容的调整。
也就是说，在所述目标应用下载并安装成功后，或者在所述目标应用被启动运行时，或者在所述目标应用运行的过程中，需要进行与所述目标应用相关的关联页面跳转时，可以确定所述目标应用满足预设条件，此时即可获取所述配置文件。
进一步的，在获取到所述目标应用对应的配置文件之后，可以将所述配置文件存储至允许被访问的、与所述目标应用关联的目标位置，以便于在需要使用所述配置文件的时候，可以从所述目标位置处拉取到所述配置文件进行解析，得到需要使用的路径和配置等数据，将解析到的数据可以存储到与所述目标应用关联的内存中，以便调取使用。在一些可能的实施例中，所述配置文件可以使用json配置文件。
在实际应用中，所述配置文件可以为在线数据包，通过在需要使用时实时下发至终端设备，并且在所述目标应用的调整页面发生改变，例如应用版本升级，或者内容调整时，除了在应用中对相应路径进行修改，并在后台对所述配置文件进行修改即可。
相较于现有技术中的一些预加载方式，如需要在应用中添加用于加载资源的源页面内容中设置路径参数，例如在源页面的URl(Uniform Resource Locator,统一资源定位器)中添加资料网址data urls等方式，本申请无需对应用的底层代码进行大量修改，甚至可以无需对底层代码进行修改，通过下发预加载配置的配置文件，可以提升页面预加载的命中率，大大降低因为业务的变动，还可以省去在入口处修改页面URl的工作量。
S102、基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据。
该步骤中，可以从所述配置文件中确定与所述目标页面的相匹配的访问链接，然后根据所述访问链接来预加载所述目标页面的动态业务数据。
具体的，在拉取到所述配置文件，可以对所述配置文件进行解析，例如可以读取所述配置文件记载的例如访问路径和预加载请求配置等信息，然后将解析得到的信息和所述目标页面的链接信息等进行比对和匹配，从而得到与所述目标页面相匹配的访问链接，然后可以从与所述目标页面的相匹配的访问链接中确定出数据访问接口，再通过所述数据访问接口接收从数据端返回的动态业务数据。
S103、响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据。
在具体的实施例中，在检测到针对所述目标页面的加载请求之后，可以从服务器获取与所述目标页面对应的超文本链接html文档，该html文档中包含有所述目标页面的页面数据。
用户端在接收到服务器返回的html文档之后，可以解析该html文档，并根据解析html文档来加载对应的业务模板页面，例如用户端可以创建网页视图Webview容器，然后基于Webview解析html文档，并加载html文档中所包含的页面数据以加载页面，此处的页面数据，即为本步骤中需要加载的静态界面数据。
业务模板页面中包含有所述目标页面中对应的各种属性，但是该业务模板页面中并不包含属性具体的属性值，示例性的，业务模板页面中可以展示有属性“姓名”、“卡号”、“余额”等，但是每种属性下的属性值属于业务数据，在加载业务模板页面时该属性值为空，上述业务数据即为上述的，需要动态的从服务器等处请求的动态业务数据。
需要说明的是，在本实施例中，步骤S102和步骤S103的并非对相应步骤内容的执行顺序进行限定，步骤S102和步骤S103仅是为了表述清楚而进行的划分。优选的，在一些实施例中，步骤S102和步骤S103是同时进行的，这样，可以同时加载静态界面数据和动态业务数据，可以更好的实现数据的预加载，缩短页面加载是时间，减少页面加载的等待时间。
S104、基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
该步骤中，在分别得到所述动态业务数据和所述静态界面数据后，可以使用所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
具体的，可以基于所述静态界面数据进行业务模板界面的加载，以载入所述目标页面的业务模板界面，在预加载所述目标页面的动态业务数据后，即可以使用预加载的所述动态业务数据在载入的业务模板界面中进行渲染，最终得到需要加载的所述目标页面。
这样，业务模板界面加载完成后，就无需继续发送请求动态业务数据的请求，可以将该请求拦截下，优先使用预加载的动态业务数据即可。
本公开实施例提供的页面加载方法、装置、计算机设备及可读存储介质，通过响应于目标应用满足预设条件，获取所述目标应用对应的配置文件；基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据；响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据；基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
这样，可以有效减少页面加载过程中的等待时间，大大降低页面加载过程中的时间浪费，还可以提升页面预加载的命中率，有效减少因为业务的变动导致的需要修改页面链接的工作量。
请参阅图2，图2本公开实施例提供的另一种页面加载方法的流程图。如图2中所示，所述页面加载方法包括：
S201、响应于目标应用满足预设条件，获取所述目标应用对应的配置文件。
S202、对所述配置文件进行解析处理，得到多个配置链接；其中，所述配置链接与所述目标应用的关联页面相对应。
该步骤中，在得到所述配置文件之后，可以对所述配置文件进行解析，从而从解析数据中得到多个配置链接。
其中，每个配置链接对应一个与所述目标应用相关联的关联页面。
其中，每个配置链接中可以包括相应的关联也页面的路径和配置等数据。
S203、从所述多个配置链接中确定出与所述目标应用中目标页面相匹配的目标配置链接，将所述目标配置链接作为所述访问链接，其中，所述访问链接对应的至少一个第一统一资源定位符与获取到的所述目标页面的目标链接所对应的至少一个目标统一资源定位符相同。
该步骤中，在得到所述多个配置链接后，可以通过数据对比，例如将所述多个配置链接中每个配置链接与所述目标页面的网页链接进行一一比对，以通过链接中的URL之间的比对，确定出与所述目标页面相匹配的访问链接。
其中，所述访问链接对应的至少一个第一URL与所述目标页面的目标链接对应的至少一个目标统一资源定位符相同。
S204、基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据。
S205、响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据。
S206、基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
其中，步骤S201、步骤S204至步骤S206的描述可以参考步骤S101至步骤S104的描述，并且可以达到相同的技术效果，在此不再赘述。
在一些可能的实施例中，所述方法还包括：
在预加载所述目标页面的动态业务数据之后，存储所述动态业务数据至所述目标应用中的预设缓存位置；在检测到所述动态业务数据的缓存时间超过预设时长后，重新加载所述动态业务数据。
该步骤中，在预加载所述动态业务数据后，可以对其进行相应的缓存，以便后续的调用，而且在所述动态业务数据的缓存时间过长时，可以重新加载，以便保持数据的实时性和准确性。
示例性的，由于在加载目标页面的过程中，获取动态业务数据与获取静态界面数据和通过静态界面数据载入业务模板界面是同步的，若业务模板界面的全程载入时间过长的话，由于数据变化较频繁，在此期间可能动态业务数据已经发生了较大变化，因此为了保持数据的实时性和准确性，可以根据业务模板界面的载入时间等因素，来确定出动态业务数据的重新加载时机，重新加载动态业务数据。
进一步的，为了避免动态业务数据的重新加载过于频繁，还可以预估业务模板界面的载入时间和动态业务数据的加载时间，来为动态业务数据确定出一个合适的加载开始时间，以在确定的加载开始时间再加载动态业务数据。
本公开实施例提供的页面加载方法、装置、计算机设备及可读存储介质，通过下发配置文件以及对配置文件进行解析，根据从配置文件中解析出的与目标页面匹配的访问链接来进行页面动态业务数据的预加载，从而进行目标页面的渲染来得到目标页面，可以保证界面跳转的准确性，有效减少页面加载过程中的等待时间，大大降低页面加载过程中的时间浪费，还可以提升页面预加载的命中率，有效减少因为业务的变动导致的需要修改页面链接的工作量。
本领域技术人员可以理解，在具体实施方式的上述方法中，各步骤的撰写顺序并不意味着严格的执行顺序而对实施过程构成任何限定，各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。
基于同一发明构思，本公开实施例中还提供了与上述的页面加载方法对应的页面加载装置，由于本公开实施例中的装置解决问题的原理与本公开实施例上述页面加载方法相似，因此装置的实施可以参见方法的实施，重复之处不再赘述。
请参阅图3至图5，图3为本公开实施例提供的一种页面加载装置的结构图之一，图4为本公开实施例提供的一种页面加载装置的结构图之二，图5为本公开实施例提供的一种页面加载装置的结构图之三。如图3中所示，所述页面加载装置300包括：
文件获取模块310，用于响应于目标应用满足预设条件，获取所述目标应用对应的配置文件。
预加载模块320，用于基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据。
数据加载模块330，用于响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据。
页面渲染模块340，用于基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
在一种可能的实施方式中，如图4中所示，所述页面加载装置300还包括条件确定模块350，所述条件确定模块350用于通过以下步骤确定所述目标应用满足预设条件：
在所述目标应用下载并安装成功后，确定所述目标应用满足预设条件；或者
在所述目标应用被启动运行时，确定所述目标应用满足预设条件；或者
在所述目标应用运行的过程中，需要进行与所述目标应用相关的关联页面跳转时，确定所述目标应用满足预设条件。
在一种可能的实施方式中，如图4中所示，所述页面加载装置300还包括：
文件解析模块360，用于对所述配置文件进行解析处理，得到多个配置链接；其中，所述配置链接与所述目标应用的关联页面相对应；
链接确定模块360，用于从所述多个配置链接中确定出与所述目标应用中目标页面相匹配的目标配置链接，将所述目标配置链接作为所述访问链接，其中，所述访问链接对应的至少一个第一统一资源定位符与获取到的所述目标页面的目标链接所对应的至少一个目标统一资源定位符相同。
在一种可能的实施方式中，预加载模块320具体用于：
基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，确定与所述目标页面对应的数据访问接口；
通过所述数据访问接口接收从服务器处返回的动态业务数据；
加载接收到的动态业务数据。
在一种可能的实施方式中，如图5中所示，所述页面加载装置300还包括：
数据缓存模块380，用于在预加载所述目标页面的动态业务数据之后，存储所述动态业务数据至所述目标应用中的预设缓存位置；
重加载模块390，用于在检测到预加载的所述动态业务数据的缓存时间超过预设时长后，重新加载所述动态业务数据。
在一种可能的实施方式中，如图5中所示，所述页面加载装置300还包括：
文件存储模块301，用于将所述配置文件存储至允许被访问的、与所述目标应用关联的目标位置。
在一种可能的实施方式中，所述页面渲染模块340具体用于：
基于所述静态界面数据，载入所述目标页面的业务模板界面；
使用预加载的所述动态业务数据在所述业务模板界面中进行渲染，得到所述目标页面。
关于装置中的各模块的处理流程、以及各模块之间的交互流程的描述可以参照上述方法实施例中的相关说明，这里不再详述。
本公开实施例提供的页面加载方法、装置、计算机设备及可读存储介质，通过响应于目标应用满足预设条件，获取所述目标应用对应的配置文件；基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据；响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据；基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
这样，可以有效减少页面加载过程中的等待时间，大大降低页面加载过程中的时间浪费，还可以提升页面预加载的命中率，有效减少因为业务的变动导致的需要修改页面链接的工作量。
基于同一技术构思，本公开实施例还提供了一种计算机设备。参照图6所示，为本公开实施例提供的计算机设备600的结构示意图，包括处理器601、存储器602、和总线603。其中，存储器602用于存储执行指令，包括内存6021和外部存储器6022；这里的内存6021也称内存储器，用于暂时存放处理器601中的运算数据，以及与硬盘等外部存储器6022交换的数据，处理器601通过内存6021与外部存储器6022进行数据交换，当计算机设备600运行时，处理器601与存储器602之间通过总线603通信，使得处理器601在执行以下指令：
响应于目标应用满足预设条件，获取所述目标应用对应的配置文件；
基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据；
响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据；
基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述方法实施例中所述的页面加载方法的步骤。其中，该存储介质可以是易失性或非易失的计算机可读取存储介质。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。在本公开所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本公开各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上所述实施例，仅为本公开的具体实施方式，用以说明本公开的技术方案，而非对其限制，本公开的保护范围并不局限于此，尽管参照前述实施例对本公开进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本公开实施例技术方案的精神和范围，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应所述以权利要求的保护范围为准。

Claims (10)

1.一种页面加载方法，其特征在于，所述方法包括：
响应于目标应用满足预设条件，获取所述目标应用对应的配置文件；
基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据；
响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据；
基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
2.根据权利要求1所述的方法，其特征在于，通过以下步骤确定所述目标应用满足预设条件：
在所述目标应用下载并安装成功后，确定所述目标应用满足预设条件；或者
在所述目标应用被启动运行时，确定所述目标应用满足预设条件；或者
在所述目标应用运行的过程中，需要进行与所述目标应用相关的关联页面跳转时，确定所述目标应用满足预设条件。
3.根据权利要求1所述的方法，其特征在于，在基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据之前，所述方法包括：
对所述配置文件进行解析处理，得到多个配置链接；其中，所述配置链接与所述目标应用的关联页面相对应；
从所述多个配置链接中确定与所述目标应用中目标页面相匹配的目标配置链接，将所述目标配置链接作为所述访问链接，其中，所述访问链接对应的至少一个第一统一资源定位符与获取到的所述目标页面的目标链接所对应的至少一个目标统一资源定位符相同。
4.根据权利要求1所述的方法，其特征在于，所述基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据，包括：
基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，确定与所述目标页面对应的数据访问接口；
通过所述数据访问接口接收从服务器处返回的动态业务数据；
加载接收到的动态业务数据。
5.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在预加载所述目标页面的动态业务数据之后，存储所述动态业务数据至所述目标应用中的预设缓存位置；
在检测到所述动态业务数据的缓存时间超过预设时长后，重新加载所述动态业务数据。
6.根据权利要求1所述的方法，其特征在于，在所述响应于目标应用满足预设条件，获取所述目标应用对应的配置文件之后，所述方法包括：
将所述配置文件存储至允许被访问的、与所述目标应用关联的目标位置。
7.根据权利要求1所述的方法，其特征在于，所述基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面，包括：
基于所述静态界面数据，载入所述目标页面的业务模板界面；
使用所述动态业务数据在所述业务模板界面中进行渲染，得到所述目标页面。
8.一种页面加载装置，其特征在于，所述装置包括：
文件获取模块，用于响应于目标应用满足预设条件，获取所述目标应用对应的配置文件；
预加载模块，用于基于所述配置文件中与所述目标应用中目标页面相匹配的访问链接，预加载所述目标页面的动态业务数据；
数据加载模块，用于响应于针对所述目标页面的加载请求，加载所述目标页面的静态界面数据；
页面渲染模块，用于基于所述动态业务数据和所述静态界面数据，渲染得到所述目标页面。
9.一种计算机设备，其特征在于，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当计算机设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行如权利要求1至7中任一项所述的页面加载方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如权利要求1至7任一项所述的页面加载方法的步骤。
CN202011299700.7A 2020-11-18 2020-11-18 一种页面加载方法、装置、计算机设备及可读存储介质 Pending CN112395533A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011299700.7A CN112395533A (zh) 2020-11-18 2020-11-18 一种页面加载方法、装置、计算机设备及可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011299700.7A CN112395533A (zh) 2020-11-18 2020-11-18 一种页面加载方法、装置、计算机设备及可读存储介质

Publications (1)

Publication Number Publication Date
CN112395533A true CN112395533A (zh) 2021-02-23

Family

ID=74606601

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011299700.7A Pending CN112395533A (zh) 2020-11-18 2020-11-18 一种页面加载方法、装置、计算机设备及可读存储介质

Country Status (1)

Country Link
CN (1) CN112395533A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113448649A (zh) * 2021-07-06 2021-09-28 聚好看科技股份有限公司 一种基于Redis的首页数据加载的服务器及方法

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104239480A (zh) * 2011-09-19 2014-12-24 北京奇虎科技有限公司 一种快速访问网页的方法、装置
CN105760405A (zh) * 2014-12-19 2016-07-13 阿里巴巴集团控股有限公司 用于加载web页面的网络资源获取方法、缓存方法及装置
CN108021594A (zh) * 2016-11-03 2018-05-11 阿里巴巴集团控股有限公司 一种网页展示方法、装置及系统
CN108846131A (zh) * 2018-07-03 2018-11-20 深圳鼎盛电脑科技有限公司 Weex页面渲染方法、装置、终端和存储介质
CN111273964A (zh) * 2020-02-14 2020-06-12 北京字节跳动网络技术有限公司 一种数据加载方法及装置
CN111638922A (zh) * 2020-06-04 2020-09-08 北京字节跳动网络技术有限公司 一种页面资源加载的方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104239480A (zh) * 2011-09-19 2014-12-24 北京奇虎科技有限公司 一种快速访问网页的方法、装置
CN105760405A (zh) * 2014-12-19 2016-07-13 阿里巴巴集团控股有限公司 用于加载web页面的网络资源获取方法、缓存方法及装置
CN108021594A (zh) * 2016-11-03 2018-05-11 阿里巴巴集团控股有限公司 一种网页展示方法、装置及系统
CN108846131A (zh) * 2018-07-03 2018-11-20 深圳鼎盛电脑科技有限公司 Weex页面渲染方法、装置、终端和存储介质
CN111273964A (zh) * 2020-02-14 2020-06-12 北京字节跳动网络技术有限公司 一种数据加载方法及装置
CN111638922A (zh) * 2020-06-04 2020-09-08 北京字节跳动网络技术有限公司 一种页面资源加载的方法及装置

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113448649A (zh) * 2021-07-06 2021-09-28 聚好看科技股份有限公司 一种基于Redis的首页数据加载的服务器及方法

Similar Documents

Publication Publication Date Title
US9684636B2 (en) Ad blocking page display method and device
EP3518124A1 (en) Webpage rendering method and related device
CN106294658B (zh) 网页快速展示方法和装置
CN112115396B (zh) 网页页面渲染方法、装置、设备及存储介质
US20150286739A1 (en) Html5-protocol-based webpage presentation method and device
US9934206B2 (en) Method and apparatus for extracting web page content
CN107463563B (zh) 一种浏览器的信息服务处理方法及装置
CN111638922A (zh) 一种页面资源加载的方法及装置
CN106202368B (zh) 预加载方法和装置
CN109740081A (zh) 页面加载方法及装置
CN112612982A (zh) 网页预加载方法、装置及计算机设备
CN111881391B (zh) 静态网络资源预加载的方法、数据模型训练的方法及装置
CN112015485A (zh) 页面展示方法、装置、电子设备及存储介质
CN112395533A (zh) 一种页面加载方法、装置、计算机设备及可读存储介质
CN114003835A (zh) 页面渲染方法、装置、设备及存储介质
CN111273964B (zh) 一种数据加载方法及装置
CN112905920B (zh) 一种页面显示的方法和装置
CN110020297A (zh) 一种网页内容的加载方法、装置及系统
CN110321506A (zh) 网页页面数据加载方法、装置、计算机设备和存储介质
CN111753226A (zh) 一种页面加载方法和装置
CN110858238A (zh) 一种数据处理的方法和装置
US10089369B2 (en) Searching method, searching apparatus and device
RU2634221C2 (ru) Способ и устройство для отрисовки представления электронного документа на экране
CN105589870B (zh) 网页广告的过滤方法和系统
CN114238806A (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
CB02 Change of applicant information

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Douyin Vision Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: Tiktok vision (Beijing) Co.,Ltd.

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Tiktok vision (Beijing) Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd.

CB02 Change of applicant information