CN115827435A - 前端性能测试方法、电子设备及计算机可读存储介质 - Google Patents

Abstract

本申请公开了一种前端性能测试方法，该方法包括：接收外部输入信息，根据所述外部输入信息确定待检测系统；根据所述外部输入信息确定待检测页面；对所述待检测页面进行性能测试，生成测试报告；基于所述测试报告得到测试结果，并将所述测试结果发送给用户，根据该方法，能够提高前端测试的自动化程度，有效提高前端性能测试的效率。

Description

前端性能测试方法、电子设备及计算机可读存储介质

技术领域

本申请涉及前端检测领域，尤其涉及一种前端性能测试方法、电子设备及计算机可读存储介质。

背景技术

目前，对于一个系统或平台，浏览器解析模型、接口调用、渲染页面，直到页面完整展示等一系列的前端处理速度直接影响了用户的体验，因此针对前端页面的测试和优化很有必要，目前通常使用现有的前端性能测试工具进行前端性能测试，但是，现有的测试工具只能对单一页面进行检测，且需要测试人员手动保存测试报告，在对整个系统进行检测时，操作繁琐，检测效率不高。

发明内容

本申请的目的在于至少解决现有技术中存在的技术问题之一，提供一种前端性能测试方法、电子设备及计算机可读存储介质，能够提高前端测试的自动化程度，有效提高前端性能测试的效率。

第一方面，本申请实施例提供一种前端性能测试方法，应用于客户端，所述方法包括：接收外部输入信息，根据所述外部输入信息确定待检测系统，所述待检测系统中包括所述待检测页面；根据所述外部输入信息确定所述待检测页面；对所述待检测页面进行性能测试，生成测试报告；基于所述测试报告得到测试结果，并将所述测试结果发送给用户。

根据本申请第一方面实施例提供的一种前端性能测试方法，至少具有如下有益效果：测试人员可以输入外部输入信息，客户端接收到外部输入信息，可以根据外部输入信息确定待检测系统，待检测系统中包括前端页面，根据外部输入信息确定待检测页面，对待检测页面进行性能测试，生成测试报告，基于测试报告得到测试结果，并将测试结果发送给用户，用户可以是指测试人员，根据该方法，提高了前端测试的自动化程度，便于测试人员对系统进行前端测试，有效提高了系统前端性能测试的效率。

在本申请的一个实施例中，在所述待检测系统需要登录的情况下，所述外部输入信息包括所述待检测系统的登录账号和密码。

在本申请的一个实施例中，所述根据所述外部输入信息确定所述待检测页面，包括：在所述外部输入信息包括所述待检测页面的URL(Uniform Resource Locator,统一资源定位器)的情况下，根据所述待检测页面的URL确定所述待检测页面；在所述外部输入信息不包括所述待检测页面的URL的情况下，获取所述待检测系统中的所有页面的URL并对所有页面的URL进行过滤，确定所述待检测页面。

在本申请的一个实施例中，预设有检测次数，所述对所述待检测页面进行性能测试，包括：根据所述待检测页面确定检测方式；采用所述检测方式对相应的待检测页面进行重复检测，直至达到所述检测次数。

在本申请的一个实施例中，所述检测方式包括命令行执行方式和用户界面方式，所述根据所述待检测页面确定检测方式，包括：在所述待检测页面能够通过命令行执行检测的情况下，确定相应的所述检测方式为所述命令行执行方式；在所述待检测页面无法通过命令行执行检测的情况下，确定相应的所述检测方式为所述用户界面方式。

在本申请的一个实施例中，在所述检测方式为所述命令行执行方式且所述待检测系统需要登录的情况下，调用所述待检测系统的登录接口并根据所述登录账号和所述密码得到Cookie；将所述Cookie嵌入命令行。

在本申请的一个实施例中，每次检测完成后，清理缓存，以使测试环境保持一致。

