CN114944994A - 页面加载时间的获取方法、装置、计算机设备及存储介质 - Google Patents
页面加载时间的获取方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN114944994A CN114944994A CN202210546375.2A CN202210546375A CN114944994A CN 114944994 A CN114944994 A CN 114944994A CN 202210546375 A CN202210546375 A CN 202210546375A CN 114944994 A CN114944994 A CN 114944994A
- Authority
- CN
- China
- Prior art keywords
- loading
- page
- target
- time
- factor
- 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.)
- Granted
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L41/00—Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks
- H04L41/50—Network service management, e.g. ensuring proper service fulfilment according to agreements
- H04L41/5003—Managing SLA; Interaction between SLA and QoS
- H04L41/5009—Determining service level performance parameters or violations of service level contracts, e.g. violations of agreed response time or mean time between failures [MTBF]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3051—Monitoring arrangements for monitoring the configuration of the computing system or of the computing system component, e.g. monitoring the presence of processing resources, peripherals, I/O links, software programs
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L43/00—Arrangements for monitoring or testing data switching networks
- H04L43/08—Monitoring or testing based on specific metrics, e.g. QoS, energy consumption or environmental parameters
- H04L43/0852—Delays
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Quality & Reliability (AREA)
- Computing Systems (AREA)
- Environmental & Geological Engineering (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请为页面加载技术领域,本申请提供了一种页面加载时间的获取方法、装置、计算机设备及存储介质,其中,所述方法包括:监听浏览器加载目标页面的加载事件,当监听到加载事件时,获取影响目标页面的加载时间的所有因素,根据各个因素,在目标页面对应网页源码的预设位置添加各个因素的时间标识;在浏览器加载目标页面的过程中,当加载至添加各个因素的时间标识的位置时,获取浏览器在各个因素的加载时间;根据各个因素的加载时间计算得到目标页面的目标加载时间,以综合考虑所有因素对加载时间的影响,提高页面加载时间的准确性。
Description
技术领域
本申请涉及页面加载技术领域,具体而言,本申请涉及一种页面加载时间的获取方法、装置、计算机设备及存储介质。
背景技术
用户通常会采用浏览器开启网页,在网络中查看各种资源。其中,页面加载时间是访问网站的一个重要参数,指一个空白页面被全部填充所需要的时间。现有一般通过模拟用户的访问来计算页面加载时间,但是实际生活中,浏览器会受到多种因素的影响,实际开启页面的时间长短不一,因此这种方法无法准确地计算页面加载时间。
发明内容
本申请的主要目的为提供一种页面加载时间的获取方法、装置、计算机设备及存储介质,以提高页面加载时间的准确性。
为了实现上述发明目的,本申请提供一种页面加载时间的获取方法,其包括:
监听浏览器加载目标页面的加载事件;
当监听到加载事件时,获取影响所述目标页面的加载时间的所有因素;
根据各个所述因素,在所述目标页面对应网页源码的预设位置添加各个所述因素的时间标识;
在浏览器加载所述目标页面的过程中,当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间;
根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间。
优选地,所述因素包括第一因素,所述第一因素为页面有效显示比例的设置,所述当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间,包括:
确定所述目标页面的起始加载时间点;
获取所述目标页面的当前页面截图;
若确定所述当前页面截图的有效显示比例大于预设比例,则确定加载至添加所述第一因素的所述时间标识的位置;
获取当前加载时间点,根据所述起始加载时间点及当前加载时间点确定所述浏览器在所述第一因素的加载时间。
优选地,所述确定所述当前页面截图的有效显示比例大于预设比例,包括:
将所述当前页面截图均分为预设数量的页面区域;
在各所述页面区域中分别随机获取目标数量的像素点;
计算各所述页面区域中的所述目标数量的像素点对应的像素平均值,得到各所述页面区域的目标像素值;
若各所述页面区域的目标像素值都互不相同,则确定所述当前页面截图的有效显示比例大于预设比例。
优选地,所述因素包括第二因素,所述第二因素为目标元素的加载状态,所述当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间,包括:
确定所述目标页面的起始加载时间点;
判断所述目标页面的目标元素是否加载完成;
若确定所述目标页面的目标元素加载完成,则确定加载至添加所述第二因素的所述时间标识的位置;
获取当前加载时间点,根据所述起始加载时间点及当前加载时间点确定所述浏览器在所述第二因素的加载时间。
在一实施例中,所述根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间,包括:
判断各个因素之间是否存在相互冲突的因素;
当判定各个因素之间不存在相互冲突的因素,则将各个所述因素的加载时间进行累加后,计算得到所述目标页面的目标加载时间。
进一步地,所述判断各个因素之间是否存在相互冲突的因素之后,还包括:
当判定各个因素之间存在相互冲突的因素,则剔除存在相互冲突的因素的加载时间,将剩余的加载时间进行累加后,计算得到所述目标页面的目标加载时间。
进一步地,所述根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间之后,还包括:
将各个所述因素的加载时间以及所述目标页面的目标加载时间在所述目标页面的网页标签头中进行显示。
本申请还提供一种页面加载时间的获取装置,其包括:
监听模块,用于监听浏览器加载目标页面的加载事件;
获取模块,用于当监听到加载事件时,获取影响所述目标页面的加载时间的所有因素;
添加模块,用于根据各个所述因素,在所述目标页面对应网页源码的预设位置添加各个所述因素的时间标识;
加载模块,用于在浏览器加载所述目标页面的过程中,当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间;
计算模块,用于根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间。
本申请还提供一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述任一项所述方法的步骤。
本申请还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,该计算机程序被处理器执行时实现上述任一项所述方法的步骤。
本申请所提供的一种页面加载时间的获取方法、装置、计算机设备及存储介质,监听浏览器加载目标页面的加载事件,当监听到加载事件时,获取影响目标页面的加载时间的所有因素,根据各个因素,在目标页面对应网页源码的预设位置添加各个因素的时间标识;在浏览器加载目标页面的过程中,当加载至添加各个因素的时间标识的位置时,获取浏览器在各个因素的加载时间;根据各个因素的加载时间计算得到目标页面的目标加载时间,以综合考虑所有因素对加载时间的影响,准确统计用户感知到的加载时间,以提高页面加载时间的准确性。
附图说明
图1为本申请一实施例的页面加载时间的获取方法的流程示意图;
图2为本申请一实施例的页面加载时间的获取装置的结构示意框图;
图3为本申请一实施例的计算机设备的结构示意框图。
本申请目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
本申请提出一种页面加载时间的获取方法,本申请实施例可以基于人工智能技术对相关的数据进行获取和处理。其中,人工智能(Artificial Intelligence,AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能,感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。
本申请提出的一种页面加载时间的获取方法,以计算机设备为执行主体,用于解决当前一般通过模拟用户的访问来计算页面加载时间,但是实际生活中,浏览器会受到多种因素的影响,实际开启页面的时间长短不一,因此这种方法无法准确地计算页面加载时间的技术问题。参考图1,其中一个实施例中,该页面加载时间的获取方法包括:
S11、监听浏览器加载目标页面的加载事件;
S12、当监听到加载事件时,获取影响所述目标页面的加载时间的所有因素;
S13、根据各个所述因素,在所述目标页面对应网页源码的预设位置添加各个所述因素的时间标识;
S14、在浏览器加载所述目标页面的过程中,当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间;
S15、根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间。
如上述步骤S11所述,本实施例可每隔预设时间间隔监听一次浏览器加载目标页面的加载事件,该目标页面为需要访问的页面,具体可设置计时器,在到达计时器设定的时间后,则监听一次浏览器加载目标页面的加载事件。加载事件中包括目标页面的页面信息,页面信息可以具体指该目标页面的标识,如该目标页面的链接地址等等。其中,该页面信息可以通过用户点击或触摸移动设备的屏幕进行触发发送,也可以是自动获取,在此不做具体限定。
如上述步骤S12所述,当监听到加载事件时,则获取影响目标页面的加载时间的所有因素,该因素可以是网络传输速度、计算机设备的性能参数、浏览器版本、加载的目标元素等等。其中,目标元素如图片、超链接等等。
如上述步骤S13所述,本实施例根据各个因素,在目标页面对应网页源码的预设位置添加各个因素的时间标识,如在网页源码中找出合适的位置作为预设位置,并在预设位置打上时间标识,以在加载过程中到达任一个因素对应的时间标识时,则获取该因素对应的加载时间。
例如,当加载至网络传输速度这一因素对应的时间标识时,则获取当前网络传输速度,基于当前的网络传输速度从预先构建的对照表中查询当前网络传输速度对应的标准加载时间,将标准加载时间作为网络传输速度这一因素对应的加载时间。
如上述步骤S14-S15所述,时间标识实际上为加载时间上报代码,在网页源码打上时间标识后,通过该时间标识可以上报加载时间。在本实施例中,可以由开发人员通过反复测试得到添加时间标识的位置,然后进行设定,检测设备在加载网页时可以自动获取到所设定的位置,然后在所设定的位置添加时间标识;或者可以由开发人员通过手动的方式将时间标识添加到网页源码中,得到添加有时间标识的网页源码对应的目标页面。此外,本实施例还可在线修改网页源码,通过一定的算法在网页源码中找出合适的设置时间标识的位置,不影响网站页面的加载,并且不需要安装其他的插件。
在本实施例中,在目标页面的网页源码的预设位置添加各个因素的时间标识,得到添加有各个因素的时间标识的网页源码对应的目标页面,由计算机设备的浏览器开始加载目标页面,当加载到任一个因素对应的时间标识的位置时,则获取浏览器在各个因素的加载时间,根据各个因素的加载时间计算得到目标页面的目标加载时间,以综合考虑各个因素,提高页面加载时间的准确性。
在本实施例中,该浏览器可以是Webview,Webview能加载并显示网页,可以将其视为一个浏览器。主要用于展示网络请求后的内容,就是将网络地址请求的内容展示在里面。在Webview开始载入超文本标记语言(Hyper Text Markup Language,HTML)代码时,就开始监听对目标页面的加载事件。其中,加载是指浏览器将HTML代码根据层叠样式表定义的规则显示在浏览器窗口中,例如,将图片或者列表等元素显示在当前页面中,HTML代码是在浏览器获取到用户输入的网址,并向服务器发出与用户输入的网址对应的页面请求之后,由服务器返回的。
此外,本实施例还可通过统计函数监测浏览器本身加载页面时白屏时间,DOM树构建时间和整页时间这四个指标因素来准确统计用户感知到的加载时间,以更清晰的定位白屏时间、资源加载时间以及webview的其他性能问题。
本申请所提供的一种页面加载时间的获取方法,监听浏览器加载目标页面的加载事件,当监听到加载事件时,获取影响目标页面的加载时间的所有因素,根据各个因素,在目标页面对应网页源码的预设位置添加各个因素的时间标识;在浏览器加载目标页面的过程中,当加载至添加各个因素的时间标识的位置时,获取浏览器在各个因素的加载时间;根据各个因素的加载时间计算得到目标页面的目标加载时间,以综合考虑所有因素对加载时间的影响,准确统计用户感知到的加载时间,以提高页面加载时间的准确性。
在一实施例中,所述因素包括第一因素,所述第一因素为页面有效显示比例的设置,所述当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间,可具体包括:
确定所述目标页面的起始加载时间点;
获取所述目标页面的当前页面截图;
若确定所述当前页面截图的有效显示比例大于预设比例,则确定加载至添加所述第一因素的所述时间标识的位置;
获取当前加载时间点,根据所述起始加载时间点及当前加载时间点确定所述浏览器在所述第一因素的加载时间。
在本实施例中,由于不同用户、开发人员设置的页面有效显示比例是不同的,导致页面的加载完成时间不统一,因此,为了计算不同类型的页面的加载时间,本实施例考虑了页面有效显示比例的设置因素,结合页面有效显示比例计算得到目标页面的加载时间,提高页面加载时间的准确性。
为了能准确判断当前页面的实际显示是有效的,即当前页面并未显示白屏,或者其他系统设置的背景页面,在监听到加载事件时,就获取浏览器的当前页面截图,具体可根据当前页面截图中的像素值之间的区别来判断当前页面的实际显示是否是有效显示。
若当前页面截图的有效显示比例大于预设比例,则确定加载至添加所述第一因素的所述时间标识的位置,获取当前加载时间点,根据起始加载时间点及当前加载时间点确定浏览器在第一因素的加载时间,如计算当前加载时间点与起始加载时间点的时间差,将该时间差作为浏览器在第一因素的加载时间。
若当前页面截图的有效显示比例小于或等于预设比例,则返回执行当监听到加载事件时,获取浏览器的当前页面截图的操作。当加载到任一个因素对应的时间标识的位置时,则以监听到加载事件的时间点为起始加载时间点,以浏览器加载至添加时间标识的位置的时间为结束时间点,获取这两个时间点的差值,以该差值作为该因素对应的加载时间,将所有因素对应的加载时间进行综合后,得到目标页面的加载时间。
在一实施例中,可从加载目标页面时开始计时,每隔预设时间间隔对目标页面截屏一次,按照截屏的先后顺序依次为截图进行标号。例如,预设时间间隔为2秒,每隔2秒,为浏览器的目标页面截图一次,并为截图标记顺序号,从1开始,按照截屏的先后顺序依次增加1,直到目标页面加载完成。
在一实施例中,所述确定所述当前页面截图的有效显示比例大于预设比例,可具体包括:
将所述当前页面截图均分为预设数量的页面区域;
在各所述页面区域中分别随机获取目标数量的像素点;
计算各所述页面区域中的所述目标数量的像素点对应的像素平均值,得到各所述页面区域的目标像素值;
若各所述页面区域的目标像素值都互不相同,则确定所述当前页面截图的有效显示比例大于预设比例。
在本实施例中,可以将当前页面截图横竖二等分,得到等比例均分的4个页面区域,然后针对每个页面区域,分别从中随机选择100个像素点,计算这100个像素点的像素值的平均值,将该像素平均值作为该页面区域的目标像素值,用于参与加载时间的确定操作。具体的,确定当前页面截图的有效显示比例大于预设比例的条件是,目标像素值互不相同的页面区域数目占区域总数的比例大于预设比例,预设比例设置为1,即各页面区域的目标像素值都互不相同。如果目标像素值互不相同的页面区域数目占区域总数的比例小于等于预设比例,则认为尚未加载完毕,当前页面截图对应的时间不能作为第一音素的加载时间,则需要返回执行在监听到加载事件时,获取浏览器的当前页面截图的操作。
优选地,所述因素包括第二因素,所述第二因素为目标元素的加载状态,所述当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间,包括:
确定所述目标页面的起始加载时间点;
判断所述目标页面的目标元素是否加载完成;
若确定所述目标页面的目标元素加载完成,则确定加载至添加所述第二因素的所述时间标识的位置;
获取当前加载时间点,根据所述起始加载时间点及当前加载时间点确定所述浏览器在所述第二因素的加载时间。
在本实施例中,目标页面可以是基于Windows操作系统的浏览器进行加载的,页面加载也就是浏览器打开页面的过程。开启浏览器后,首先需要在一预设时间阈值内对一空白页面进行访问,即在确定在访问空白页面结束后才访问目标页面,目的是便于确定加载目标页面的起始加载时间点。
其中,目标元素可包括链接、图片等等,本实施例每隔一段时间则逐一对页面中的所有元素进行判断,判断其中是否包含目标元素,目标元素例如可以是HTML元素的身份标识号码、名称等。若确定目标页面的目标元素加载完成,则确定加载至添加第二因素的所述时间标识的位置,获取当前加载时间点,根据起始加载时间点及当前加载时间点确定浏览器在第二因素的加载时间,获取这两个时间点的差值,以该差值作为该第二因素对应的加载时间,将所有因素对应的加载时间进行综合后,得到目标页面的加载时间。
其中,元素分类有多种标准,如按照属性可以分为文本、表单、图片、声音等,或可以分为静态元素和动态元素等,本实施例对此不作限定。
在一实施例中,本实施例还可获取网络指标参数及终端性能参数等因素,然后分别计算这些因素的加载时间。其中,网络指标参数为标准网络指标参数,其包括TCP连接成功率、http响应成功率、http响应时延、TCP传输参数等等。终端性能参数的性能参数主要是浏览器的性能参数。
在一实施例中,所述根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间,可具体包括:
判断各个因素之间是否存在相互冲突的因素;
当判定各个因素之间不存在相互冲突的因素,则将各个所述因素的加载时间进行累加后,计算得到所述目标页面的目标加载时间。
本实施例判断各个因素之间是否存在相互冲突的因素,如设置了目标元素A作为目标页面加载结束的时间标识后,则不能将目标元素B也作为目标页面加载结束的时间标识,否则会产生冲突,因此,目标元素的设置是唯一的。当判定各个因素之间不存在相互冲突的因素,则将各个因素的加载时间进行累加后,计算得到目标页面的目标加载时间,以精确得到目标页面的记载时间。
在一实施例中,所述判断各个因素之间是否存在相互冲突的因素之后,还可包括:
当判定各个因素之间存在相互冲突的因素,则剔除存在相互冲突的因素的加载时间,将剩余的加载时间进行累加后,计算得到所述目标页面的目标加载时间。
在本实施例中,当判定各个因素之间存在相互冲突的因素,则剔除存在相互冲突的因素的加载时间,将剩余的加载时间进行累加后,计算得到目标页面的目标加载时间。例如,如设置了目标元素A作为目标页面加载结束的时间标识后,则不能将目标元素B也作为目标页面加载结束的时间标识,否则会产生冲突,因此,若用户同时设置了目标元素A和目标元素B作为目标页面加载结束的时间标识时,则剔除其中一个目标元素的加载时间,并继续遍历剩余的因素,判断剩余因素之间是否存在相互冲突的因素,当判定各个因素之间不存在相互冲突的因素,则将各个因素的加载时间进行累加后,计算得到目标页面的目标加载时间,以精确得到目标页面的记载时间。
在一实施例中,所述根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间之后,还可包括:
将各个所述因素的加载时间以及所述目标页面的目标加载时间在所述目标页面的网页标签头中进行显示。
本实施例可以在浏览器当前目标页面中配置显示时间的插件或窗口,如在目标页面的网页标签头的窗口中生成一个显示窗,或者在浏览器侧状态栏中进行显示;显示时,除显示目标页面的目标加载时间之外,还可以进一步对各因素的加载时间在目标页面的网页标签头中进行显示,以便用户清晰地感知到目标页面的加载时间。
参照图2,本申请实施例中还提供一种页面加载时间的获取装置,包括:
监听模块11,用于监听浏览器加载目标页面的加载事件;
获取模块12,用于当监听到加载事件时,获取影响所述目标页面的加载时间的所有因素;
添加模块13,用于根据各个所述因素,在所述目标页面对应网页源码的预设位置添加各个所述因素的时间标识;
加载模块14,用于在浏览器加载所述目标页面的过程中,当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间;
计算模块15,用于根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间。
本实施例可每隔预设时间间隔监听一次浏览器加载目标页面的加载事件,该目标页面为需要访问的页面,具体可设置计时器,在到达计时器设定的时间后,则监听一次浏览器加载目标页面的加载事件。加载事件中包括目标页面的页面信息,页面信息可以具体指该目标页面的标识,如该目标页面的链接地址等等。其中,该页面信息可以通过用户点击或触摸移动设备的屏幕进行触发发送,也可以是自动获取,在此不做具体限定。
当监听到加载事件时,则获取影响目标页面的加载时间的所有因素,该因素可以是网络传输速度、计算机设备的性能参数、浏览器版本、加载的目标元素等等。其中,目标元素如图片、超链接等等。
本实施例根据各个因素,在目标页面对应网页源码的预设位置添加各个因素的时间标识,如在网页源码中找出合适的位置作为预设位置,并在预设位置打上时间标识,以在加载过程中到达任一个因素对应的时间标识时,则获取该因素对应的加载时间。
例如,当加载至网络传输速度这一因素对应的时间标识时,则获取当前网络传输速度,基于当前的网络传输速度从预先构建的对照表中查询当前网络传输速度对应的标准加载时间,将标准加载时间作为网络传输速度这一因素对应的加载时间。
在本实施例中,时间标识实际上为加载时间上报代码,在网页源码打上时间标识后,通过该时间标识可以上报加载时间。在本实施例中,可以由开发人员通过反复测试得到添加时间标识的位置,然后进行设定,检测设备在加载网页时可以自动获取到所设定的位置,然后在所设定的位置添加时间标识;或者可以由开发人员通过手动的方式将时间标识添加到网页源码中,得到添加有时间标识的网页源码对应的目标页面。此外,本实施例还可在线修改网页源码,通过一定的算法在网页源码中找出合适的设置时间标识的位置,不影响网站页面的加载,并且不需要安装其他的插件。
在本实施例中,在目标页面的网页源码的预设位置添加各个因素的时间标识,得到添加有各个因素的时间标识的网页源码对应的目标页面,由计算机设备的浏览器开始加载目标页面,当加载到任一个因素对应的时间标识的位置时,则获取浏览器在各个因素的加载时间,根据各个因素的加载时间计算得到目标页面的目标加载时间,以综合考虑各个因素,提高页面加载时间的准确性。
在本实施例中,该浏览器可以是Webview,Webview能加载并显示网页,可以将其视为一个浏览器。主要用于展示网络请求后的内容,就是将网络地址请求的内容展示在里面。在Webview开始载入超文本标记语言(Hyper Text Markup Language,HTML)代码时,就开始监听对目标页面的加载事件。其中,加载是指浏览器将HTML代码根据层叠样式表定义的规则显示在浏览器窗口中,例如,将图片或者列表等元素显示在当前页面中,HTML代码是在浏览器获取到用户输入的网址,并向服务器发出与用户输入的网址对应的页面请求之后,由服务器返回的。
此外,本实施例还可通过统计函数监测浏览器本身加载页面时白屏时间,DOM树构建时间和整页时间这四个指标因素来准确统计用户感知到的加载时间,以更清晰的定位白屏时间、资源加载时间以及webview的其他性能问题。
如上所述,可以理解地,本申请中提出的所述页面加载时间的获取装置的各组成部分可以实现如上所述页面加载时间的获取方法任一项的功能,具体结构不再赘述。
参照图3,本申请实施例中还提供一种计算机设备,其内部结构可以如图3所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中,该计算机设计的处理器用于提供计算和控制能力。该计算机设备的存储器包括存储介质、内存储器。该存储介质存储有操作系统、计算机程序和数据库。该内存器为存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储所述页面加载时间的获取方法的相关数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种页面加载时间的获取方法。
上述处理器执行上述的页面加载时间的获取方法,包括:
监听浏览器加载目标页面的加载事件;
当监听到加载事件时,获取影响所述目标页面的加载时间的所有因素;
根据各个所述因素,在所述目标页面对应网页源码的预设位置添加各个所述因素的时间标识;
在浏览器加载所述目标页面的过程中,当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间;
根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间。
本申请一实施例还提供一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现一种页面加载时间的获取方法,包括步骤:
监听浏览器加载目标页面的加载事件;
当监听到加载事件时,获取影响所述目标页面的加载时间的所有因素;
根据各个所述因素,在所述目标页面对应网页源码的预设位置添加各个所述因素的时间标识;
在浏览器加载所述目标页面的过程中,当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间;
根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的和实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双速据率SDRAM(SSRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
综上所述,本申请的最大有益效果在于:
本申请所提供的一种页面加载时间的获取方法、装置、计算机设备及存储介质,监听浏览器加载目标页面的加载事件,当监听到加载事件时,获取影响目标页面的加载时间的所有因素,根据各个因素,在目标页面对应网页源码的预设位置添加各个因素的时间标识;在浏览器加载目标页面的过程中,当加载至添加各个因素的时间标识的位置时,获取浏览器在各个因素的加载时间;根据各个因素的加载时间计算得到目标页面的目标加载时间,以综合考虑所有因素对加载时间的影响,准确统计用户感知到的加载时间,以提高页面加载时间的准确性。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。
以上所述仅为本申请的优选实施例,并非因此限制本申请的专利范围,凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本申请的专利保护范围内。
Claims (10)
1.一种页面加载时间获取方法,其特征在于,包括:
监听浏览器加载目标页面的加载事件;
当监听到加载事件时,获取影响所述目标页面的加载时间的所有因素;
根据各个所述因素,在所述目标页面对应网页源码的预设位置添加各个所述因素的时间标识;
在浏览器加载所述目标页面的过程中,当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间;
根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间。
2.根据权利要求1所述的方法,其特征在于,所述因素包括第一因素,所述第一因素为页面有效显示比例的设置,所述当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间,包括:
确定所述目标页面的起始加载时间点;
获取所述目标页面的当前页面截图;
若确定所述当前页面截图的有效显示比例大于预设比例,则确定加载至添加所述第一因素的所述时间标识的位置;
获取当前加载时间点,根据所述起始加载时间点及当前加载时间点确定所述浏览器在所述第一因素的加载时间。
3.根据权利要求2所述的方法,其特征在于,所述确定所述当前页面截图的有效显示比例大于预设比例,包括:
将所述当前页面截图均分为预设数量的页面区域;
在各所述页面区域中分别随机获取目标数量的像素点;
计算各所述页面区域中的所述目标数量的像素点对应的像素平均值,得到各所述页面区域的目标像素值;
若各所述页面区域的目标像素值都互不相同,则确定所述当前页面截图的有效显示比例大于预设比例。
4.根据权利要求1所述的方法,其特征在于,所述因素包括第二因素,所述第二因素为目标元素的加载状态,所述当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间,包括:
确定所述目标页面的起始加载时间点;
判断所述目标页面的目标元素是否加载完成;
若确定所述目标页面的目标元素加载完成,则确定加载至添加所述第二因素的所述时间标识的位置;
获取当前加载时间点,根据所述起始加载时间点及当前加载时间点确定所述浏览器在所述第二因素的加载时间。
5.根据权利要求1所述的方法,其特征在于,所述根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间,包括:
判断各个因素之间是否存在相互冲突的因素;
当判定各个因素之间不存在相互冲突的因素,则将各个所述因素的加载时间进行累加后,计算得到所述目标页面的目标加载时间。
6.根据权利要求5所述的方法,其特征在于,所述判断各个因素之间是否存在相互冲突的因素之后,还包括:
当判定各个因素之间存在相互冲突的因素,则剔除存在相互冲突的因素的加载时间,将剩余的加载时间进行累加后,计算得到所述目标页面的目标加载时间。
7.根据权利要求1所述的方法,其特征在于,所述根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间之后,还包括:
将各个所述因素的加载时间以及所述目标页面的目标加载时间在所述目标页面的网页标签头中进行显示。
8.一种页面加载时间的获取装置,其特征在于,包括:
监听模块,用于监听浏览器加载目标页面的加载事件;
获取模块,用于当监听到加载事件时,获取影响所述目标页面的加载时间的所有因素;
添加模块,用于根据各个所述因素,在所述目标页面对应网页源码的预设位置添加各个所述因素的时间标识;
加载模块,用于在浏览器加载所述目标页面的过程中,当加载至添加各个所述因素的所述时间标识的位置时,获取所述浏览器在各个所述因素的加载时间;
计算模块,用于根据各个所述因素的加载时间计算得到所述目标页面的目标加载时间。
9.一种计算机设备,其特征在于,包括:
处理器;
存储器;
其中,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现权利要求1至7任一项所述的页面加载时间的获取方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,该计算机程序被处理器执行时实现权利要求1-7任一项所述的页面加载时间的获取方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210546375.2A CN114944994B (zh) | 2022-05-18 | 2022-05-18 | 页面加载时间的获取方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210546375.2A CN114944994B (zh) | 2022-05-18 | 2022-05-18 | 页面加载时间的获取方法、装置、计算机设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114944994A true CN114944994A (zh) | 2022-08-26 |
CN114944994B CN114944994B (zh) | 2023-08-22 |
Family
ID=82906563
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210546375.2A Active CN114944994B (zh) | 2022-05-18 | 2022-05-18 | 页面加载时间的获取方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114944994B (zh) |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080104224A1 (en) * | 2006-10-27 | 2008-05-01 | Litofsky Richard T | Method and apparatus for determining application responsiveness over a network |
CN103559222A (zh) * | 2013-10-18 | 2014-02-05 | 北京奇虎科技有限公司 | 浏览器中显示页面加载时间的方法和装置 |
CN105045620A (zh) * | 2015-07-07 | 2015-11-11 | 深信服网络科技(深圳)有限公司 | 测量网页首屏加载时间的方法及检测设备 |
CN109408750A (zh) * | 2018-09-26 | 2019-03-01 | 中国平安财产保险股份有限公司 | 页面显示方法、装置、计算机设备和存储介质 |
CN112579948A (zh) * | 2019-09-29 | 2021-03-30 | 北京国双科技有限公司 | 网页截图方法、装置及存储介质、电子设备 |
US20210176273A1 (en) * | 2019-12-10 | 2021-06-10 | Shape Security, Inc. | Detecting compromised web pages in a runtime environment |
CN113343154A (zh) * | 2021-06-29 | 2021-09-03 | 中国平安财产保险股份有限公司 | 页面加载方法、装置、电子设备及存储介质 |
-
2022
- 2022-05-18 CN CN202210546375.2A patent/CN114944994B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080104224A1 (en) * | 2006-10-27 | 2008-05-01 | Litofsky Richard T | Method and apparatus for determining application responsiveness over a network |
CN103559222A (zh) * | 2013-10-18 | 2014-02-05 | 北京奇虎科技有限公司 | 浏览器中显示页面加载时间的方法和装置 |
CN105045620A (zh) * | 2015-07-07 | 2015-11-11 | 深信服网络科技(深圳)有限公司 | 测量网页首屏加载时间的方法及检测设备 |
CN109408750A (zh) * | 2018-09-26 | 2019-03-01 | 中国平安财产保险股份有限公司 | 页面显示方法、装置、计算机设备和存储介质 |
CN112579948A (zh) * | 2019-09-29 | 2021-03-30 | 北京国双科技有限公司 | 网页截图方法、装置及存储介质、电子设备 |
US20210176273A1 (en) * | 2019-12-10 | 2021-06-10 | Shape Security, Inc. | Detecting compromised web pages in a runtime environment |
CN113343154A (zh) * | 2021-06-29 | 2021-09-03 | 中国平安财产保险股份有限公司 | 页面加载方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN114944994B (zh) | 2023-08-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110798502B (zh) | 基于微服务框架的灰度发布方法、装置和计算机设备 | |
CN110278207B (zh) | 一种点击劫持漏洞检测方法、装置及计算机设备 | |
CN110717121B (zh) | 一种页面首屏时间确定方法及装置 | |
CN109240912B (zh) | 一种基于大数据分析的网页应用的性能评估方法及终端 | |
CN112612695B (zh) | 基于rpa的功能测试环境验证方法、装置、设备及介质 | |
CN110851681A (zh) | 爬虫处理方法、装置、服务器及计算机可读存储介质 | |
CN111431767B (zh) | 多浏览器资源同步方法、装置、计算机设备和存储介质 | |
CN112699040A (zh) | 压力测试方法、装置、设备及计算机可读存储介质 | |
CN100336031C (zh) | 用于重放预先确定的通过互联网的路径的方法 | |
CN113343024B (zh) | 对象推荐方法、装置、电子设备及存储介质 | |
CN114637837A (zh) | 用户阅读行为信息的采集方法、装置、设备及介质 | |
CN114201629A (zh) | 基于rpa机器人的数据获取方法、装置、设备以及存储介质 | |
CN114944994A (zh) | 页面加载时间的获取方法、装置、计算机设备及存储介质 | |
CN109815083B (zh) | 一种应用崩溃的监控方法、装置、电子设备及介质 | |
JP6347532B1 (ja) | 評価装置、評価方法及び評価プログラム | |
CN110691005A (zh) | 一种网站监测系统及方法 | |
CN113269370B (zh) | 一种活跃用户预测方法、装置、电子设备及可读存储介质 | |
CN115033481A (zh) | 基于浏览器访问的自动化测试代码生成的方法、装置以及计算机设备 | |
CN113987388A (zh) | 文本显示方法、装置和电子设备 | |
CN113435176A (zh) | 报告数据的解析方法、装置、计算机设备及存储介质 | |
CN112528334A (zh) | 基于区块链网络的数据获取方法、装置以及计算机设备 | |
CN115795191A (zh) | 网页运行方法及其装置、计算机可读存储介质 | |
CN113609411B (zh) | 通过网络爬虫爬取页面信息的方法 | |
CN113051012B (zh) | 基于列表视图的数据加载方法、装置、设备及介质 | |
CN113986603B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |