CN113127788B - 页面处理方法、对象处理方法、装置及设备 - Google Patents
页面处理方法、对象处理方法、装置及设备 Download PDFInfo
- Publication number
- CN113127788B CN113127788B CN202010038300.4A CN202010038300A CN113127788B CN 113127788 B CN113127788 B CN 113127788B CN 202010038300 A CN202010038300 A CN 202010038300A CN 113127788 B CN113127788 B CN 113127788B
- Authority
- CN
- China
- Prior art keywords
- resource
- resources
- downloading
- page
- loading
- 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.)
- Active
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 25
- 238000000034 method Methods 0.000 claims abstract description 46
- 230000006870 function Effects 0.000 claims description 45
- 230000004044 response Effects 0.000 claims description 27
- 238000012545 processing Methods 0.000 claims description 18
- 238000012216 screening Methods 0.000 claims description 3
- 238000005457 optimization Methods 0.000 abstract description 8
- 238000010586 diagram Methods 0.000 description 14
- 238000003860 storage Methods 0.000 description 14
- 238000004590 computer program Methods 0.000 description 12
- 230000008569 process Effects 0.000 description 9
- 230000005540 biological transmission Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 5
- 238000001514 detection method Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- 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/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请实施例提供一种页面处理方法、对象处理方法、装置及设备,所述方法包括:响应于用户发出的页面打开操作,通过浏览器加载所述用户请求打开的网页页面;在加载完成所述网页页面后,调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长;根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。本申请能够为页面加载优化提供精确的资源下载速度,提高了页面加载优化的针对性,从而能够有效缩短页面的加载时长,有利于提高用户的使用体验。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种页面处理方法、对象处理方法、装置及设备。
背景技术
随着计算机网络技术以及无线通信网络技术的不断发展,浏览器的应用越来越广泛,用户可以通过浏览器打开网页进行浏览。
通常,响应于用户打开一个网页的打开操作,浏览器可以通过互联网从该网页对应的网站服务器获得该网页的页面文件,并进一步通过对页面文件进行解析、加载、渲染等处理之后最终展示给用户。为了使得网页页面能够尽可能快地加载,以提高用户浏览网页的体验,需要了解网页页面的实际加载情况。目前,主要通过确定网页页面的加载时长的方式,了解其实际加载情况,具体可以通过开始网页页面加载以及完成网页页面加载的时间戳确定出网页页面的加载时长。
然而,上述方式所确定出的加载时长,对于网页页面的实际加载情况的反映较为粗略。
发明内容
本申请实施例提供一种页面处理方法、对象处理方法、装置及设备,用以解决现有技术中所确定出的加载时长,对于网页页面的实际加载情况的反映较为粗略的问题。
第一方面,本申请实施例提供一种页面处理方法,包括:
响应于用户发出的页面打开操作,通过浏览器加载所述用户请求打开的网页页面;
在加载完成所述网页页面后,调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长;
根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。
第二方面,本申请实施例提供一种对象处理方法,包括:
响应于用户发出的打开操作,加载所述用户请求打开的对象;
在加载完成所述对象后,得到所述对象中多个资源的资源大小和下载时长;
根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。
第三方面,本申请实施例提供一种页面处理装置,包括:
加载模块,用于响应于用户发出的页面打开操作,通过浏览器加载所述用户请求打开的网页页面;
调用模块,用于在加载完成所述网页页面后,调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长;
确定模块,用于根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。
第四方面,本申请实施例提供一种对象处理装置,包括:
加载模块,用于响应于用户发出的打开操作,加载所述用户请求打开的对象;
得到模块,用于在加载完成所述对象后,得到所述对象中多个资源的资源大小和下载时长;
确定模块,用于根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。
第五方面,本申请实施例提供一种终端,包括:存储器、处理器;其中,所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令被所述处理器执行时实现如第一方面任一项所述的方法。
第六方面,本申请实施例提供一种终端,包括:存储器、处理器;其中,所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令被所述处理器执行时实现如第二方面任一项所述的方法。
本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序包含至少一段代码,所述至少一段代码可由计算机执行,以控制所述计算机执行如第一方面任一项所述的方法。
本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序包含至少一段代码,所述至少一段代码可由计算机执行,以控制所述计算机执行如第二方面任一项所述的方法。
本申请实施例还提供一种计算机程序,当所述计算机程序被计算机执行时,用于实现如第一方面任一项所述的方法。
本申请实施例还提供一种计算机程序,当所述计算机程序被计算机执行时,用于实现如第二方面任一项所述的方法。
本申请实施例提供的页面处理方法、对象处理方法装置及设备,通过响应于用户发出的页面打开操作,通过浏览器加载所述用户请求打开的网页页面,在加载完成所述网页页面后,调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长,根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度,所确定出的资源的下载速度能够精确指示出具体是哪个或哪些资源的下载速度较慢,而页面加载慢很大一部分原因是由于资源的下载速度慢导致,从而使得能够根据这些下载速度较慢的资源有针对性的对页面加载进行调整,提高了页面加载优化的针对性,从而能够有效缩短页面的加载时长,有利于提高用户的使用体验。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例的应用场景示意图;
图2为本申请一实施例提供的页面处理方法的流程示意图;
图3-图4为本申请实施例提供的页面打开操作的示意图;
图5为本申请一实施例提供的对象处理方法的流程示意图;
图6为本申请一实施例提供的页面处理装置的结构示意图;
图7为本申请一实施例提供的终端的结构示意图;
图8为本申请一实施例提供的对象处理装置的结构示意图;
图9为本申请另一实施例提供的终端的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
在本申请实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本申请。在本申请实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义,“多种”一般包含至少两种,但是不排除包含至少一种的情况。
应当理解,本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
取决于语境,如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地,取决于语境,短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的商品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。
另外,下述各方法实施例中的步骤时序仅为一种举例,而非严格限定。
为了方便本领域技术人员理解本申请实施例提供的技术方案,下面先对技术方案实现的技术环境进行说明。
相关技术中比较常用的了解网页页面的实际加载情况的方法主要包括确定网页页面的加载时长的方式,一般通过开始网页页面加载以及完成网页页面加载的时间戳确定出网页页面的加载时长,只能以网页页面为整体粗略反映整个网页页面的加载情况,因此相关技术中亟需一种能够精确了解网页页面的实际加载情况的方式。
基于类似于上文所述的实际技术需求,本申请提供的页面处理方法可以利用技术化的手段实现以网页页面中的资源为单位,确定出网页页面中资源的下载速度,以便于网站人员能够精确了解页面加载过程中资源的下载速度,进而能够根据资源的下载速度有针对性的分析及解决网页页面加载慢的问题。
下面通过一个示例性的业务场景具体说明本申请各个实施例提供的页面处理方法。
在一个场景中,如图1所示,终端11可以获取用户发出的页面打开操作,该页面打开操作例如可以为用户对于网页链接的触发操作,或者用户手动输入网址并触发该网址的操作,图1中终端11仅是示例性的,还可以包括平板电脑、台式电脑、智能手机等其他多种形式终端,本申请在此不做限制。
如图1所示,终端11在获取到用户发出的页面打开操作之后,响应于所述页面打开操作,通过浏览器从所述用户请求打开的网页页面对应的网站服务器12获得页面文件例如超文本标记语言(Hyper Text Markup Language,HTML)文件,并根据所述页面文件加载所述网页页面,服务器12可以包括云服务器、分布式服务器等任何形式的数据存储服务器。可以理解的是,在根据所述页面文件加载所述网页页面之前,可以先对所述页面文件进行页面内容解析。
由于页面文件中通常会使用很多资源,比如页面上的图片、引用的直译式脚本语言JavaScript(简称JS)、层叠样式表(Cascading Style Sheets,CSS)外部文件等,因此在通过浏览器加载所述网页页面的过程中,需要加载这些资源,这些资源可能存放在服务器12上,也可能存放在服务器12之外的其他服务器上,终端11需要通过浏览器向服务器请求这些资源,以完成这些资源的加载。需要说明的是,图1中以终端11向服务器12请求资源为例,可以理解的是,终端11还可以向服务器12之外的其他服务器请求资源。
终端11在加载完成所述网页页面后,调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长,其中,资源大小表示获取资源的大小,下载时长可以表示获取资源所耗费的时长,通过一个资源的资源大小和下载时长可以用于准确的确定出该资源的下载速度。进一步的,根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。可以理解的是,如图1所示,在加载完成所述网页页面后,可以通过对所述网页页面进行渲染,并将渲染后的网页页面展示给用户。
由于整个网页页面的加载过程包括了网页页面中资源的下载以及加载,因此资源的下载情况最终会影响整个页面的加载时长。并且,由于网页页面中资源的下载速度可以精确地反映出网页页面中资源的实际下载情况,因此所确定出的资源的下载速度能够精确指示出具体是哪个或哪些资源的下载速度较慢,而页面加载慢很大一部分原因是由于资源的下载速度慢导致,从而使得能够根据这些下载速度较慢的资源有针对性的对页面加载进行调整,以有效减少所述网页页面的加载时长。与相关技术中,只能较为粗略地确定出整个页面的加载时长来反映网页页面的实际加载情况,导致网站人员根据整个页面的加载时长耗费大量的时间和精力还未必能够准确地确定出针对哪个资源进行调整,提高了页面加载优化的针对性,从而能够有效缩短页面的加载时长,有利于提高用户的使用体验。
在确定所述多个资源的下载速度之后,进一步的,可以存储所述资源与其下载速度的对应关系。示例性的,可以对所述资源与其下载速度的对应关系进行本地存储,或者,可以将所述资源与其下载速度的对应关系发送至服务器,以便所述服务器进行存储。
需要说明的是,图1以用户请求打开的对象为网页页面为例对本申请实施例提供的方法进行具体说明。可以理解的是,除了网页页面,本申请提供的方法还可以应用于需要进行加载且包括多个资源的其他类型对象,例如,应用程序(application,App)页面,图形用户界面(Graphical User Interface,GUI)界面等。为了便于描述,以下主要还是以用户请求打开的对象为网页页面为例进行具体描述。
下面结合附图,对本申请的一些实施例作详细说明。在不冲突的情况下,下述的实施例及实施例中的特征可以相互组合。
图2为本申请一实施例提供的页面处理方法的流程示意图,本实施例的执行主体可以为图1中的终端11。如图2所示,本实施例的方法可以包括:
步骤201,响应于用户发出的页面打开操作,通过浏览器加载所述用户请求打开的网页页面;
步骤202,在加载完成所述网页页面后,调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长;
步骤203,根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。
本申请实施例中,如图3所示,可以根据用户在浏览器界面的地址栏中输入网址www.****.com状态下,进一步通过键盘触发回车键,确定用户发出页面打开操作,该页面打开操作用于请求打开网址为www.****.com的网页页面。或者,如图4所示,可以根据用户在浏览器界面的地址栏中输入网址www.****.com状态下,进一步通过触发浏览界面上的鼠标触发→按钮,确定用户发出页面打开操作,该页面打开操作用于请求打开网址为www.****.com的网页页面。当然,还可以通过其他方式确定用户发出页面打开操作,本申请对此不做限定。
响应于用户发出的页面打开操作,可以首选查看浏览器的域名系统(Domain NameSystem,DNS)缓存和hosts文件,如果这两个地方都没有网址的域名的互联网协议(Internet Protocol,IP)地址,再向网络发起DNS查询,以获得域名的IP地址。然后,可以根据域名的IP地址与服务器建立传输控制协议(Transmission Control Protocol,TCP)链接,向服务器请求网页页面的页面文件,并接收服务器根据请求返回的页面文件。
本申请实施例中,终端在获得所述网页页面的页面文件之后,可以根据所述页面文件加载所述网页页面,其中,加载所述网页页面包括加载所述网页页面中的资源,可以向服务器请求资源,并接收服务器根据请求返回的资源,以实现资源的加载。
本申请实施例中,通过所述浏览器加载所述网页页面的过程中,所述浏览器会记录加载过程中的数据,在加载完成所述网页页面后,通过调用所述浏览器提供的性能接口函数,可以得到所述网页页面中多个资源的资源大小和下载时长。示例性的,可以通过浏览器提供的window.onload事件接口,确定网页页面加载完成的时机,或者,可以通过定时器超时确定网页页面完成加载的时机,当然,也可以通过其他方式确定网页页面加载完成的时机,本申请对此不做限定。
可选的,所述调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长,具体可以包括:调用所述浏览器提供的性能接口函数,得到所述性能接口函数的执行结果,所述执行结果中包括所述网页页面中资源的数据和非资源的数据;从所述执行结果中筛选出资源的数据,并从所述筛选出的数据中取出所述多个资源的资源大小和下载时长。通过调用所述性能接口函数所得到的所述性能接口函数的执行结果中既包括了网页页面中资源(resource)的数据,又包括了非资源的数据,因此,在得到所述执行结果之后,可以从所述执行结果中先筛选出资源的数据,然后从筛选出的资源的数据中取出所述多个资源的资源大小和下载时长。基于此,可以得到多个资源的资源大小和下载时长。
或者,可选的,所述调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长,具体可以包括:将资源类型作为性能接口函数的入口参数,调用所述性能接口函数,以便所述性能接口函数的执行结果能够过滤掉非资源的数据,从所述执行结果中取出所述多个资源的资源大小和下载时长。基于此,也可以得到所述多个资源的资源大小和下载时长。另外,通过将资源类型作为性能接口函数的入口参数,可以避免后续需要从执行结果中筛选出资源的数据的处理,有利于简化实现。
本申请实施例中,所述性能接口函数的执行结果可以为结果数组,所述结果数组中可以包括多个数组元素,所述多个数组元素与所述多个资源一一对应;各数组元素中包括对应资源的资源大小和下载时长。基于此,通过从各数组元素中可以取出对应资源的资源大小和下载时长。进一步的,所述根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度,具体可以包括:从各数组元素中取出对应资源的资源大小和下载时长;将各资源的资源大小与下载时长之比作为其下载速度。
本申请实施例中,所述性能接口函数可以包括window.performance.getEntries或者window.performance.getEntriesByType。资源大小具体可以通过getEntries或者getEntriesByType的返回值中的传输大小(transferSize)属性获得,下载时长具体可以通过getEntries或者getEntriesByType的返回值中的持续时间(duration)属性获得。getEntries和getEntriesByType的主要区别在于,后者的返回结果是前者的返回结果的子集,后者的返回结果包括了前者的返回结果中与类型入参匹配的结果,通过调用getEntries得到的执行结果中包括资源的数据和非资源的数据,通过调用getEntriesByType得到的执行结果中可以包括资源的数据,而不包括非资源的数据。
本申请实施例中,在确定所述多个资源的下载速度之后,可以存储所述资源的标识及其下载速度的对应关系。示例性的,可以对所述对应关系进行本地存储,例如,可以存储在本地日志文件中;或者,可以将所述对应关系发送至服务器,以便所述服务器进行存储,例如可以存储在服务器的数据库中。例如,可以以列表(list)的形式对所述对应关系进行存储,当然,在其他实施例中,也可以以其他形式进行存储,本申请对此不做限定。
或者,在确定所述多个资源的下载速度之后,可以根据预设要求对所述多个资源进行筛选,并对筛选出的资源的下载速度进行存储。在一个实施例中,所述根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度之后,还可以包括:确定所述多个资源中满足预设要求的目标资源;存储所述目标资源与其下载速度的对应关系(以下记为第一对应关系)。需要说明的是,对于存储第一对应关系的具体方式,与前述存储对应关系类似,在此不再赘述。
其中,满足预设要求的资源可以表示其下载可能导致页面加载较慢,需要进一步确定是否会导致页面加载较慢的资源,不满足预设要求的资源可以表示其下载不会导致页面加载较慢,无需进一步确定的资源。通过预设要求能够实现对需要进一步确定是否会导致页面加载较慢的资源的下载速度进行存储,有利于减少存储的数据量,节省存储资源,并且有利于减少根据资源的下载速度后续分析页面加载较慢的具体原因时需要处理的数据量。
预设要求可以需求灵活实现,示例性的,所述满足预设要求包括下述中的一种或多种:下载速度小于速度阈值、下载时长大于时长阈值或资源大小大于大小阈值。通过满足预设要求包括下载速度小于速度阈值,可以实现针对下载速度较慢的资源,进一步根据其下载速度确定是否会导致页面加载较慢。通过满足预设要求包括下载时长大于时长阈值,可以实现针对下载时长较长的资源,进一步根据其下载速度确定是否会导致页面加载较慢。通过满足预设要求包括资源大小大于大小阈值,可以实现针对资源大小较大的资源,进一步根据其下载速度确定其是否会导致页面加载较慢。
本申请实施例中,在确定所述目标资源之后,还可以存储所述目标资源与其下载速度之外的目标数据的对应关系(以下记为第二对应关系)。其中,目标数据与所述下载速度一起可以用于网站人员进一步有针对性的分析出导致页面加载慢的资源及其对应的优化方式。所述目标数据可以根据需求灵活实现,示例性的,所述目标数据包括下述中的一种或多种:资源请求开始时刻、资源响应开始时刻或资源响应结束时刻。其中,资源请求开始时刻可以是指浏览器向服务器请求资源的起始时刻;资源响应开始时刻可以是浏览器获取到资源的第一个字节的时刻;资源响应结束时刻可以是指浏览器获取到资源的最后一个字节的时刻。
其中,资源请求开始时刻具体可以通过getEntries或者getEntriesByType的返回值中的请求开始(requestStart)属性获得;资源响应开始时刻具体可以通过getEntries或者getEntriesByType的返回值中的响应开始(responseStart)属性获得;资源响应结束时刻具体可以通过getEntries或者getEntriesByType的返回值中的响应结束(responseEnd)属性获得。
通过本申请实施例提供的页面处理方法,能够响应于用户发出的页面打开操作,通过浏览器加载所述用户请求打开的网页页面,在加载完成所述网页页面后,调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长,根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度,所确定出的资源的下载速度能够精确指示出具体是哪个或哪些资源的下载速度较慢,而页面加载慢很大一部分原因是由于资源的下载速度慢导致,从而使得能够根据这些下载速度较慢的资源有针对性的对页面加载进行调整,提高了页面加载优化的针对性,从而能够有效缩短页面的加载时长,有利于提高用户的使用体验。
图5为本申请一实施例提供的对象处理方法的流程示意图,本实施例的执行主体可以为图1中的终端11。如图5所示,本实施例的方法可以包括:
步骤501,响应于用户发出的打开操作,加载所述用户请求打开的对象;
步骤502,在加载完成所述对象后,得到所述对象中多个资源的资源大小和下载时长;
步骤503,根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。
本申请实施例中,所述对象具体可以为网页页面、APP页面、GUI界面等。
需要说明的是,在用于加载对象的软件提供有查询资源大小和下载时长的情况下,可以借助用于加载对象的软件提供的接口函数得到资源的资源大小和下载时长,例如针对网页页面可以借助浏览器提供的性能接口函数得到资源大小和下载时长。在用于加载对象的软件未提供有查询资源大小和下载时长的情况下,可以在该软件中实现加载过程中资源大小及下载时长的统计,并提供相关的查询接口。
通过本申请实施例提供的对象处理方法,能够响应于用户发出的打开操作,加载所述用户请求打开的对象,在加载完成所述对象后,得到所述对象中多个资源的资源大小和下载时长,根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度,所确定出的资源的下载速度能够精确指示出具体是哪个或哪些资源的下载速度较慢,而对象加载慢很大一部分原因是由于资源的下载速度慢导致,从而使得能够根据这些下载速度较慢的资源有针对性的对对象加载进行调整,提高了对象加载优化的针对性,从而能够有效缩短对象的加载时长,有利于提高用户的使用体验。
图6为本申请一实施例提供的页面处理装置的结构示意图;参考附图6所示,本实施例提供了一种页面处理装置,该装置可以执行上述的页面处理方法,具体的,该页面处理装置可以包括:
加载模块61,用于响应于用户发出的页面打开操作,通过浏览器加载所述用户请求打开的网页页面;
调用模块62,用于在加载完成所述网页页面后,调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长;
确定模块63,用于根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。
可选的,调用模块62,具体用于:将资源类型作为性能接口函数的入口参数,调用所述性能接口函数,以便所述性能接口函数的执行结果能够过滤掉非资源的数据;以及,从所述执行结果中取出所述多个资源的资源大小和下载时长。
可选的,调用模块62,具体用于:调用所述浏览器提供的性能接口函数,得到所述性能接口函数的执行结果,所述执行结果中包括所述网页页面中资源的数据和非资源的数据;以及,从所述执行结果中筛选出所述资源的数据,并从所述筛选出的数据中取出所述多个资源的资源大小和下载时长。
可选的,所述性能接口函数的执行结果为结果数组,所述结果数组中包括多个数组元素,所述多个数组元素与所述多个资源一一对应;各数组元素中包括对应资源的资源大小和下载时长。
可选的,确定模块63,具体用于:从各数组元素中取出对应资源的资源大小和下载时长;以及,将各资源的资源大小与下载时长之比作为其下载速度。
可选的,所述性能接口函数包括window.performance.getEntries或者window.performance.getEntriesByType。
可选的,确定模块63,还用于:确定所述多个资源中满足预设要求的目标资源;以及,存储所述目标资源与其下载速度的第一对应关系。
可选的,所述满足预设要求包括下述中的一种或多种:下载速度小于速度阈值、下载时长大于时长阈值或资源大小大于大小阈值。
可选的,确定模块63,还用于存储所述目标资源与其下载速度之外的目标数据的第二对应关系。
可选的,所述目标数据包括下述中的一种或多种:资源请求开始时刻、资源响应开始时刻或资源响应结束时刻。
可选的,确定模块63,还用于根据所述第一对应关系和所述第二对应关系,确定针对所述网页页面的加载优化策略。
图6所示装置可以执行图2所示实施例的方法,本实施例未详细描述的部分,可参考对图2实施例的相关说明。该技术方案的执行过程和技术效果参见图2所示实施例中的描述,在此不再赘述。
在一个可能的实现中,图6所示页面处理装置的结构可实现为一终端。如图7所示,该终端可以包括:处理器71和存储器72。其中,存储器72用于存储支持终端执行上述图2所示实施例中提供的页面处理方法的程序,处理器71被配置为用于执行存储器72中存储的程序。
程序包括一条或多条计算机指令,其中,一条或多条计算机指令被处理器71执行时能够实现如下步骤:
响应于用户发出的页面打开操作,通过浏览器加载所述用户请求打开的网页页面;
在加载完成所述网页页面后,调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长;
根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。
可选的,处理器71还用于执行前述图2所示实施例中的全部或部分步骤。
其中,终端的结构中还可以包括通信接口73,用于终端与其他设备或通信网络通信。
图8为本申请一实施例提供的对象处理装置的结构示意图;参考附图8所示,本实施例提供了一种对象处理装置,该装置可以执行上述的对象处理方法,具体的,该对象处理装置可以包括:
加载模块81,用于响应于用户发出的打开操作,加载所述用户请求打开的对象;
得到模块82,用于在加载完成所述对象后,得到所述对象中多个资源的资源大小和下载时长;
确定模块83,用于根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。
图8所示装置可以执行图5所示实施例的方法,本实施例未详细描述的部分,可参考对图5实施例的相关说明。该技术方案的执行过程和技术效果参见图5所示实施例中的描述,在此不再赘述。
在一个可能的实现中,图8所示对象处理装置的结构可实现为一终端。如图9所示,该终端可以包括:处理器91和存储器92。其中,存储器92用于存储支持终端执行上述图5所示实施例中提供的对象处理方法的程序,处理器91被配置为用于执行存储器92中存储的程序。
程序包括一条或多条计算机指令,其中,一条或多条计算机指令被处理器91执行时能够实现如下步骤:
响应于用户发出的打开操作,加载所述用户请求打开的对象;
在加载完成所述对象后,得到所述对象中多个资源的资源大小和下载时长;
根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度。
可选的,处理器91还用于执行前述图5所示实施例中的全部或部分步骤。
其中,终端的结构中还可以包括通信接口93,用于终端与其他设备或通信网络通信。
另外,本申请实施例提供了一种计算机存储介质,用于储存终端所用的计算机软件指令,其包含用于执行上述图2所示方法实施例中所涉及的程序。
本申请实施例提供了一种计算机存储介质,用于储存终端所用的计算机软件指令,其包含用于执行上述图5所示方法实施例中所涉及的程序。
以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
通过以上的实施例的描述,本领域的技术人员可以清楚地了解到各实施例可借助加必需的通用硬件平台的方式来实现,当然也可以通过硬件和软件结合的方式来实现。基于这样的理解,上述技术方案本质上或者说对传统技术做出贡献的部分可以以计算机产品的形式体现出来,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程设备的处理器以产生一个机器,使得通过计算机或其他可编程设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
Claims (15)
1.一种页面处理方法,其特征在于,包括:
响应于用户发出的页面打开操作,通过浏览器加载所述用户请求打开的网页页面;
在加载完成所述网页页面后,调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长;
根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度;
所述方法还包括:存储所述资源的标识及其下载速度的对应关系;或者,确定所述多个资源中满足预设要求的目标资源,并存储所述目标资源与其下载速度的第一对应关系。
2.根据权利要求1所述的方法,其特征在于,所述调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长,包括:
将资源类型作为性能接口函数的入口参数,调用所述性能接口函数,以便所述性能接口函数的执行结果能够过滤掉非资源的数据;
从所述执行结果中取出所述多个资源的资源大小和下载时长。
3.根据权利要求1所述的方法,其特征在于,所述调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长,包括:
调用所述浏览器提供的性能接口函数,得到所述性能接口函数的执行结果,所述执行结果中包括所述网页页面中资源的数据和非资源的数据;
从所述执行结果中筛选出所述资源的数据,并从所述筛选出的数据中取出所述多个资源的资源大小和下载时长。
4.根据权利要求1所述的方法,其特征在于,所述性能接口函数的执行结果为结果数组,所述结果数组中包括多个数组元素,所述多个数组元素与所述多个资源一一对应;各数组元素中包括对应资源的资源大小和下载时长。
5.根据权利要求4所述的方法,其特征在于,所述根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度,包括:
从各数组元素中取出对应资源的资源大小和下载时长;
将各资源的资源大小与下载时长之比作为其下载速度。
6.根据权利要求1所述的方法,其特征在于,所述性能接口函数包括window.performance.getEntries或者window.performance.getEntriesByType。
7.根据权利要求1-6任一项所述的方法,其特征在于,所述根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度之后,还包括:
确定所述多个资源中满足预设要求的目标资源;
存储所述目标资源与其下载速度的第一对应关系。
8.根据权利要求7所述的方法,其特征在于,所述满足预设要求包括下述中的一种或多种:
下载速度小于速度阈值、下载时长大于时长阈值或资源大小大于大小阈值。
9.根据权利要求7所述的方法,其特征在于,所述方法还包括:
存储所述目标资源与其下载速度之外的目标数据的第二对应关系。
10.根据权利要求9所述的方法,其特征在于,所述目标数据包括下述中的一种或多种:
资源请求开始时刻、资源响应开始时刻或资源响应结束时刻。
11.一种对象处理方法,其特征在于,包括:
响应于用户发出的打开操作,加载所述用户请求打开的对象;
在加载完成所述对象后,得到所述对象中多个资源的资源大小和下载时长;
根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度;
所述方法还包括:存储所述资源的标识及其下载速度的对应关系;或者,确定所述多个资源中满足预设要求的目标资源,并存储所述目标资源与其下载速度的第一对应关系。
12.一种页面处理装置,其特征在于,包括:
加载模块,用于响应于用户发出的页面打开操作,通过浏览器加载所述用户请求打开的网页页面;
调用模块,用于在加载完成所述网页页面后,调用所述浏览器提供的性能接口函数,得到所述网页页面中多个资源的资源大小和下载时长;
确定模块,用于根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度;
所述确定模块,还用于存储所述资源的标识及其下载速度的对应关系;或者,确定所述多个资源中满足预设要求的目标资源,并存储所述目标资源与其下载速度的第一对应关系。
13.一种对象处理装置,其特征在于,包括:
加载模块,用于响应于用户发出的打开操作,加载所述用户请求打开的对象;
得到模块,用于在加载完成所述对象后,得到所述对象中多个资源的资源大小和下载时长;
确定模块,用于根据所述多个资源的资源大小和下载时长,确定所述多个资源的下载速度;
所述确定模块,还用于存储所述资源的标识及其下载速度的对应关系;或者,确定所述多个资源中满足预设要求的目标资源,并存储所述目标资源与其下载速度的第一对应关系。
14.一种终端,其特征在于,包括:存储器、处理器;其中,所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令被所述处理器执行时实现如权利要求1至10中任一项所述的方法。
15.一种终端,其特征在于,包括:存储器、处理器;其中,所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令被所述处理器执行时实现如权利要求11所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010038300.4A CN113127788B (zh) | 2020-01-14 | 2020-01-14 | 页面处理方法、对象处理方法、装置及设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010038300.4A CN113127788B (zh) | 2020-01-14 | 2020-01-14 | 页面处理方法、对象处理方法、装置及设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113127788A CN113127788A (zh) | 2021-07-16 |
CN113127788B true CN113127788B (zh) | 2024-05-24 |
Family
ID=76771437
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010038300.4A Active CN113127788B (zh) | 2020-01-14 | 2020-01-14 | 页面处理方法、对象处理方法、装置及设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113127788B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115065620B (zh) * | 2022-06-20 | 2023-08-22 | 中国平安财产保险股份有限公司 | 网络监测方法、装置、设备及存储介质 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110287432A (zh) * | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | 网络信息处理方法、装置和电子设备 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20180373801A1 (en) * | 2017-06-22 | 2018-12-27 | Qualcomm Incorporated | Connectivity aware multi-tab mobile browsing with tiered caching and auto offline mode |
-
2020
- 2020-01-14 CN CN202010038300.4A patent/CN113127788B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110287432A (zh) * | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | 网络信息处理方法、装置和电子设备 |
Non-Patent Citations (2)
Title |
---|
WeBB: A brain-computer interface web browser based on steady-state visual evoked potentials;Ahmed G. Yehia;IEEE;20180201;全文 * |
Web前端性能优化方案与实践;王成;李少元;郑黎晓;缑锦;曾梅琴;刘慧敏;;计算机应用与软件;20141215(第12期);全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN113127788A (zh) | 2021-07-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105095280B (zh) | 一种浏览器缓存方法和装置 | |
KR102151457B1 (ko) | 통신 시스템에서 페이지 로딩 시간 단축 방법 및 장치 | |
TWI656772B (zh) | 獲取網頁的方法、系統、網路伺服器、瀏覽器和gslb | |
CN106897347B (zh) | 一种网页展示方法、操作事件记录方法及装置 | |
CN108415804B (zh) | 获取信息的方法、终端设备及计算机可读存储介质 | |
US20120331372A1 (en) | Methods for making ajax web applications bookmarkable and crawlable and devices thereof | |
CN109739711B (zh) | 一种接口测试方法、装置、设备和存储介质 | |
CN111367596B (zh) | 一种实现业务数据处理的方法及装置和客户端 | |
EP3528474B1 (en) | Webpage advertisement anti-shielding methods and content distribution network | |
CN107147645B (zh) | 网络安全数据的获取方法及装置 | |
CN108932332A (zh) | 静态资源的加载方法及装置 | |
CN112637361B (zh) | 一种页面代理方法、装置、电子设备及存储介质 | |
CN110928767A (zh) | 网页分析方法、装置、设备及存储介质 | |
CN109634753B (zh) | 切换浏览器内核的数据处理方法、装置、终端和存储介质 | |
US9648078B2 (en) | Identifying a browser for rendering an electronic document | |
US9348932B2 (en) | Method and apparatus for redirecting webpage requests to appropriate equivalents | |
CN111431767A (zh) | 多浏览器资源同步方法、装置、计算机设备和存储介质 | |
CN113127788B (zh) | 页面处理方法、对象处理方法、装置及设备 | |
US10095791B2 (en) | Information search method and apparatus | |
CN112926002A (zh) | 一种服务请求的处理方法及装置 | |
CN110633432A (zh) | 一种获取数据的方法、装置、终端设备及介质 | |
CN110825603A (zh) | 页面首次加载时间确定方法、装置、电子设备及存储介质 | |
CN111338928A (zh) | 基于chrome浏览器测试的方法及装置 | |
CN113934954A (zh) | 应用程序中的网页首屏渲染方法及装置 | |
CN114186148A (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 |