在本申请的一个实施例中，所述测试报告包括每次检测得到的性能数值，所述基于所述测试报告得到测试结果，包括：保存并解析所述测试报告，计算得到所述性能数值的中位数并将所述中位数存入数据库；根据所述中位数和预设合格值确定所述待检测页面是否合格以得到测试结果，并汇总所有待检测页面的测试结果。

第二方面，本申请实施例提供一种电子设备，包括至少一个控制处理器和用于与所述至少一个控制处理器通信连接的存储器；所述存储器存储有可被所述至少一个控制处理器执行的指令，所述指令被所述至少一个控制处理器执行，以使所述至少一个控制处理器能够执行本申请第一方面实施例提供的前端性能测试方法。

根据本申请第二方面提供的一种电子设备，至少具有如下有益效果：测试人员可以输入外部输入信息，客户端接收到外部输入信息，可以根据外部输入信息确定待检测系统，待检测系统中包括前端页面，根据外部输入信息确定待检测页面，对待检测页面进行性能测试，生成测试报告，基于测试报告得到测试结果，并将测试结果发送给用户，用户可以是指测试人员，根据该方法，提高了前端测试的自动化程度，便于测试人员对系统进行前端测试，有效提高了系统前端性能测试的效率。

第三方面，本申请实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令用于使计算机执行本申请第一方面实施例提供的前端性能测试方法。

根据本申请第三方面提供的一种计算机可读存储介质，至少具有如下有益效果：测试人员可以输入外部输入信息，客户端接收到外部输入信息，可以根据外部输入信息确定待检测系统，待检测系统中包括前端页面，根据外部输入信息确定待检测页面，对待检测页面进行性能测试，生成测试报告，基于测试报告得到测试结果，并将测试结果发送给用户，用户可以是指测试人员，根据该方法，提高了前端测试的自动化程度，便于测试人员对系统进行前端测试，有效提高了系统前端性能测试的效率。

本申请的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本申请而了解。本申请的目的和其他优点可通过在说明书以及附图中所特别指出的结构来实现和获得。

附图说明

图1是本申请实施例提供的一种前端性能测试方法的步骤流程图；

图2是本申请实施例提供的一种前端性能测试方法的细化步骤流程图；

图3是本申请实施例提供的一种前端性能测试方法的细化步骤流程图；

图4是本申请实施例提供的一种前端性能测试方法的细化步骤流程图；

图5是本申请实施例提供的一种前端性能测试方法的部分步骤流程图；

图6是本申请实施例提供的一种前端性能测试方法的部分步骤流程图；

图7是本申请实施例提供的一种前端性能测试方法的细化步骤流程图；

图8是本申请实施例提供的一种前端性能测试方法的整体流程图；

图9是本申请实施例提供的一种电子设备的结构示意图。

具体实施方式

本部分将详细描述本申请的具体实施例，本申请之较佳实施例在附图中示出，附图的作用在于用图形补充说明书文字部分的描述，使人能够直观地、形象地理解本申请的每个技术特征和整体技术方案，但其不能理解为对本申请保护范围的限制。

在本申请的描述中，若干的含义是一个或者多个，多个的含义是两个以上，大于、小于、超过等理解为不包括本数，以上、以下、以内等理解为包括本数。如果有描述到第一、第二、第三，只是用于区分技术特征为目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量或者隐含指明所指示的技术特征的先后关系。

本申请的描述中，除非另有明确的限定，设置、安装、连接等词语应做广义理解，所属技术领域技术人员可以结合技术方案的具体内容合理确定上述词语在本申请中的具体含义。

本申请实施例提供一种前端性能测试方法、电子设备、计算机可读存储介质和计算机程序产品，用户可以根据需要自行编辑脱机模板的内容，从而便于进行脱机批量打印。

下面结合附图，对本申请实施例作进一步阐述。

参照图1，图1是本申请实施例提供的一种前端性能测试方法的步骤流程图，如图1所示，本申请的实施例提供一种前端性能测试方法，应用于客户端，该方法包括步骤S100、步骤S200、步骤S300和步骤S400。

步骤S100，接收外部输入信息，根据外部输入信息确定待检测系统，待检测系统中包括前端页面；

