计算首屏渲染时间的方法、装置、电子装置和存储介质与流程

1.本技术涉及前端开发领域，特别是涉及计算首屏渲染时间方法、装置、电子装置和存储介质。


背景技术：

2.在很长时间里，白屏时间一直作为衡量页面性能的重要指标，随着前端工程化的日趋复杂，收集页面性能指标变得愈发频繁和重要。
3.目前对首屏渲染时间的确定主要依赖于web前端自带的事件进行触发时计算的加载时间。比如通过页面在首尾添加script植入时间函数得到两个时间点做差得到一个大概值；又或是通过window.performance相关的方法去获取页面渲染开始时间和结束时间进行相减。
4.但是上述两种方法均不能准确地计算出系统首页的渲染时间。主要原因在于，上述方法是把整个页面系统中最后一个节点以及相关的资源都加载完成时间视为最后时间。而在实际的网页加载过程中，并不需要等到所有的标签节点以及资源都加载完成才会显示首屏，也就是说当标签节点以及资源加载至一定程度时，前端设备上便会显示网页系统的首屏。因此上述方法计算的页面记载时间均稍长于页面首屏实际的加载渲染时间。
5.针对相关技术中存在无法准确地计算出系统首页的渲染时间的问题，目前还没有提出有效的解决方案。


技术实现要素：

