网页图像加载时长的获取方法、装置及电子设备制造方法及图纸

本公开实施例提供了一种网页图像加载时长的获取方法、装置及电子设备。该方法包括：在加载网页页面的超文本标记语言HTML文件时，通过在HTML文件中设置的埋点获取埋点数据，其中，埋点数据包括HTML文件的加载开始时间；获取网页页面中的图像的加载结束事件的时间戳，以根据加载开始时间和时间戳，确定图像的加载时长。本公开实施例提供的方案，能够获取到网页中图像的加载时长，便于对图像加载时长的进行检测，为基于图像的加载时长实现对网页服务质量进行分析，提升网页服务质量提供了数据支持。

Methods, devices and electronic devices for obtaining the loading time of Web Images

【技术实现步骤摘要】
网页图像加载时长的获取方法、装置及电子设备
本公开涉及计算机
，具体而言，本公开涉及一种网页图像加载时长的获取方法、装置及电子设备。
技术介绍
随着互联网技术的高速发展，人们能够获取的信息也越来越多，单纯的文本形式信息已不能满足人们对信息的获取需求。由于图像信息具有直观、表现力强等诸多优点，越来越受到人们的青睐。目前网页中包含的图像信息的比重越来越高，这也对浏览器的图像服务质量提出了更高要求。网页的超文本标记语言(HyperTextMarkupLanguage，HTML)文件的图像(image)标签中记载有图像的地址，终端浏览器在加载含有图像的网页的HTML文件时，可以通过image标签中的图像地址获取图像。现有技术中，无法获取网页中图像的加载时长，也就无法基于图像的加载时长实现对网页服务质量的分析，无法为提升网页服务质量提供数据支持。
技术实现思路
提供该
技术实现思路
部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该
技术实现思路
部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。本公开的目的旨在至少能解决上述的技术缺陷之一。本公开所采用的技术方案如下：第一方面，本公开实施例提供了一种网页图像加载时长的获取方法，该方法包括：在加载网页页面的HTML文件时，通过在HTML文件中设置的埋点获取埋点数据，其中，埋点数据包括HTML文件的加载开始时间；获取网页页面中的图像的加载结束事件的时间戳，以根据HTML文件的加载开始时间和时间戳，确定图像的加载时长。第二方面，本公开实施例提供了一种网页图像加载时长的获取装置，该装置包括：埋点数据获取模块，用于在加载网页页面的HTML文件时，通过在HTML文件中设置的埋点获取埋点数据，其中，埋点数据包括HTML文件的加载开始时间；时间戳获取模块，用于获取网页页面中的图像的加载结束事件的时间戳，以根据HTML文件的加载开始时间和时间戳，确定图像的加载时长。第三方面，本公开实施例提供了一种电子设备，该电子设备包括：处理器和存储器；存储器，用于存储计算机程序；处理器，用于通过调用计算机程序，执行如本公开的第一方面的所示的方法。第四方面，本公开实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本公开的第一方面所示的方法。本公开实施例提供的技术方案带来的有益效果是：本公开实施例的方案，通过预设置的埋点获取埋点数据的方式，获取HTML文件的加载开始时间，通过图像的加载结束事件的时间戳获取图像的加载结束时间，并可以根据HTML文件的加载开始时间与图像的加载结束时间，确定出网页页面中图像的相对的加载时长。本公开实施例提供的方案，能够获取到网页中图像的加载时长，便于对图像加载时长的进行检测，为基于图像的加载时长实现对网页服务质量进行分析，提升网页服务质量提供了数据支持。附图说明结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。为了更清楚地说明本公开实施例中的技术方案，下面将对本公开实施例描述中所需要使用的附图作简单地介绍。图1为本公开实施例提供的一种网页图像加载时长的获取方法的流程示意图；图2为本公开实施例提供的一种网页图像加载时长的获取装置的结构示意图；图3为本公开实施例提供的一种电子设备的结构示意图。具体实施方式下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。需要注意，本公开中提及的“第一”、“第二”等概念仅用于对装置、模块或单元进行区分，并非用于限定这些装置、模块或单元一定为不同的装置、模块或单元，也并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。为使本公开的目的、技术方案和优点更加清楚，下面将结合附图对本公开实施方式作进一步地详细描述。网页内页面中的图像可以包括由image标签直接引入的图像、由层叠样式表(CascadingStyleSheets，CSS)文件引入的图像以及由行内框架(iframe)标签引入的图像。现有技术中，多通过浏览器的性能接口(如Performance接口，即PerformanceAPI)来对浏览器的性能进行监控，但是通过PerformanceAPI无法获取到网页中图像的加载时长。本公开实施例提供的网页图像加载时长的获取方法、装置及电子设备，旨在解决现有技术的如上技术问题中的至少一个。下面以具体地实施例对本公开的技术方案以及本公开的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本公开的实施例进行描述。图1示出了本公开实施例提供的一种网页图像加载时长的获取方法的流程示意图，如图1所示，该方法主要可以包括：步骤S110：在加载网页页面的HTML文件时，通过在HTML文件中设置的埋点获取埋点数据，其中，埋点数据包括HTML文件的加载开始时间；步骤S120：获取网页页面中的图像的加载结束事件的时间戳，以根据HTML文件的加载开始时间和时间戳，确定图像的加载时长。本公开实施例中，在网页页面的HTML文件的加载过程中，可以通过预设置的埋点并获取埋点数据的方式，来获取HTML文件的加载开始时间。本公开实施例中，在网页页面中的各图像在加载结束时，均会执行图像对应的加载结束事件，可以通过获取图像的加载结束事件的时间戳，来获得图像加载结束时间。作为一种可选方案中，上述的加本文档来自技高网...

【技术保护点】
1.一种网页图像加载时长的获取方法，其特征在于，包括：/n在加载网页页面的超文本标记语言HTML文件时，通过在所述HTML文件中设置的埋点获取埋点数据，其中，所述埋点数据包括所述HTML文件的加载开始时间；/n获取所述网页页面中的图像的加载结束事件的时间戳，以根据所述加载开始时间和所述时间戳，确定所述图像的加载时长。/n

【技术特征摘要】
1.一种网页图像加载时长的获取方法，其特征在于，包括：
在加载网页页面的超文本标记语言HTML文件时，通过在所述HTML文件中设置的埋点获取埋点数据，其中，所述埋点数据包括所述HTML文件的加载开始时间；
获取所述网页页面中的图像的加载结束事件的时间戳，以根据所述加载开始时间和所述时间戳，确定所述图像的加载时长。


2.根据权利要求1所述的方法，其特征在于，所述方法的执行主体为客户端或服务器；
若所述方法的执行主体为客户端，所述获取所述网页页面中的图像的加载结束事件的时间戳之后，还包括：
根据所述加载开始时间和所述时间戳，确定所述图像的加载时长，将所述加载时长发送至服务器；
或者，
将所述加载开始时间和所述时间戳发送至所述服务器，以使所述服务器根据所述加载开始时间和所述时间戳，确定所述图像的加载时长。


3.根据权利要求1所述的方法，其特征在于，所述加载结束事件为加载完成onload事件或加载错误onerror事件。


4.根据权利要求1所述的方法，其特征在于，所述埋点设置在所述HTML文件的文件头head中，所述加载开始时间为所述head的加载开始时间。


5.根据权...

【专利技术属性】
技术研发人员：银国徽，
申请(专利权)人：北京字节跳动网络技术有限公司，
类型：发明
国别省市：北京;11