步骤S200，根据外部输入信息确定待检测页面；

步骤S300，对待检测页面进行性能测试，生成测试报告；

步骤S400，基于测试报告得到测试结果，并将测试结果发送给用户。

在一示例性实施例中，测试人员输入外部输入信息，客户端接收该外部输入信息，根据该外部输入信息确定待检测系统，待检测系统中包括前端页面，根据外部输入信息确定待检测页面，对待检测页面进行性能测试，生成测试报告，基于测试报告得到测试结果，并将测试结果发送给用户，用户可以是指测试人员。在本实施例中，一个待检测系统通常包括多个前端页面，测试人员只需要输入外部输入信息，无需进行其他操作，即可完成对系统的前端性能测试并得到测试结果。该方法高度集成了前端性能检测的操作任务，提高了前端性能测试的自动化程度，从而有效提高了前端性能测试的效率，减轻了测试人员的工作强度。

本领域技术人员可以理解的是，可以使用前端性能测试工具，例如Lighthouse工具，对前端页面进行检测，可以检测页面的白屏时间、首屏时间和首次可交互时间等，并根据各项参数的得分最终给出一个页面的整体性能得分，即性能数值。

还可以理解的是，外部输入信息可以包括待检测系统的地址，客户端可以根据待检测系统的地址确定待检测系统。

在本实施例中，测试人员不需要对多个待检测页面一个个地进行检测，也不需要手动保存测试报告和对测试报告进行归纳总结，而是通过脚本集成操作步骤，由客户端自行执行，测试过程中的人工操作步骤被简化。

在一示例性实施例中，在待检测系统需要登录的情况下，外部输入信息包括待检测系统的登录账号和密码。客户端可以根据登录账号和密码进入待检测系统以便对待检测系统中的前端页面进行性能测试。

参照图2，图2是本申请实施例提供的一种前端性能测试方法的细化步骤流程图，本申请实施例提供一种前端性能测试方法，该方法中，图1中步骤S200可以包括步骤S210。

步骤S210，在外部输入信息包括待检测页面的URL的情况下，根据待检测页面的URL确定待检测页面；在外部输入信息不包括待检测页面的URL的情况下，获取待检测系统中的所有页面的URL并对所有页面的URL进行过滤，确定待检测页面。

在一示例性实施中，在确定待检测系统后，客户端可以判断外部输入信息中是否包括待检测页面的URL，若客户端检测到外部输入信息中包括待检测页面的URL，表示测试人员指定了待检测页面，则客户端可以直接根据URL确定待检测页面；若客户端检测到外部输入信息中未包括待检测页面的URL，表示测试人员未指定具体的待检测页面，则客户端可以抓取待检测系统中的所有页面的URL，并对所有页面的URL进行过滤，得到能够进行性能测试的前端页面，确定待检测页面。后续能够对多个前端页面进行检测，不需要对待检测页面一个个地进行性能测试，简化操作步骤，提高检测效率。

参照图3，图3是本申请实施例提供的一种前端性能测试方法的细化步骤流程图，本申请实施例提供一种前端性能测试方法，该方法中，预设有检测次数，图1中步骤S300可以包括步骤S310和步骤S320。

步骤S310，根据待检测页面确定检测方式；

步骤S320，采用检测方式对相应的待检测页面进行重复检测，直至达到检测次数。

在一示例性实施例中，预设有检测次数，客户端可以根据待检测页面确定该页面的检测方式，对于每个待检测页面，采用相应的检测方式重复进行性能测试，直至达到预设检测次数。针对不同的待检测页面，采用相应的检测方式，实现前端性能测试的自动化，且多次检测能够提高性能测试的准确性，减少误差，更加真实地反映前端页面的性能优劣。

在一些实施例中，预设次数可以是5次，但本实施例不对预设次数作具体限定，无论预设次数取何值，只要能够提高测试的准确性即可，都在本实施例的保护范围内。