6.在本实施例中提供了一种计算首屏渲染时间的方法、装置、电子装置和存储介质，以解决相关技术中存在无法准确地计算出系统首页的渲染时间的问题。
7.第一个方面，在本实施例中提供了一种计算首屏渲染时间的方法，所述方法包括：
8.接收待渲染的html文件；
9.获取所述html文件中所有待渲染的标签节点；
10.监听每个所述标签节点的加载渲染时间；
11.根据第一标签节点的加载渲染时间，确定所述首屏的渲染开始时间，所述第一标签节点为所述首屏中最初加载的标签节点；
12.根据第二标签节点的加载渲染时间，确定所述首屏的渲染结束时间，所述第二标签节点为所述首屏中最后加载的标签节点；
13.根据所述首屏的渲染开始时间和所述首屏的渲染结束时间，确定所述首屏的渲染总时长。
14.在其中的一些实施例中，根据所述首屏的渲染开始时间和所述首屏的渲染结束时间，确定所述首屏的渲染总时长包括：根据所述首屏的渲染开始时间和所述首屏的渲染结束时间的时间差，确定所述首屏的渲染总时长。
15.在其中的一些实施例中，监听每个所述标签节点的加载渲染时间包括：记录每个
所述标签节点的渲染开始时间和每个所述标签节点的渲染结束时间；
16.根据第一标签节点的加载渲染时间，确定所述首屏的渲染开始时间包括：将所述第一标签节点的渲染开始时间，作为所述首屏的渲染开始时间；
17.根据第二标签节点的加载渲染时间，确定所述首屏的渲染结束时间，包括：将所述第二标签节点的渲染结束时间，作为所述首屏的渲染结束时间。
18.在其中的一些实施例中，所述方法还包括：根据所述每个所述标签节点的渲染时间顺序确定所述首屏中最后加载的标签节点。
19.在其中的一些实施例中，根据每个所述标签节点的渲染时间顺序确定所述首屏中最后加载的标签节点包括：
20.确定用于显示所述首屏的所有标签节点，在所述用于显示首屏的所有标签节点中，将所述标签节点的渲染结束时间最晚的标签节点作为所述首屏中最后加载的标签节点。
21.在其中一些实施例中，监听每个所述标签节点的加载渲染时间包括：根据所述标签节点的类型，采用预设监听方式对所述标签节点进行监听。
22.在其中一些实施例中，所述标签节点类型包括：文本类型和图形视频类型；
23.所述预设监听方式包括：第一监听方式和第二监听方式；
24.根据所述标签节点的类型，采用预设监听方式对所述标签节点进行监听包括：采用第一监听方式监听文本类型的标签节点和/或采用第二监听方式监听图形视频类型的标签节点。
25.第二个方面，在本实施例中提供了一种计算首屏渲染时间的装置，所述装置包括：
26.文件接收模块，用于接收待渲染的html文件；
27.节点获取模块，用于获取所述html文件中所有待渲染的标签节点；
28.节点监听模块，用于监听每个所述标签节点的加载渲染时间；
29.时间确定模块，用于根据第一标签节点的加载渲染时间，确定所述首屏的渲染开始时间，所述第一标签节点为所述首屏中最初的标签节点；以及用于根据第二标签节点的加载渲染时间，确定所述首屏的渲染结束时间，所述第二标签节点为所述首屏中最后的标签节点；
30.时间计算模块，根据所述首屏的渲染开始时间和所述首屏的渲染结束时间，确定所述首屏的渲染总时长。
31.第三个方面，在本实施例中提供了一种电子装置，包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一个方面所述的计算首屏渲染时间的方法。
32.第四个方面，在本实施例中提供了一种存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述第一个方面所述的计算首屏渲染时间的方法。
33.与相关技术相比，在本实施例中提供的计算首屏渲染时间的方法，通过对每个标签节点均进行监听，采用首屏中最后一个标签节点的渲染结束时间，作为首屏的渲染结束时间，解决了相关技术中存在无法准确地计算出系统首页的渲染时间的问题，实现了精准计算网页首屏记载渲染时间的效果，为优化页面加载性能提供重要参考指标和优化方向。
34.本技术的一个或多个实施例的细节在以下附图和描述中提出，以使本技术的其他
特征、目的和优点更加简明易懂。
附图说明
35.此处所说明的附图用来提供对本技术的进一步理解，构成本技术的一部分，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
36.图1是本实施例的计算首屏渲染时间的方法的终端的硬件结构框图。
37.图2是现有技术中页面加载系统的结构框图。
38.图3是本实施例的计算首屏渲染时间的方法的流程图。
39.图4是本优选实施例的计算首屏渲染时间的方法的流程图。
40.图5是本实施例的计算首屏渲染时间的装置的结构框图。
41.图6是现有技术中部分标签节点的加载关系示意图。
具体实施方式
42.为更清楚地理解本技术的目的、技术方案和优点，下面结合附图和实施例，对本技术进行了描述和说明。
43.除另作定义外，本技术所涉及的技术术语或者科学术语应具有本技术所属技术领域具备一般技能的人所理解的一般含义。在本技术中的“一”、“一个”、“一种”、“该”、“这些”等类似的词并不表示数量上的限制，它们可以是单数或者复数。在本技术中所涉及的术语“包括”、“包含”、“具有”及其任何变体，其目的是涵盖不排他的包含；例如，包含一系列步骤或模块(单元)的过程、方法和系统、产品或设备并未限定于列出的步骤或模块(单元)，而可包括未列出的步骤或模块(单元)，或者可包括这些过程、方法、产品或设备固有的其他步骤或模块(单元)。在本技术中所涉及的“连接”、“相连”、“耦接”等类似的词语并不限定于物理的或机械连接，而可以包括电气连接，无论是直接连接还是间接连接。在本技术中所涉及的“多个”是指两个或两个以上。“和/或”描述关联对象的关联关系，表示可以存在三种关系，例如，“a和/或b”可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。通常情况下，字符“/”表示前后关联的对象是一种“或”的关系。在本技术中所涉及的术语“第一”、“第二”、“第三”等，只是对相似对象进行区分，并不代表针对对象的特定排序。
44.在本实施例中提供的方法实施例可以在终端、计算机或者类似的运算装置中执行。比如在终端上运行，图1是本实施例的计算首屏渲染时间的方法的终端的硬件结构框图。如图1所示，终端可以包括一个或多个(图1中仅示出一个)处理器102和用于存储数据的存储器104，其中，处理器102可以包括但不限于微处理器mcu或可编程逻辑器件fpga等的处理装置。上述终端还可以包括用于通信功能的传输设备106以及输入输出设备108。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述终端的结构造成限制。例如，终端还可包括比图1中所示更多或者更少的组件，或者具有与图1所示出的不同配置。
45.存储器104可用于存储计算机程序，例如，应用软件的软件程序以及模块，如在本实施例中的计算首屏渲染时间的方法对应的计算机程序，处理器102通过运行存储在存储器104内的计算机程序，从而执行各种功能应用以及数据处理，即实现上述的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器
102远程设置的存储器，这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
46.传输设备106用于经由一个网络接收或者发送数据。上述的网络包括终端的通信供应商提供的无线网络。在一个实例中，传输设备106包括一个网络适配器(network interface controller，简称为nic)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输设备106可以为射频(radio frequency，简称为rf)模块，其用于通过无线方式与互联网进行通讯。
47.图2是现有技术中页面加载系统的结构框图。如图2，该系统包括访问终端220和http服务器210；其中访问终端220为前端设备，示例性地可以为主机计算机、便携式计算机等。访问终端220通过网络链接访问http服务器210，然后http服务器210将html文件发送给访问终端220，访问终端220接收该html文件后，对html文件进行解析并渲染，最终显示在显示屏上。
48.在本实施例中提供了一种计算首屏渲染时间的方法，可应用于上述的页面加载系统，以计算访问终端的显示屏中页面首屏的加载渲染时间。图3是本实施例的计算首屏渲染时间的方法的流程图，如图3所示，该流程包括如下步骤：
49.步骤s210，接收待渲染的html文件。
50.具体的该步骤中，前端设备接收http服务器发送的html文件，html文件是可以被多种网页浏览器读取，产生网页传递各类资讯的文件。html文件中包含有若干个标签节点，通过加载渲染标签节点，html文件被渲染展示在访问设备的显示屏上，从而构成网页首屏。但是需要说明的是，在html文件中，并非所有标签节点都用于显示网页首屏。
51.步骤s220，获取html文件中所有待渲染的标签节点。
52.具体的该步骤中，前端设备可先复制html文件，然后识别并获取html文件中所有的标签节点，以便于后续对所有的标签节点均进行监听，从而获得每个标签节点的加载渲染时间。在html文件的渲染过程中，首先是html文件被解析，然后构建dom树，其中dom树结构由标签节点构成。若干个标签节点在dom树中处于不同的层次，然后从根节点开始，按照层次关系加载并渲染标签节点。
53.步骤s230，监听每个标签节点的加载渲染时间。
54.具体的该步骤中，前端设备监听每个标签节点的加载渲染时间，其中标签节点的加载渲染时间包括：标签节点的渲染开始时间和标签节点的渲染结束时间。因此在优选的实施例中，前端设备监听每个标签节点的加载渲染时间具体的步骤为：前端设备记录每个标签节点的渲染开始时间和每个标签节点的渲染结束时间。
55.步骤s240，根据第一标签节点的加载渲染时间，确定首屏的渲染开始时间，第一标签节点为首屏中最初加载的标签节点。
56.具体的该步骤中，首屏中最初加载的标签节点指的是dom树中的根节点，也就是用于渲染网页首屏的第一个标签节点。前端设备通过第一标签节点的加载渲染时间确定首屏的渲染开始时间，这与现有技术中的用于确定页面首屏渲染开始时间的技术手段是相同的。其中优选的，将第一标签节点的渲染开始时间，作为首屏的渲染开始时间；由于标签节点的加载渲染是持续性过程，而第一标签节点开始渲染便意味着网页首屏开始加载，因此第一标签节点的渲染开始时间点与网页首屏的渲染开始时间点精准对应。
57.步骤s250，根据第二标签节点的加载渲染时间，确定首屏的渲染结束时间，第二标签节点为首屏中最后加载的标签节点。
58.具体的该步骤中，首屏中最后加载的标签节点，是根据每个标签节点的渲染时间顺序确定的，也就是说在渲染时间上，处于最后的标签节点作为第二标签节点。与现有技术不同的是，本实施例中是用首屏中最后加载的标签节点的加载渲染时间，确定网页首屏的渲染结束时间；而在现有技术中是根据整个网页系统中最后加载的标签节点的加载渲染时间，确定网页首屏的渲染结束时间。因此本实施例中确定的网页首屏的渲染结束时间，与理想的网页首屏的渲染结束时间更加接近。其中优选的，将第二标签节点的渲染结束时间，作为首屏的渲染结束时间。由于标签节点的加载渲染是持续性过程，单个标签节点只有完全被加载渲染，才会完整地显示在首屏中；因此选择第二标签节点的渲染结束时间点作为网页首屏的渲染结束时间点，相比于选择第二标签节加载渲染过程中的其他时间点，能够更加精准的确定网页首屏的渲染结束时间。
59.需要特别说明的是，根据每个标签节点的渲染时间顺序确定首屏中最后加载的标签节点具有多种方式。一方面，最后加载的标签节点可以根据各个标签节点的渲染开始时间确定，也就会说将最后一个开始渲染的标签节点作为最后加载的标签节点。另一方面，最后加载的标签节点也可以根据各个标签节点的渲染结束时间确定，也就是说将最后一个完成渲染的标签节点作为最后的标签节点。根据各个标签节点的渲染结束时间确定第二标签节点具有更加精准的优点。主要原因在于每个标签节点的加载渲染时长不一致，便存在一种情况，其中一个标签节点的渲染开始时间比另一个标签节点的渲染开始时间要早，但是由于该标签节点的加载渲染时间比较长，使得其渲染结束时间比另一个标签节点的渲染结束时间要晚；而只有构成网页首屏的全部标签节点均加载完成，才能说明网页首屏渲染完成。因此在构成网页首屏的所有标签节点中，将最后一个完成渲染的标签节点作为最后加载的标签节点，并以此标签节点的渲染结束时间作为首屏的渲染结束时间，能够更加精准地计算网页首屏的渲染总时长。
60.步骤s260，根据首屏的渲染开始时间和首屏的渲染结束时间，确定首屏的渲染总时长。
61.具体的该步骤中，前端设备通过上述步骤中获得的网页首屏的渲染开始时间和网页首屏的渲染结束时间，最终计算获得网页首屏的渲染总时长。具体的渲染总时长为网页首屏的渲染开始时间和渲染结束时间的时间差，即用网页首屏的渲染结束时间减去渲染开始时间，便可获得网页首屏的渲染总时长。
62.通过上述步骤，首先监听每个标签节点的加载渲染时间，根据第一标签节点的加载渲染时间，确定首屏的渲染开始时间，根据第二标签节点的加载渲染时间，确定首屏的渲染结束时间。其中第一标签节点为首屏中最初加载的标签节点，第二标签节点为首屏中最后加载的标签节点。在现有技术中是根据整个网页系统中最后加载的标签节点的加载渲染时间，确定网页首屏的渲染结束时间，由于网页系统中并非所有的标签节点都用于渲染首屏，因此其计算出来的渲染时间比网页首屏的实际渲染时间稍长，计算出来的渲染时间不准确。而在本技术中，是根据页面首屏中最后加载的标签节点的加载渲染时间，确定网页首屏的渲染结束时间。因此网页首屏的渲染结束时间确定得更加精准。
63.需要说明的是，在上述流程中或者附图的流程图中示出的步骤可以在诸如一组计
算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。比如本实施例中的步骤s240和s250可以互换，也可以同时进行，即两个步骤间不存在特定的先后顺序。
64.在其中的一些实施例中，监听每个标签节点的加载渲染时间包括：根据标签节点的类型，采用预设监听方式对标签节点进行监听。具体的，标签节点类型包括：文本类型和图形视频类型；预设监听方式包括：第一监听方式和第二监听方式；根据标签节点的类型，采用预设监听方式对标签节点进行监听包括：采用第一监听方式监听文本类型的标签节点和/或采用第二监听方式监听图形视频类型的标签节点。
65.在本实施例中，标签节点主要分为两种类型，其中一种为普通的文本类型，另一种为图形视频类型，文本类型的标签节点加载渲染后在首屏中显示为文本，图形视频类型的标签节点加载渲染后在首屏中显示为图形或是视频。两种不同类型的标签节点具有不同的特点，因此采用不同的监听方式有针对性地进行监听，具有能够更加精准地记录每个标签节点的渲染时间。示例性地，在node(一种可以用javascript编程服务端的环境)中，通过mutationobserve(dom树变动观察器)监听文本类型的标签节点的加载渲染时间，通过onload事件监听图形视频类型的标签节点的加载渲染时间。
66.下面通过优选实施例对本实施例进行描述和说明。
67.图4是本优选实施例的计算首屏渲染时间的方法的流程图，在本优先实施例中，该方法在node中执行，使用node工具实现计算页面加载消耗时间的监控。如图4所示，该计算首屏渲染时间的方法包括如下步骤：
68.步骤s410，前端设备接收http服务器发送的待渲染的html文件。
69.具体的该步骤中，前端设备接收html文件之前，使用node启动一个http服务器，http服务器启动后向前端设备发送html文件。同时可选的，前端设备利用内置的http模块和http.request方法搜集待渲染html文件传来的时间。
70.步骤s420，前端设备将html文件内容复制，然后搜集html文件中所有的标签节点。
71.具体的该步骤中，示例性地前端设备可调用工具指令filehandle.readfile()将html文件内容复制。
72.步骤s430，前端设备监听每个标签节点的加载渲染时间，监听结束后将每个标签节点的加载渲染时间发送至node服务器；其中通过mutationobserve监听记录普通元素的渲染开始和结束时间，通过onload事件进行监听图片和视频的加载时长。
73.具体的该步骤中，通过采用node工具监听每个标签节点的渲染加载时间，记录每个标签节点的渲染开始时间和结束时间，并发送至node服务器进行筛选计算。一般的标签节点分为普通元素和图形视频两种，两种不同的标签节点采用两种不同的工具进行监听，其中普通元素指的文本元素。进一步的，对于带背景的元素，首先判断该元素是普通元素还是图片和视频元素类型，然后再采用对应的监听方法进行监听。
74.步骤s440，根据首屏信息识别出用于渲染该首屏的所有标签节点，在该所有标签节点中，以最早开始渲染的标签节点的渲染开始时间作为首屏的渲染开始时间，以最晚结束渲染的标签节点的渲染结束时间作为首屏的渲染结束时间，根据首屏的渲染开始时间和首屏的渲染结束时间的时间差，确定首屏的渲染总时长。
75.具体的该步骤为最终计算首屏的渲染总时长的方法，该方法原则可以由前端设备
直接执行计算，或是由独立的node服务器执行。优选的，利用node搜集到数据反馈到可视化的组件进行展示和分析。
76.本优选实施例中，通过node工具实现计算页面加载消耗时间的监控，对每个标签节点具均进行监听，记录每个标签节点的渲染开始时间和结束时间，以首屏中最晚渲染结束的标签节点作为最后的标签节点，并以该标签节点的渲染结束时间作为首屏的渲染结束时间，因此相比于现有技术，能够更加精准地计算首屏的渲染总时长，为优化页面加载性能提供重要参考指标和优化方向。
77.在本实施例中还提供了一种计算首屏渲染时间的装置，该装置用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。以下所使用的术语“模块”、“单元”、“子单元”等可以实现预定功能的软件和/或硬件的组合。尽管在以下实施例中所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。
78.下面通过对部分标签节点的加载以及监听过程作具体的描述，以便于更好地对本实施例进行说明。图6是现有技术中部分标签节点的加载关系示意图，如图6所示，标签节点包括：根节点html和根节点的下层节点script、link、img、iframe、div以及节点div的下层节点child1、child2、child3。标签节点由上至下进行加载，即根节点首先加载渲染，当根节点加载渲染完成后，其下层节点script、link、img、iframe、div开始渲染加载，当节点div加载渲染完成后，其下层节点child1、child2、child3开始渲染加载。但是由于script、link、img、iframe这类节点比较特殊，此类节点的加载渲染时间比较长，所以需要注意的是存在一种情况：节点div及其下层节点child1、child2、child3均加载渲染完成了，特殊节点script、link、img、iframe还没有加载完成，此时需要将script、link、img、iframe中最后加载完成的标签节点作为首屏中最后一个标签节点，相应的最晚加载完成时间为首屏的渲染完成时间，而不是取child1、child2、child3中最晚渲染完成或是最晚开始渲染的标签节点最为首屏中的最后一个标签节点。其中painttimecollect为搜集工具，用于搜集记录每个标签节点的加渲染时长。
79.图5是本实施例的计算首屏渲染时间的装置的结构框图，如图5所示，该装置包括：文件接收模块510、节点获取模块520、节点监听模块530、时间确定模块540以及时间计算模块550。
80.其中文件接收模块510用于接收待渲染的html文件。具体的文件接收模块510接收http服务器发送的html文件，html文件是可以被多种网页浏览器读取，产生网页传递各类资讯的文件。html文件中包含有若干个标签节点，通过加载渲染标签节点，html文件被渲染展示在访问设备的显示屏上，从而构成网页首屏。
81.节点获取模块520用于获取html文件中所有待渲染的标签节点。具体的节点获取模块520可先复制html文件，然后识别并获取html文件中所有的标签节点，以便于后续对所有的标签节点均进行监听，从而获得每个标签节点的加载渲染时间。
82.节点监听模块530用于监听每个标签节点的加载渲染时间。节点监听模块530监听每个标签节点的加载渲染时间，其中标签节点的加载渲染时间包括：标签节点的渲染开始时间和标签节点的渲染结束时间。因此优选的实施例中，节点监听模块用于记录每个标签节点的渲染开始时间和每个标签节点的渲染结束时间。
83.时间确定模块540用于根据第一标签节点的加载渲染时间，确定首屏的渲染开始
时间，第一标签节点为首屏中最初的标签节点；以及用于根据第二标签节点的加载渲染时间，确定首屏的渲染结束时间，第二标签节点为首屏中最后的标签节点。首屏中最后加载的标签节点，是根据每个标签节点的渲染时间顺序确定的，也就是说在渲染时间上，处于最后的标签节点作为第二标签节点。优选的，最后加载的标签节点根据各个标签节点的渲染结束时间确定，也就是说将最后一个完成渲染的标签节点作为最后的标签节点。
84.时间计算模块550用于根据首屏的渲染开始时间和首屏的渲染结束时间，确定首屏的渲染总时长。
85.在该计算首屏渲染时间的装置，首先监听每个标签节点的加载渲染时间，根据第一标签节点的加载渲染时间，确定首屏的渲染开始时间，根据第二标签节点的加载渲染时间，确定首屏的渲染结束时间。其中第一标签节点为首屏中最初加载的标签节点，第二标签节点为首屏中最后加载完成的标签节点。因此最后计算出的首屏渲染总时长更加精准，为优化页面加载性能提供重要参考指标和优化方向。
86.需要说明的是，上述各个模块可以是功能模块也可以是程序模块，既可以通过软件来实现，也可以通过硬件来实现。对于通过硬件来实现的模块而言，上述各个模块可以位于同一处理器中；或者上述各个模块还可以按照任意组合的形式分别位于不同的处理器中。
87.在本实施例中还提供了一种电子装置，包括存储器和处理器，该存储器中存储有计算机程序，该处理器被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。
88.可选地，上述电子装置还可以包括传输设备以及输入输出设备，其中，该传输设备和上述处理器连接，该输入输出设备和上述处理器连接。
89.可选地，在本实施例中，上述处理器可以被设置为通过计算机程序执行以下步骤：
90.步骤s210，接收待渲染的html文件；
91.步骤s220，获取html文件中所有待渲染的标签节点；
92.步骤s230，监听每个标签节点的加载渲染时间；
93.步骤s240，根据第一标签节点的加载渲染时间，确定首屏的渲染开始时间，第一标签节点为首屏中最初加载的标签节点；
94.步骤s250，根据第二标签节点的加载渲染时间，确定首屏的渲染结束时间，第二标签节点为首屏中最后加载的标签节点；
95.步骤s260，根据首屏的渲染开始时间和首屏的渲染结束时间，确定首屏的渲染总时长。
96.需要说明的是，在本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例，在本实施例中不再赘述。
97.此外，结合上述实施例中提供的计算首屏渲染时间的方法，在本实施例中还可以提供一种存储介质来实现。该存储介质上存储有计算机程序；该计算机程序被处理器执行时实现上述实施例中的任意一种计算首屏渲染时间的方法。
98.应该明白的是，这里描述的具体实施例只是用来解释这个应用，而不是用来对它进行限定。根据本技术提供的实施例，本领域普通技术人员在不进行创造性劳动的情况下得到的所有其它实施例，均属本技术保护范围。
99.显然，附图只是本技术的一些例子或实施例，对本领域的普通技术人员来说，也可
以根据这些附图将本技术适用于其他类似情况，但无需付出创造性劳动。另外，可以理解的是，尽管在此开发过程中所做的工作可能是复杂和漫长的，但是，对于本领域的普通技术人员来说，根据本技术披露的技术内容进行的某些设计、制造或生产等更改仅是常规的技术手段，不应被视为本技术公开的内容不足。
[0100]“实施例”一词在本技术中指的是结合实施例描述的具体特征、结构或特性可以包括在本技术的至少一个实施例中。该短语出现在说明书中的各个位置并不一定意味着相同的实施例，也不意味着与其它实施例相互排斥而具有独立性或可供选择。本领域的普通技术人员能够清楚或隐含地理解的是，本技术中描述的实施例在没有冲突的情况下，可以与其它实施例结合。
[0101]
以上所述实施例仅表达了本技术的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对专利保护范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本技术构思的前提下，还可以做出若干变形和改进，这些都属于本技术的保护范围。因此，本技术的保护范围应以所附权利要求为准。