CN113760678A - 一种页面渲染时长的统计方法和装置 - Google Patents
一种页面渲染时长的统计方法和装置 Download PDFInfo
- Publication number
- CN113760678A CN113760678A CN202110184887.4A CN202110184887A CN113760678A CN 113760678 A CN113760678 A CN 113760678A CN 202110184887 A CN202110184887 A CN 202110184887A CN 113760678 A CN113760678 A CN 113760678A
- Authority
- CN
- China
- Prior art keywords
- page
- rendering
- time point
- rendered
- rendering duration
- 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
- 238000009877 rendering Methods 0.000 title claims abstract description 181
- 238000007619 statistical method Methods 0.000 title claims abstract description 18
- 238000000034 method Methods 0.000 claims abstract description 130
- 238000001514 detection method Methods 0.000 claims abstract description 10
- 238000012545 processing Methods 0.000 claims description 13
- 238000004590 computer program Methods 0.000 claims description 9
- 238000010586 diagram Methods 0.000 description 14
- 230000006870 function Effects 0.000 description 9
- 230000008569 process Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 7
- 238000012544 monitoring process Methods 0.000 description 7
- 230000003287 optical effect Effects 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000010276 construction Methods 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000013307 optical fiber 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
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/34—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment
- G06F11/3452—Performance evaluation by statistical analysis
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Probability & Statistics with Applications (AREA)
- Evolutionary Biology (AREA)
- Bioinformatics & Computational Biology (AREA)
- Computer Hardware Design (AREA)
- Bioinformatics & Cheminformatics (AREA)
- Quality & Reliability (AREA)
- General Physics & Mathematics (AREA)
- Life Sciences & Earth Sciences (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种页面渲染时长的统计方法和装置，涉及计算机技术领域。该方法的具体实施方式包括：记录页面开始渲染的时间点；判断是否需要统计页面渲染时长，若是，开启定时器执行检测；确定需要统计页面渲染时长后，定时检测特定视图是否存在于当前页面中，若是，根据确定的所述特定视图记录页面结束渲染的时间点；根据所述页面开始渲染的时间点和所述页面结束渲染的时间点确定所述页面渲染时长。该实施方式能够完整有效地展示首屏画面，使得页面的主要内容得以体现，提升用户体验，同时，可以获得准确而真实的页面渲染时长。
Description
技术领域
本发明涉及计算机技术领域，尤其涉及一种页面渲染时长的统计方法和装置。
背景技术
现有的统计页面渲染时长的方法，通过在页面的各个生命周期中埋点，包括页面加载、页面初次渲染完成、页面显示、页面卸载等页面处理的生命周期，进而根据时间点确定页面渲染时长。
在实现本发明过程中，发明人发现现有技术中至少存在如下问题：
在页面渲染过程中，一般以页面开始创建至出现第一帧的时间作为页面渲染时长，但第一帧并不一定是完整的首次有效渲染；当页面存在网络请求或者异步渲染时，通过在页面的各生命周期中埋点得到的页面渲染时长，与真实的页面渲染时长存在一定的偏差。因此，以上情况都会导致页面渲染时长的统计不准确。
发明内容
有鉴于此，本发明实施例提供一种页面渲染时长的统计方法和装置，能够完整有效地展示首屏画面，使得页面的主要内容得以体现，提升用户体验，同时，可以获得准确而真实的页面渲染时长。
为实现上述目的，根据本发明实施例的一个方面，提供了一种页面渲染时长的统计方法，包括：
记录页面开始渲染的时间点；
判断是否需要统计页面渲染时长，若是，开启定时器执行检测；
确定需要统计页面渲染时长后，定时检测特定视图是否存在于当前页面中，若是，根据确定的所述特定视图记录页面结束渲染的时间点；
根据所述页面开始渲染的时间点和所述页面结束渲染的时间点确定所述页面渲染时长。
可选地，所述方法还包括：
在记录页面开始渲染的时间点之前，获取并保存页面配置数据。
可选地，所述页面配置数据包括所述特定视图。
可选地，所述判断是否需要统计页面渲染时长，包括：
将当前页面配置数据与保存的所述页面配置数据进行对比，进而判断是否需要统计页面渲染时长。
可选地，所述方法还包括：
在记录页面开始渲染的时间点之后，对页面进行初始化。
可选地，所述定时检测特定视图是否存在于当前页面中，包括：
遍历当前页面的子视图，比较子视图是否和保存的所述页面配置数据中的特定视图相同。
可选地，根据所述页面开始渲染的时间点和所述页面结束渲染的时间点确定所述页面渲染时长，包括：
所述页面结束渲染的时间点与所述页面开始渲染的时间点的差值为所述页面渲染时长。
根据本发明实施例的再一个方面，提供了一种页面渲染时长的统计装置，包括：
记录模块，用于记录页面开始渲染的时间点；
判断模块，用于判断是否需要统计页面渲染时长，若是，开启定时器执行检测；
查找模块，用于确定需要统计页面渲染时长后，定时检测特定视图是否存在于当前页面中，若是，根据确定的所述特定视图记录页面结束渲染的时间点；
数据处理模块，用于根据所述页面开始渲染的时间点和所述页面结束渲染的时间点确定所述页面渲染时长。
根据本发明实施例的另一个方面，提供了一种页面渲染时长的统计电子设备，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明提供的页面渲染时长的统计方法。
根据本发明实施例的还一个方面，提供了一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现本发明提供的页面渲染时长的统计方法。
上述发明中的一个实施例具有如下优点或有益效果：因为采用交换viewDidLoad方法和my_viewDidLoad方法、fetchData方法和my_fetchData方法的实现顺序；调用my_viewDidLoad方法记录页面开始渲染的时间点；调用my_fetchData方法，通过执行detcting方法，基于预定视图的tag值进行对比得到页面结束渲染的时间点endTime；根据两者的差值确定页面渲染时长的技术手段，所以克服了在页面渲染过程中，无法确定页面的首次有效渲染；或者，当页面存在网络请求或者异步渲染时，通过埋点确定的页面渲染时长与真实的页面渲染时长存在偏差；导致页面渲染时长的统计不准确的技术问题，进而达到能够完整有效地展示首屏画面，使得页面的主要内容得以体现，提升用户体验，同时，可以获得准确而真实的页面渲染时长的技术效果。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
图1是适于应用于本发明实施例的页面渲染时长的统计方法或页面渲染时长的统计装置的示例性系统架构图；
图2是根据本发明实施例的页面渲染时长的统计方法的主要流程的示意图；
图3是根据本发明实施例的页面渲染时长的统计方法的详细流程的示意图；
图4是根据本发明实施例的页面渲染时长的统计装置的主要模块的示意图；
图5是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
图1示出了适于应用于本发明实施例的页面渲染时长的统计方法或页面渲染时长的统计装置的示例性系统架构图，如图1所示，本发明实施例的页面渲染时长的统计方法或页面渲染时长的统计装置的示例性系统架构包括：
如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯页面前端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱页面前端、社交平台软件等。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器，例如对用户利用终端设备101、102、103所浏览的购物类网站提供支持的后台管理服务器。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如产品信息)反馈给终端设备101、102、103。
需要说明的是，本发明实施例所提供的页面渲染时长的统计方法一般由服务器105执行，相应地，页面渲染时长的统计装置一般设置于服务器105中。
应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
图2是根据本发明实施例的页面渲染时长的统计方法的主要流程的示意图，如图2所示，本发明的页面渲染时长的统计方法包括：
步骤S201，记录页面开始渲染的时间点。
示例性地，页面前端向页面后端发送页面配置信息请求，接收并保存页面后端发送的页面配置数据。页面配置数据可以包括页面渲染时长的监听对象viewController、页面的加载函数functionId等。页面前端用SwizzleMethod方法交换viewDidLoad方法和my_viewDidLoad方法、fetchData方法和my_fetchData方法的实现顺序，重写+load方法。其中，my_viewDidLoad方法用于记录页面开始渲染的时间，my_fetchData方法用于记录页面结束渲染的时间。页面前端根据重写后的+load方法创建页面，调用my_viewDidLoad方法记录页面开始渲染的时间。
步骤S202，判断是否需要统计页面渲染时长，若是，开启定时器执行检测。
示例性地，页面前端调用my_fetchData方法，根据当前页面配置数据与存储的页面配置数据进行对比，判断是否需要统计页面渲染时长。如果当前页面配置数据中的class标识、网络请求参数中的functionId于存储的页面配置数据中的viewController字段的值、functionId字段的值相同，则页面前端开启定时器执行detcting方法。
步骤S203，确定需要统计页面渲染时长后，定时检测特定视图是否存在于当前页面中，若是，根据确定的所述特定视图记录页面结束渲染的时间点。
示例性地，页面前端确定需要统计页面渲染时长后，开启定时器执行detcting方法。页面前端调用detcting方法，比较子视图的tag值与页面配置数据中的特定视图的tag值是否一致，如果一致，则确定特定视图存在于当前页面中，首屏完整加载。页面前端记录当前时间点为页面结束渲染的时间点。
步骤S204，根据所述页面开始渲染的时间点和所述页面结束渲染的时间点确定所述页面渲染时长。
示例性地，根据步骤S202记录的开始渲染的时间点和步骤S204记录的页面结束渲染的时间点，页面前端计算页面结束渲染的时间点与开始渲染的时间点的差值。页面结束渲染的时间点与开始渲染的时间点的差值即为页面渲染时长。
在本发明实施例中，通过记录页面开始渲染的时间点；判断是否需要统计页面渲染时长，若是，开启定时器执行检测；确定需要统计页面渲染时长后，定时检测特定视图是否存在于当前页面中，若是，根据确定的所述特定视图记录页面结束渲染的时间点；根据所述页面开始渲染的时间点和所述页面结束渲染的时间点确定所述页面渲染时长等步骤，能够完整有效地展示首屏画面，使得页面的主要内容得以体现，提升用户体验，同时，可以获得准确而真实的页面渲染时长。
图3是根据本发明实施例的页面渲染时长的统计方法的详细流程的示意图，如图3所示，本发明的页面渲染时长的统计方法包括：
步骤S301，向页面后端发送页面的配置信息请求。
示例性地，在用户通过页面前端访问页面时，页面前端向页面后端发送配置信息请求，配置信息请求包括统计页面渲染时长的页面的配置信息。页面的配置信息包括：页面渲染时长的监听对象，表示需要监听的对象，用viewController表示；页面渲染时长的结束判定标准，代表计时结束的特定子视图的tag值，用tag表示；页面的加载函数，表示要link的网络请求，用functionId表示。
步骤S302，接收并保存页面配置数据。
示例性地，页面前端向页面后端发送页面的配置信息请求后，接收页面后端返回的页面的配置信息，包括页面渲染时长的监听对象、结束判定标准、页面的加载函数等信息，即viewController、tag、functionId的具体数据。在获取到页面的配置信息的具体数据，即页面配置数据后，将页面配置数据保存至PageRenderingManager中。
进一步地，页面配置信息数据可以包括：
”viewcontroller”：”TestViewController”；
”tag”：”123”；
”functionId”：“getPostDetailPageData”；
”functionId”：”getTopicHomePageData；
”functionId”：”getPostList”。
步骤S303，创建UI监听和A网络库。
示例性地，在页面前端接收并保存页面后端发送的页面配置数据后，创建UI监听和A网络库，即UIViewController和ANetwork，UIViewController用于监听页面UI动作，ANetwork用于记录页面上的网络请求的资源信息(例如，状态、类型、大小、时间等)。
步骤S304，重写+load方法。
示例性地，页面前端在创建UI监听和A网络库后，通过SwizzleMethod方法重写+load方法，SwizzleMethod为IOS页面前端中一种实现交换的方法，可以对+load方法中已经存在的方法的实现顺序进行交换。页面前端通过SwizzleMethod方法重写+load方法包括：将viewDidLoad方法和my_viewDidLoad方法的实现顺序进行交换，并且，将fetchData方法和my_fetchData方法的实现顺序进行交换。
进一步地，由于页面前端通过SwizzleMethod方法重写+load方法，对viewDidLoad方法和my_viewDidLoad方法、fetchData方法和my_fetchData方法的实现顺序进行交换，因此，在页面创建的过程中，页面前端在执行时，先调用my_viewDidLoad方法，再调用viewDidLoad方法；页面前端在执行时，先调用my_fetchData方法，再调用fetchData方法。
步骤S305，调用my_viewDidLoad方法。
示例性地，页面前端重写+load方法后，第一次访问UIViewController的view时，调用loadview方法创建view。在页面生命周期开始时，先调用my_viewDidLoad方法，通过my_viewDidLoad方法记录页面开始渲染的时间点，将页面开始渲染的时间点定义为startTime。通过定义页面渲染的开始时间点，即页面初始化到第一个UI元素显示的时间点，第一个UI元素显示可以为数据加载的等待动画之类。不仅仅是以UI线程开始即作为页面渲染的开始时间点，能够更加准确地确定页面渲染的开始时间。
步骤S306，调用viewDidLoad方法。
示例性地，页面前端第一次访问UIViewController的view时，调用loadview方法创建view；在view创建完毕后，调用viewDidLoad方法对界面元素进行初始化；其中，viewDidLoad方法用于对界面元素进行初始化。
示例性地，页面前端调用my_viewDidLoad方法记录页面开始渲染的时间点为startTime后，再调用viewDidLoad方法对页面进行初始化。页面前端在调用viewDidLoad的过程中可以随时向页面后端发起网络请求，通过调用fetchPageData方法，请求各Page的数据，同时通过ANetwork记录页面上的网络请求的资源信息。页面后端接到请求后向页面前端发送网络请求的文件，页面前端接收到页面后端发送的文件后为UI填充数据并重新渲染。当页面存在网络请求时，埋点方法得到的页面渲染时长与真实的页面渲染时长存在偏差，会导致页面渲染时长的统计不准确。
步骤S307，调用my_fetchData方法。
示例性地，页面前端接收到页面后端发送的文件后为UI填充数据并重新渲染过程中，调用my_fetchData方法判断是否需要统计页面渲染时长。my_fetchData方法则根据当前页面配置数据进行判断，确定是否需要统计页面渲染时长。当前页面配置数据所对应的class选择器与存储在PageRenderingManager中的viewController字段对应；当前页面配置数据中的网络请求参数中的functionId与存储在PageRenderingManager中的functionId字段对应。
示例性地，页面前端根据当前页面配置数据所对应的class标识判断，包括：当前页面class标识的值是否与存储在PageRenderingManager中的页面配置数据中的viewController字段的值相同；页面前端根据当前页面配置数据中的网络请求参数中的functionId判断，包括：当前页面中的网络请求参数中的functionId是否与存储在PageRenderingManager中的页面配置数据中的functionId字段的值相同。如果当前页面配置数据所对应的class选择器和网络请求参数中的functionId存在于PageRenderingManager的页面配置信息数据中，则页面前端开启定时器执行detcting方法。
进一步地，例如，如果当前页面配置数据中的class标识为”TestViewController”、网络请求参数中的functionId为“getPostDetailPageData”，存储于PageRenderingManager中的页面配置数据中的viewController字段的值为”TestViewController”、functionId字段的值为“getPostDetailPageData”，则开启定时器执行detcting方法。
步骤S308，开启定时器，执行detcting方法。
示例性地，如果当前页面配置数据中的class标识、网络请求参数中的functionId于存储于PageRenderingManager中的页面配置数据中的viewController字段的值、functionId字段的值相同，则页面前端开启定时器执行detcting方法。detcting方法用于查找特定的视图是否存在于当前页面中，从而确定首屏加载是否完成；其中，查找特定的视图时，根据视图的tag值进行比较判断。
示例性地，页面前端开启定时器执行detcting方法后，定时遍历页面的子视图，比较子视图的tag值与当前页面在PageRenderingManager页面配置数据中的特定的视图的tag值是否一致，从而确定特定的视图是否存在于当前页面中。如果确定特定的视图存在于当前页面中，表示首次有效渲染完成，首屏的界面元素(或页面内容)被完整加载，页面前端记录当前时间点为页面结束渲染的时间点，将页面结束渲染的时间点定义为endTime。
进一步地，页面前端预置遍历时间阈值，如果调用detcting方法遍历页面的子视图超过预置遍历时间阈值，则停止查找，提示遍历超时信息。
步骤S309，确定页面渲染时长。
示例性地，页面前端根据步骤S305调用my_viewDidLoad方法获得页面开始渲染的时间点startTime及步骤S307-S308调用my_fetchData方法，通过执行detcting方法，基于预定视图的tag值进行对比，从而获得页面结束渲染的时间点endTime，根据endTime与startTime的差值计算页面渲染时长cost＝endTime-startTime，即真实的页面渲染时长。确定页面渲染时长后，页面前端将页面渲染时长cost上报至页面后端。
根据传统的埋点方法确定的页面渲染时长只能页面从创建至初始化完成的时间，当存在网络请求时，埋点得到的页面渲染时长与真实的页面渲染时长存在偏差，导致真实的页面渲染时长(页面从初始化到最终UI绘制完成的时间)统计不准确，即完成首次有效渲染从而获得完整的首屏页面的页面渲染时长的统计不准确。本发明中，通过调用my_viewDidLoad方法获得页面开始渲染的时间点、调用my_fetchData方法获得页面结束渲染的时间点，根据两者的差值确定页面渲染时长，从而可以获得真实而准确的页面渲染时长。
步骤S310，调用fetchData方法。
示例性地，页面前端先调用my_viewDidLoad方法获得页面开始渲染的时间点startTime，再调用my_fetchData方法获得页面结束渲染的时间点endTime，根据endTime与startTime的差值计算页面渲染时长cost，即真实的页面渲染时长后，再调用fetchData方法继续获取其他数据；其中，fetchData方法为提取数据的方法。
在本发明实施例中，通过向页面后端发送页面的配置信息请求；接收并保存页面配置数据；创建UI监听和A网络库；重写+load方法；调用my_viewDidLoad方法；调用viewDidLoad方法；调用my_fetchData方法；开启定时器，执行detcting方法；确定页面渲染时长；调用fetchData方法等步骤，能够完整有效地展示首屏画面，使得页面的主要内容得以体现，提升用户体验，同时，可以获得准确而真实的页面渲染时长。
图4是根据本发明实施例的页面渲染时长的统计装置的主要模块的示意图，如图4所示，本发明的页面渲染时长的统计装置400包括：
记录模块401，用于记录页面开始渲染的时间点。
示例性地，页面前端向页面后端发送页面配置信息请求，接收并保存页面后端发送的页面配置数据。页面配置数据可以包括页面渲染时长的监听对象viewController、页面的加载函数functionId等。页面前端用SwizzleMethod方法交换viewDidLoad方法和my_viewDidLoad方法、fetchData方法和my_fetchData方法的实现顺序，重写+load方法。其中，my_viewDidLoad方法用于记录页面开始渲染的时间，my_fetchData方法用于记录页面结束渲染的时间。页面前端根据重写后的+load方法创建页面，所述记录模块401调用my_viewDidLoad方法记录页面开始渲染的时间
判断模块402，用于判断是否需要统计页面渲染时长，若是，开启定时器执行检测。
示例性地，页面前端调用my_fetchData方法，根据当前页面配置数据与存储的页面配置数据进行对比，通过所述判断模块402判断是否需要统计页面渲染时长。如果当前页面配置数据中的class标识、网络请求参数中的functionId于存储的页面配置数据中的viewController字段的值、functionId字段的值相同，则页面前端通过所述判断模块403判断确定，需要统计页面渲染时长，页面前端开启定时器执行detcting方法。
查找模块403，用于确定需要统计页面渲染时长后，定时检测特定视图是否存在于当前页面中，若是，根据确定的所述特定视图记录页面结束渲染的时间点。
示例性地，页面前端通过所述判断模块402确定需要统计页面渲染时长后，开启定时器执行detcting方法。页面前端调用detcting方法，通过所述查找模块403比较子视图的tag值与页面配置数据中的特定视图的tag值是否一致，如果一致，则确定特定视图存在于当前页面中，首屏完整加载。页面前端通过所述记录模块401记录当前时间点为页面结束渲染的时间点。
数据处理模块404，用于根据所述页面开始渲染的时间点和所述页面结束渲染的时间点确定所述页面渲染时长。
示例性地，根据所述记录模块401记录的开始渲染的时间点和页面结束渲染的时间点，页面前端的所述数据处理模块404计算页面结束渲染的时间点与开始渲染的时间点的差值。面结束渲染的时间点与开始渲染的时间点的差值即为页面渲染时长。
在本发明实施例中，通过记录模块、判断模块、查找模块、数据处理模块等模块，能够完整有效地展示首屏画面，使得页面的主要内容得以体现，提升用户体验，同时，可以获得准确而真实的页面渲染时长。
图5是适于用来实现本发明实施例的终端设备的计算机系统的结构示意图，如图5所示，本发明实施例的终端设备的计算机系统500包括：
中央处理单元(CPU)501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM503中，还存储有系统500操作所需的各种程序和数据。CPU501、ROM502以及RAM503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
以下部件连接至I/O接口505：包括键盘、鼠标等的输入部分506；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507；包括硬盘等的存储部分508；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器510上，以便于从其上读出的计算机程序根据需要被安装入存储部分508。
特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分509从网络上被下载和安装，和/或从可拆卸介质511被安装。在该计算机程序被中央处理单元(CPU)501执行时，执行本发明的系统中限定的上述功能。
需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括记录模块、判断模块、查找模块和数据处理模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，数据处理模块还可以被描述为“根据页面开始渲染的时间点和页面结束渲染的时间点计算页面渲染时长的模块”。
作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：记录页面开始渲染的时间点；判断是否需要统计页面渲染时长，若是，开启定时器执行检测；确定需要统计页面渲染时长后，定时检测特定视图是否存在于当前页面中，若是，根据确定的所述特定视图记录页面结束渲染的时间点；根据所述页面开始渲染的时间点和所述页面结束渲染的时间点确定所述页面渲染时长。
根据本发明实施例的技术方案，能够完整有效地展示首屏画面，使得页面的主要内容得以体现，提升用户体验，同时，可以获得准确的页面渲染时长。
上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。
Claims (10)
1.一种页面渲染时长的统计方法和装置，其特征在于，包括：
记录页面开始渲染的时间点；
判断是否需要统计页面渲染时长，若是，开启定时器执行检测；
确定需要统计页面渲染时长后，定时检测特定视图是否存在于当前页面中，若是，根据确定的所述特定视图记录页面结束渲染的时间点；
根据所述页面开始渲染的时间点和所述页面结束渲染的时间点确定所述页面渲染时长。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在记录页面开始渲染的时间点之前，获取并保存页面配置数据，所述页面配置数据包括所述特定视图。
3.根据权利要求2所述的方法，其特征在于，所述判断是否需要统计页面渲染时长，包括：
将当前页面配置数据与保存的所述页面配置数据进行对比，进而判断是否需要统计页面渲染时长。
4.根据权利要求2所述的方法，其特征在于，所述定时检测特定视图是否存在于当前页面中，包括：
遍历当前页面的子视图，比较子视图是否和保存的所述页面配置数据中的所述特定视图相同。
5.根据权利要求1所述的方法，其特征在于，所述方法还包括：重写+load方法，+load方法用于加载页面；
将viewDidLoad方法和my_viewDidLoad方法的实现顺序进行交换、fetchData方法和my_fetchData方法的实现顺序进行交换；其中，
my_viewDidLoad方法用于记录页面开始渲染的时间，my_fetchDat a方法用于记录页面结束渲染的时间，viewDidLoad方法用于对界面元素进行初始化，fetchData方法用于在确定所述页面渲染时长后继续获取数据。
6.根据权利要求5所述的方法，其特征在于，通过SwizzleMethod方法重写+load方法。
7.根据权利要求1所述的方法，其特征在于，根据所述页面开始渲染的时间点和所述页面结束渲染的时间点确定所述页面渲染时长，包括：
所述页面结束渲染的时间点与所述页面开始渲染的时间点的差值为所述页面渲染时长。
8.一种页面渲染时长的统计装置，其特征在于，包括：
记录模块，用于记录页面开始渲染的时间点；
判断模块，用于判断是否需要统计页面渲染时长，若是，开启定时器执行检测；
查找模块，用于确定需要统计页面渲染时长后，定时检测特定视图是否存在于当前页面中，若是，根据确定的所述特定视图记录页面结束渲染的时间点；
数据处理模块，用于根据所述页面开始渲染的时间点和所述页面结束渲染的时间点确定所述页面渲染时长。
9.一种页面渲染时长的统计电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。
10.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110184887.4A CN113760678A (zh) | 2021-02-10 | 2021-02-10 | 一种页面渲染时长的统计方法和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110184887.4A CN113760678A (zh) | 2021-02-10 | 2021-02-10 | 一种页面渲染时长的统计方法和装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113760678A true CN113760678A (zh) | 2021-12-07 |
Family
ID=78786629
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110184887.4A Pending CN113760678A (zh) | 2021-02-10 | 2021-02-10 | 一种页面渲染时长的统计方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113760678A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116991749A (zh) * | 2023-09-28 | 2023-11-03 | 厦门她趣信息技术有限公司 | 一种视图渲染问题排查方法、系统、设备及存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016150324A1 (zh) * | 2015-03-24 | 2016-09-29 | 阿里巴巴集团控股有限公司 | 一种页面模块的渲染方法、装置以及显示设备 |
| CN107885645A (zh) * | 2017-10-31 | 2018-04-06 | 阿里巴巴集团控股有限公司 | 计算页面首屏渲染时长的方法、装置及电子设备 |
| CN111475381A (zh) * | 2020-04-03 | 2020-07-31 | 支付宝(杭州)信息技术有限公司 | 页面渲染检测方法以及装置 |
| CN111797339A (zh) * | 2019-11-07 | 2020-10-20 | 北京京东尚科信息技术有限公司 | 页面渲染监控方法和装置 |
-
2021
- 2021-02-10 CN CN202110184887.4A patent/CN113760678A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016150324A1 (zh) * | 2015-03-24 | 2016-09-29 | 阿里巴巴集团控股有限公司 | 一种页面模块的渲染方法、装置以及显示设备 |
| CN107885645A (zh) * | 2017-10-31 | 2018-04-06 | 阿里巴巴集团控股有限公司 | 计算页面首屏渲染时长的方法、装置及电子设备 |
| CN111797339A (zh) * | 2019-11-07 | 2020-10-20 | 北京京东尚科信息技术有限公司 | 页面渲染监控方法和装置 |
| CN111475381A (zh) * | 2020-04-03 | 2020-07-31 | 支付宝(杭州)信息技术有限公司 | 页面渲染检测方法以及装置 |
Non-Patent Citations (1)
| Title |
|---|
| 吴清扬;赵栋;: "基于完全渲染的网页首屏性能测量设计", 电子制作, no. 16, 15 August 2018 (2018-08-15) * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116991749A (zh) * | 2023-09-28 | 2023-11-03 | 厦门她趣信息技术有限公司 | 一种视图渲染问题排查方法、系统、设备及存储介质 |
| CN116991749B (zh) * | 2023-09-28 | 2024-01-16 | 厦门她趣信息技术有限公司 | 一种视图渲染问题排查方法、系统、设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110708346A (zh) | 信息处理系统和方法 | |
| US10496696B2 (en) | Search method and apparatus | |
| WO2017032265A1 (zh) | 一种应用推送方法、装置及服务设备 | |
| CN110825456A (zh) | 加载时间计算方法、装置、计算机设备及存储介质 | |
| CN110287146B (zh) | 应用下载的方法、设备和计算机存储介质 | |
| CN108415657B (zh) | 消息发送方法、装置、介质及电子设备 | |
| CN109862100B (zh) | 用于推送信息的方法和装置 | |
| WO2017206893A1 (zh) | 界面刷新同步方法、装置、终端及存储介质 | |
| CN113760678A (zh) | 一种页面渲染时长的统计方法和装置 | |
| CN110119418B (zh) | 数据导出方法和装置 | |
| CN109218338B (zh) | 信息处理系统、方法和装置 | |
| CN112433713A (zh) | 一种应用程序设计图处理方法和装置 | |
| CN109672931B (zh) | 用于处理视频帧的方法和装置 | |
| CN109087097B (zh) | 一种更新链码同一标识的方法和装置 | |
| CN112699116A (zh) | 一种数据处理方法和系统 | |
| CN108628909B (zh) | 信息推送方法和装置 | |
| CN113760631B (zh) | 页面加载时长确定方法、装置、设备和存储介质 | |
| CN110262856B (zh) | 一种应用程序数据采集方法、装置、终端及存储介质 | |
| CN112306791B (zh) | 一种性能监控的方法和装置 | |
| CN113449230A (zh) | 一种确定曝光元素的方法和系统以及客户端和服务端 | |
| CN108882229B (zh) | 信息处理方法和装置 | |
| CN107066342B (zh) | 信息展示方法和装置 | |
| CN113779451A (zh) | 一种页面加载方法和装置 | |
| CN111611077A (zh) | 任务参数处理方法、终端和存储介质 | |
| CN114064065A (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 |