如图4所示，图4是图3中步骤S310的细化步骤流程图，本申请实施例提供一种前端性能测试方法，检测方式包括命令行执行方式和用户界面(UI，User Interface)方式，步骤S310可以包括步骤S311和步骤S312。

步骤S311，在待检测页面能够通过命令行执行检测的情况下，确定相应的检测方式为命令行执行方式；

步骤S312，在待检测页面无法通过命令行执行检测的情况下，确定相应的检测方式为用户界面方式。

在一示例性实施例中，客户端在获取待检测页面的URL之后，可以根据待检测页面的URL确定相应的检测方式，若能够通过命令行执行待检测页面的检测，即系统不需要登录，待检测页面的URL可以直接访问，或者系统需要登录，但待检测页面能够通过带有Cookie的命令行访问，则可以将该待检测页面的检测方式确定为命令行执行方式；若待检测页面无法通过命令行执行检测，即系统需要登录，且待检测页面无法通过带有Cookie的命令行访问，则确定该待检测页面的检测方式为用户界面方式。本领域技术人员可以理解的是，Cookie是服务器或脚本在超文本传输协议(Hyper Text Transfer Protocol，HTTP)下维护客户端工作站信息的一种方式，Cookie是Web服务器保存在客户端上的小文件，其中可能包含用户的登录信息、访问信息等数据，能够用于访问、登录系统。

本领域技术人员可以理解的是，用户界面方式是指通过UI自动化的方式访问系统页面，再通过模拟手动点击插件执行生成命令行的方式进行性能测试。

如图5所示，本申请实施例提供一种前端性能测试方法，图5是本申请实施例提供的前端性能测试方法的部分步骤流程图，该方法还可以包括步骤S3111和步骤S3112。

步骤S3111，在检测方式为命令行执行方式且待检测系统需要登录的情况下，调用待检测系统的登录接口并根据登录账号和密码得到Cookie；

步骤S3112，将Cookie嵌入命令行。

在一示例性实施例中，在检测方式为命令行执行方式且待检测系统需要登录的情况下，客户端需要调用待检测系统的登录接口并根据登录账号和密码得到Cookie信息，并将Cookie信息嵌入命令行，以便带有Cookie的命令行能够对待检测页面执行检测。

如图6所示，本申请实施例提供一种前端性能测试方法，图6是本申请实施例提供的前端性能测试方法的部分步骤流程图，该方法还可以包括步骤S500。

步骤S500，每次检测完成后，清理缓存，以使测试环境保持一致。

在一实施例中，需要对待检测页面进行多次检测，在每次检测完成后，都自动清理缓存，以使每次测试的环境能够保持一致，减少测试结果的误差。

如图7所示，图7是图1中步骤S400的细化步骤流程图，本申请实施例提供一种前端性能测试方法，该方法中，预设有检测次数，测试报告包括每次检测得到的性能数值，步骤S400可以包括步骤S410和步骤S420。

步骤S410，保存并解析测试报告，计算得到性能数值的中位数并将中位数存入数据库；

步骤S420，根据中位数和预设合格值确定待检测页面是否合格以得到测试结果，并汇总所有待检测页面的测试结果。

在一示例性实施例中，在对待检测页面进行多次检测后，生成测试报告，测试报告包括每次检测得到的性能数值，客户端可以保存测试报告并对测试报告进行解析，得到性能数值的中位数，并将性能数值的中位数保存至数据库，根据中位数和预设合格值确定待检测页面是否合格以得到测试结果，若中位数大于等于预设合格值，则确定该页面的测试结果为性能达标，若中位数小于预设合格值，则确定该页面的的测试结果为性能不达标，汇总所有待检测页面的测试结果。后续可以将测试报告和测试结果发送给用户以便用户及时获取测试结果。

在一些实施例中，在优化待检测页面的过程中，进行多次前端性能测试，可以根据保存的性能数值的中位数得到历史趋势图，并将历史趋势图通过前端页面展示给测试人员，便于测试人员更加直观地了解前端页面的性能的变化趋势。

