网页加载时间的处理方法及系统与流程

计算;推算;计数设备的制造及其应用技术1.本发明涉及数据库技术领域：：，尤其涉及一种网页加载时间的处理方法及系统。背景技术：：：2.传统的网页加载时间的统计方式，通过html显示时间。然而，前端开发只关注网页的接口调用时长，而很少会考虑到整个页面的加载时间，尤其是在公司内网访问和外网访问走的路由转发并不相同，导致页面的加载时间存在差异。通过模拟前端点击刷新，捕获完成一次加载的时长，目前常规做法只是通过浏览器按f12进入控制台查看加载时间。3.因此，如何对网页的加载时间进行处理和呈现，是当前亟需解决的技术问题。技术实现要素：4.本发明提供一种网页加载时间的处理方法及系统，用以解决现有技术中难以对网页加载时间进行处理的缺陷，实现网页加载时间的可视化呈现，使用户能够快速地查看网页的加载时间。5.本发明提供一种网页加载时间的处理方法，包括：6.获取目标网页的不同时间段的加载时间数据，将每个所述加载时间数据存储到数据库内；7.对存入数据库内的加载时间数据进行处理并实现所述加载时间数据的可视化呈现。8.根据本发明提供的一种网页加载时间的处理方法，获取目标网页的不同时间段的加载时间数据之前，还包括：9.在服务器端部署任务计划程序，并结合预设的定时计划在所述任务计划程序下创建目标任务。10.根据本发明提供的一种网页加载时间的处理方法，所述获取目标网页的不同时间段的加载时间数据，包括：11.基于目标任务确认目标网页的不同时间段的创建时间；12.基于所述定时计划获取相邻两个创建时间之间的间隔时间；13.基于所述创建时间和间隔时间获取目标网页在每个所述创建时间下的加载时间数据。14.根据本发明提供的一种网页加载时间的处理方法，所述基于所述创建时间和间隔时间获取目标网页在每个所述创建时间下的加载时间数据，包括：15.获取目标网页在不同时间段执行目标任务的结束时间，基于所述结束时间和创建时间获取目标网页的持续时间；16.基于所述创建时间和间隔时间确认每个获取数据的时间点，将每个时间点结合所述持续时间和结束时间，获取目标网页在每个所述时间点下的加载时间数据。17.根据本发明提供的一种网页加载时间的处理方法，基于所述创建时间和间隔时间确认每个获取数据的时间点，将每个时间点结合所述持续时间和结束时间，获取目标网页在每个所述时间点下的加载时间数据之后，还包括：18.基于所述加载时间数据生成网页的执行结果；19.其中，所述执行结果包括：处于执行状态、执行成功和执行失败；20.所述将每个所述加载时间数据存储到数据库内，包括：21.在所述执行结果为执行成功的情况下，将执行成功时对应的加载时间数据存储到数据库内。22.根据本发明提供的一种网页加载时间的处理方法，在服务器端部署任务计划程序，并结合预设的定时计划在所述任务计划程序下创建目标任务之后，还包括：23.在服务器端嵌入告警代码，基于所述告警代码对目标任务进行监控，在所述目标任务出现异常的情况下进行告警，并在告警失败的情况下获取告警失败数据；24.所述对存入数据库内的加载时间数据进行处理并实现所述加载时间数据的可视化呈现，包括：25.对存入数据库的加载时间数据和告警失败数据进行综合处理，实现数据的在线可视化呈现。26.本发明还提供一种网页加载时间的处理系统，包括：27.获取单元，用于获取目标网页的不同时间段的加载时间数据，将每个所述加载时间数据存储到数据库内；28.可视化单元，用于对存入数据库内的加载时间数据进行处理并实现所述加载时间数据的可视化呈现。29.本发明还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述网页加载时间的处理方法的步骤。30.本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述网页加载时间的处理方法的步骤。31.本发明还提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上述任一种所述网页加载时间的处理方法的步骤。32.本发明提供的网页加载时间的处理方法及系统，通过获取网页在不同时间段的加载时间数据并存储到数据库内，然后利用可视化软件对存入的数据进行数据库处理，从而实现加载时间数据的可视化呈现。本发明将网页加载时间进行了可视化呈现，从而使用户能够快速地查看网页的加载时间，提高了用户体验。附图说明33.为了更清楚地说明本发明或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。34.图1是本发明提供的网页加载时间的处理方法的流程示意图之一；35.图2是本发明提供的网页加载时间的处理方法的流程示意图之二；36.图3是本发明提供的网页加载时间的处理系统的结构示意图；37.图4是本发明提供的电子设备的结构示意图。具体实施方式38.为使本发明的目的、技术方案和优点更加清楚，下面将结合本发明中的附图，对本发明中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。39.下面结合图1至图4描述本发明的网页加载时间的处理方法及系统。40.参照图1，本发明提供的网页加载时间的处理方法，包括以下步骤：41.步骤110，获取目标网页的不同时间段的加载时间数据，将每个所述加载时间数据存储到数据库内。42.具体地，本实施例中的目标网页为需要进行监控的网页。通过模拟器对网页不同时间段的执行操作情况进行收集。本实施例中的模拟器为selenium，selenium为一种用于web应用程序测试的工具，其测试直接运行在浏览器中，包括mozillafirefox、safari、googlechrome、opera、edge等。43.需要说明的是，本实施例通过selenium对目标网页关于加载时间进行数据采集，然后存储到数据库中。本实施例中的数据库为gp数据库(greeplum)，greeplum为一种关系型分布式数据库，在开源的pg(postgresql)的基础上采用了mpp架构(massiveparallelprocessing，海量并行处理)。gp数据库具有强大的大规模数据分析任务处理能力。44.步骤120，对存入数据库内的加载时间数据进行处理并实现所述加载时间数据的可视化呈现。45.具体地，本实施例基于步骤110中存入到数据库中目标网页的加载时间数据进行大规模的处理，对入库的信息进行管理并通过可视化软件将加载时间数据进行可视化呈现。46.需要说明的是，本实施例中的可视化软件为tableau，tableau能够帮助用户进行数据的快速分析、可视化并分享信息。需要指出的是，tableau无需强迫用户编写自定义代码，并且能够提供完整的数据分析能力。也就是说，本实施例通过gp数据库、tableau保持前后端完全解耦，因此只需要配置采集网页加载时间的参数，不需要嵌入应用任何代码，并且本实施例在网页加载的过程获取相关数据，也不需要依赖其他的插件。47.本发明实施例提供的网页加载时间的处理方法，通过获取网页在不同时间段的加载时间数据并存储到数据库内，然后利用可视化软件对存入的数据进行数据库处理，从而实现加载时间数据的可视化呈现。本发明将网页加载时间进行了可视化呈现，从而使用户能够快速地查看网页的加载时间，提高了用户体验。48.基于以上实施例，在步骤110获取目标网页的不同时间段的加载时间数据之前，还包括以下步骤：49.在服务器端部署任务计划程序，并结合预设的定时计划在所述任务计划程序下创建目标任务。50.具体地，本实施例为获取目标网页的加载时间之前需要进行的任务创建过程。在服务器端部署任务计划程序，如在计算机管理这一总系统下，在系统工具文件夹中的任务计划程序子文件夹中创建任务计划程序库，其中包括创建任务即创建“获取目标网页不同时间段的加载时间数据”的任务。51.需要说明的是，本实施例中创建的任务计划程序采用的是visualstudio写的exe程序。52.visualstudio(vs)是一个基本完整的开发工具集，包括整个软件生命周期中所需要的大部分工具，如uml工具、代码管控工具、集成开发环境(ide)等。exe程序英文全名executablefile，即为可执行文件，可移植可执行(pe)文件格式的文件，它可以加载到内存中，并由操作系统加载程序执行，是可在操作系统存储空间中浮动定位的可执行程序。53.本实施例在通过对目标网页的加载时间数据进行采集之前，在服务器端部署了任务程序并创建了数据采集的任务，在实际进行数据采集时，可根据任务程序计划以及设定的相关参数直接进行任务执行，从而能够提高加载时间数据的获取效率。54.基于以上实施例，所述获取目标网页的不同时间段的加载时间数据，包括：55.基于目标任务确认目标网页的不同时间段的创建时间；56.基于所述定时计划获取相邻两个创建时间之间的间隔时间；57.基于所述创建时间和间隔时间获取目标网页在每个所述创建时间下的加载时间数据。58.具体地，本实施例提供了如何将获取数据的时间确认为不同时间段。根据以上实施例创建的目标任务以及预先设定的定时计划，确认不同时间段的创建时间，也就是需要进行网页加载时间采集的时间。59.然后确认每隔固定的时间便进行一次时间加载数据的采集，通俗的讲就是在服务器程序内设置间隔几分钟或者几秒钟去目标网页抓取一次时间进行记录。60.需要说明的是，每两个相邻的创建时间之间的间隔时间可为相同，即每隔相同的时间进行一次网页加载时间的采集；间隔时间也可设置为不同，即每隔不同的时间进行一次网页加载时间的采集，可能设置为间隔时间逐渐增加或者减少等。61.其中，定时计划可设置为每相隔5分钟、10分钟等等，可根据用户的需求进行灵活设置，在此不作具体限定。62.本实施例通过对不同时间段的创建时间进行确认，从而能够在精确的时间点内采集网页加载时间数据的时间，并且在相隔确认的时间之后，再次进行网页加载时间的采集，从而能够对数据获取的时间进行准确监测以及及时进行数据采集。63.基于以上实施例，所述基于所述创建时间和间隔时间获取目标网页在每个所述创建时间下的加载时间数据，包括：64.获取目标网页在不同时间段执行目标任务的结束时间，基于所述结束时间和创建时间获取目标网页的持续时间；65.基于所述创建时间和间隔时间确认每个获取数据的时间点，将每个时间点结合所述持续时间和结束时间，获取目标网页在每个所述时间点下的加载时间数据，基于所述加载时间数据生成网页的执行结果；66.其中，所述执行结果包括：处于执行状态、执行成功和执行失败；67.所述将每个所述加载时间数据存储到数据库内，包括：68.在所述执行结果为执行成功的情况下，将执行成功时对应的加载时间数据存储到数据库内。69.具体地，本实施例提供了加载时间数据的确认方式。根据时间间隔获取每个需要进行数据采集的时间点，在每个时间点获取目标网页的开始加载的时间(创建时间)，加载结束的时间(结束时间)以及加载之后保留的时间(持续时间)，并根据创建时间、结束时间以及持续时间获取目标网页在每个所述创建时间下的加载时间数据，以及加载时间数据对应的执行结果。70.其中，执行结果可能正在加载过程、加载网页完成或者加载网页失败。当加载网页完成时，将加载时间数据存储到数据库中，若加载网页失败或者网页正在加载过程中，则无需将加载时间数据存储到数据库中。71.本实施例通过获取每个创建时间下的目标网页的开始时间和结束时间确认目标网页的持续时间，从而确认加载时间数据。并且能够确认加载时间数据的执行结果，从而能够根据不同的执行结果进行可视化呈现，即在网页加载完成时将加载时间数据存入数据库中，然后进行可视化呈现，因而提高了对网页的加载时间数据进行可视化的效率。72.基于以上实施例，在服务器端部署任务计划程序，并结合预设的定时计划在所述任务计划程序下创建目标任务之后，还包括：73.在服务器端嵌入告警代码，基于所述告警代码对目标任务进行监控，在所述目标任务出现异常的情况下进行告警，并在告警失败的情况下获取告警失败数据；74.所述对存入数据库内的加载时间数据进行处理并实现所述加载时间数据的可视化呈现，包括：75.对存入数据库的加载时间数据和告警失败数据进行综合处理，实现数据的在线可视化呈现。76.具体地，本实施例提供了在服务器端部署的其他任务，以及数据库进行其他的数据处理方式。可以理解为，在应用服务中嵌入告警代码，对服务的任务执行情况进行监控和告警。77.当目标任务出现异常的情况下进行告警，可以体现为因网络不佳使得目标网页无法打开，从而导致目标任务出现异常，此时可以通过告警代码对任务的执行情况进行实时监控和发出告警。78.然而，由于代码可能出现监测遗漏或者数据遗失等情况，因此导致出现告警失败的现象，此时则需要及时地获取告警失败数据并存入数据库中，然后对存入数据库的加载时间数据和告警失败数据进行综合处理，实现所有数据的在线可视化呈现。79.基于以上任一实施例，对存入数据库内的加载时间数据进行处理并实现所述加载时间数据的可视化呈现之后，还包括：80.生成存入数据库内的加载时间数据对应的时间序列，并基于所述时间序列对数据库进行监控管理和统计分析。81.具体地，本实施例在将加载时间数据进行处理之后，可根据这些加载时间数据的存入时间以及存入频率，生成对应的时间序列，然后按照时间序列对数据库中的数据进行监控管理和分析。82.参照图2，图2是本发明提供的网页加载时间的处理方法的完整流程图，包括以下步骤：83.步骤210，windows制定任务计划；84.步骤211，将任务计划结合定时计划确认vs开发的任务程序；85.步骤212，将任务程序设置采集间隔时间，通过selenium对html网页进行数据采集；86.步骤213，将采集到的加载时间数据存入到gp数据库中。87.下面对本发明提供的网页加载时间的处理系统进行描述，下文描述的网页加载时间的处理系统与上文描述的网页加载时间的处理方法可相互对应参照。88.参照图3，本发明提供的网页加载时间的处理系统，包括：89.获取单元310，用于获取目标网页的不同时间段的加载时间数据，将每个所述加载时间数据存储到数据库内；90.可视化单元320，用于对存入数据库内的加载时间数据进行处理并实现所述加载时间数据的可视化呈现。91.本发明实施例提供的网页加载时间的处理系统，通过获取网页在不同时间段的加载时间数据并存储到数据库内，然后利用可视化软件对存入的数据进行数据库处理，从而实现加载时间数据的可视化呈现。本发明将网页加载时间进行了可视化呈现，从而使用户能够快速地查看网页的加载时间，提高了用户体验。92.基于以上实施例，网页加载时间的处理系统，还包括：93.任务创建单元，用于在服务器端部署任务计划程序，并结合预设的定时计划在所述任务计划程序下创建目标任务。94.基于以上实施例，获取模块具体用于：95.基于目标任务确认目标网页的不同时间段的创建时间；96.基于所述定时计划获取相邻两个创建时间之间的间隔时间；97.基于所述创建时间和间隔时间获取目标网页在每个所述创建时间下的加载时间数据。98.基于以上实施例，获取模块具体用于：99.获取目标网页在不同时间段执行目标任务的结束时间，基于所述结束时间和创建时间获取目标网页的持续时间；100.基于所述创建时间和间隔时间确认每个获取数据的时间点，将每个时间点结合所述持续时间和结束时间，获取目标网页在每个所述时间点下的加载时间数据。101.基于以上实施例，获取模块还用于：102.基于所述加载时间数据生成网页的执行结果；103.其中，所述执行结果包括：处于执行状态、执行成功和执行失败；104.在所述执行结果为执行成功的情况下，将执行成功时对应的加载时间数据存储到数据库内。105.基于以上实施例，网页加载时间的处理系统，还包括：106.管理及分析单元，用于生成存入数据库内的加载时间数据对应的时间序列，并基于所述时间序列对数据库进行监控管理和统计分析。107.告警单元，用于在服务器端嵌入告警代码，基于所述告警代码对目标任务进行监控，在所述目标任务出现异常的情况下进行告警，并在告警失败的情况下获取告警失败数据。108.基于以上实施例，可视化单元具体用于：109.对存入数据库的加载时间数据和告警失败数据进行综合处理，实现数据的在线可视化呈现。110.图4示例了一种电子设备的实体结构示意图，如图4所示，该电子设备可以包括：处理器(processor)410、通信接口(communicationsinterface)420、存储器(memory)430和通信总线440，其中，处理器410，通信接口420，存储器430通过通信总线440完成相互间的通信。处理器410可以调用存储器430中的逻辑指令，以执行网页加载时间的处理方法，该方法包括：111.获取目标网页的不同时间段的加载时间数据，将每个所述加载时间数据存储到数据库内；112.对存入数据库内的加载时间数据进行处理并实现所述加载时间数据的可视化呈现。113.此外，上述的存储器430中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。114.另一方面，本发明还提供一种计算机程序产品，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，计算机能够执行上述各方法所提供的网页加载时间的处理方法，该方法包括：115.获取目标网页的不同时间段的加载时间数据，将每个所述加载时间数据存储到数据库内；116.对存入数据库内的加载时间数据进行处理并实现所述加载时间数据的可视化呈现。117.又一方面，本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以执行上述各提供的网页加载时间的处理方法，该方法包括：该方法包括：118.获取目标网页的不同时间段的加载时间数据，将每个所述加载时间数据存储到数据库内；119.对存入数据库内的加载时间数据进行处理并实现所述加载时间数据的可视化呈现。120.以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。121.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。122.最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。当前第1页12当前第1页12









图片声明：本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!




内容声明：本文中引用的各种信息及资料（包括但不限于文字、数据、图表及超链接等）均来源于该信息及资料的相关主体（包括但不限于公司、媒体、协会等机构）的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理！本站为非盈利性质站点,发布内容不收取任何费用也不接任何广告!




免责声明：我们致力于保护作者版权，注重分享，被刊用文章因无法核实真实出处，未能及时与作者取得联系，或有版权异议的，请联系管理员，我们会立即处理，本文部分文字与图片资源来自于网络，部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!的,若有来源标注错误或侵犯了您的合法权益，请立即通知我们，情况属实，我们会第一时间予以删除，并同时向您表示歉意,谢谢!