在一些实施例中，可以将性能数值的中位数保存至本地数据库，也可以将性能数值的中位数上传至服务器，都在本申请实施例的保护范围内。

参照图8，图8是本申请实施例提供的一种前端性能测试方法的整体流程图，本申请提供一种前端性能测试方法，客户端接收外部输入信息，并根据外部输入信息确定待检测系统，判断外部输入信息中是否包括待检测页面的URL，在外部输入信息中包括待检测页面的URL的情况下，根据URL直接确定待检测页面，待检测页面可以有多个；在外部输入信息中不包括待检测页面的URL的情况下，抓取待检测系统下所有前端页面的URL并对所有前端页面URL进行过滤，从而确定待检测页面，后续可以对确定的待检测页面进行遍历检测。在确定待检测页面后，读取预设的检测次数，其中外部输入信息可以包括预设的检测次数信息。根据待检测页面选择检测方式，若待检测页面可以通过命令行执行的方式检测，则使用命令行方式，否则使用UI方式检测，在检测方式为UI方式时，可以执行脚本，通过用户界面进入待检测页面进行检测，对待检测页面进行重复检测，直至达到检测次数，每次检测完成后清理缓存，再进行下一次检测，以确保测试环境一致，减少测试误差；在检测方式为命令行执行方式时，需要判断待检测系统的页面是否需要登录，若需要登录才能访问，则客户端从外部输入信息中读取登录账号和密码，并调用待检测系统的登录接口获取Cookie，将Cookie嵌入命令行中，根据命令行执行命令，以递归方式对若干待检测页面执行性能测试；若待检测系统不需要登录，可以直接通过命令行执行检测任务。对待检测页面进行检测，能够生成测试报告，测试报告中包括每次测试得到的性能数值，客户端保存并解析测试报告，计算得到每个待检测页面的性能数值的中位数，并将该中位数保存至数据库中，将中位数与预设合格值作比较，若待检测页面的性能数值的中位数大于等于预设合格值，确定该待检测页面性能测试结果为合格，若中位数小于预设合格值，确定测试结果为不合格，汇总所有待检测页面的测试结果，并将测试报告和测试结果发送给用户，同时，性能数值的中位数都被记录保存，可以生成中位数的历史趋势图，并通过前端页面展示给测试人员，以便测试人员更加直观地了解前端页面的性能的变化趋势。根据该方法，提高了前端测试的自动化程度，能够对多个前端页面进行遍历检测，保存、解析并发送测试报告，还可以在前端页面展示性能的历史趋势图，便于测试人员对系统进行前端测试，有效提高了系统前端性能测试的效率。

参照图9，图9是本申请实施例提供的一种电子设备900的结构示意图，本申请实施例提供一种电子设备900，该电子设备900包括至少一个控制处理器910和用于与至少一个控制处理器910通信连接的存储器920；存储器920存储有可被至少一个控制处理器910执行的指令，指令被至少一个控制处理器910执行，以使至少一个控制处理器910能够执行以上方法实施例中任一项提供的前端性能测试方法。根据该前端性能测试方法，测试人员可以输入外部输入信息，客户端接收到外部输入信息，可以根据外部输入信息确定待检测系统，待检测系统中包括前端页面，根据外部输入信息确定待检测页面，对待检测页面进行性能测试，生成测试报告，基于测试报告得到测试结果，并将测试结果发送给用户，用户可以是指测试人员，根据该方法，提高了前端测试的自动化程度，便于测试人员对系统进行前端测试，有效提高了系统前端性能测试的效率。

本申请实施例还提供的一种计算机可读存储介质，该计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令用于使计算机执行以上方法实施例中任一项提供的前端性能测试方法。根据该前端性能测试方法，测试人员可以输入外部输入信息，客户端接收到外部输入信息，可以根据外部输入信息确定待检测系统，待检测系统中包括前端页面，根据外部输入信息确定待检测页面，对待检测页面进行性能测试，生成测试报告，基于测试报告得到测试结果，并将测试结果发送给用户，用户可以是指测试人员，根据该方法，提高了前端测试的自动化程度，便于测试人员对系统进行前端测试，有效提高了系统前端性能测试的效率。

本领域普通技术人员可以理解，上文中所公开方法中的全部或某些步骤、系统可以被实施为、固件、硬件及其适当的组合。某些物理组件或所有物理组件可以被实施为由处理器，如中央处理器、数字信号处理器或微处理器执行的，或者被实施为硬件，或者被实施为集成电路，如专用集成电路。这样的可以分布在计算机可读介质上，计算机可读介质可以包括计算机存储介质或非暂时性介质和通信介质或暂时性介质。如本领域普通技术人员公知的，术语计算机存储介质包括在用于存储信息诸如计算机可读指令、数据结构、程序模块或其他数据的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于RAM、ROM、EEPROM、闪存或其他存储器技术、CD-ROM、数字多功能盘DVD或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外，本领域普通技术人员公知的是，通信介质通常包含计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据，并且可包括任何信息递送介质。

Claims (10)

1.一种前端性能测试方法，应用于客户端，其特征在于，所述方法包括：

接收外部输入信息，根据所述外部输入信息确定待检测系统，所述待检测系统中包括前端页面；

根据所述外部输入信息确定所述待检测页面；

对所述待检测页面进行性能测试，生成测试报告；

基于所述测试报告得到测试结果，并将所述测试结果发送给用户。

2.根据权利要求1所述的前端性能测试方法，其特征在于，在所述待检测系统需要登录的情况下，所述外部输入信息包括所述待检测系统的登录账号和密码。

3.根据权利要求2所述的前端性能测试方法，其特征在于，所述根据所述外部输入信息确定所述待检测页面，包括：

在所述外部输入信息包括所述待检测页面的URL的情况下，根据所述待检测页面的URL确定所述待检测页面；

在所述外部输入信息不包括所述待检测页面的URL的情况下，获取所述待检测系统中的所有页面的URL并对所有页面的URL进行过滤，确定所述待检测页面。

4.根据权利要求2所述的前端性能测试方法，其特征在于，预设有检测次数，所述对所述待检测页面进行性能测试，包括：

根据所述待检测页面确定检测方式；

采用所述检测方式对相应的待检测页面进行重复检测，直至达到所述检测次数。

5.根据权利要求4所述的前端性能测试方法，其特征在于，所述检测方式包括命令行执行方式和用户界面方式，所述根据所述待检测页面确定检测方式，包括：

在所述待检测页面能够通过命令行执行检测的情况下，确定相应的所述检测方式为所述命令行执行方式；

在所述待检测页面无法通过命令行执行检测的情况下，确定相应的所述检测方式为所述用户界面方式。

6.根据权利要求5所述的前端性能测试方法，其特征在于，所述方法还包括：

在所述检测方式为所述命令行执行方式且所述待检测系统需要登录的情况下，调用所述待检测系统的登录接口并根据所述登录账号和所述密码得到Cookie；

将所述Cookie嵌入命令行。

7.根据权利要求4所述的前端性能测试方法，其特征在于，所述方法还包括：

每次检测完成后，清理缓存，以使测试环境保持一致。

8.根据权利要求4所述的前端性能测试方法，其特征在于，所述测试报告包括每次检测得到的性能数值，所述基于所述测试报告得到测试结果，包括：

保存并解析所述测试报告，计算得到所述性能数值的中位数并将所述中位数存入数据库；

根据所述中位数和预设合格值确定所述待检测页面是否合格以得到测试结果，并汇总所有待检测页面的测试结果。

9.一种电子设备，其特征在于，包括至少一个控制处理器和用于与至少一个所述控制处理器通信连接的存储器；所述存储器存储有可被至少一个所述控制处理器执行的指令，指令被至少一个所述控制处理器执行，以使至少一个所述控制处理器能够执行如权利要求1至8任一项所述的前端性能测试方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令用于使计算机执行如权利要求1至8任一项所述的前端性能测试方法。

Images