技术摘要：
本发明实施例提供一种页面性能的测试方法、终端及存储介质，该页面性能的测试方法包括：加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数；对第一图片的属性信息进行修改，并保存修改后的第一至第一图片所在的存储区域；获取关于网页浏览器页面  全部
背景技术：
相关技术中，在进行网页浏览器(Web  Browser)页面性能的测试时，由于Web  Browser的开发者工具针对页面中的图片信息无法提供测试人员想要的验证环境，这样，测 试人员则无法对Web页面中的图片进行修改；那么，测试人员只能猜测Web页面中的图片对 页面性能的影响，而无法基于测试数据分析Web页面中的图片对页面性能的影响。
技术实现要素：
本发明实施例提供一种页面性能的测试方法、终端及存储介质，以解决相关技术 中测试人员只能猜测Web页面中的图片对页面性能的影响，而无法基于测试数据分析Web页 面中的图片对页面性能的影响的问题。 本发明实施例的技术方案是这样实现的： 第一方面，本发明实施例提供一种页面性能的测试方法，所述方法包括： 加载包括第一图片的网页浏览器页面，并获得所述网页浏览器页面的第一性能参 数； 对所述第一图片的属性信息进行修改，并保存修改后的第一图片至所述第一图片 所在的存储区域； 获取关于所述网页浏览器页面的加载指令，响应所述加载指令，从所述存储区域 中提取所述修改后的第一图片，加载包含所述修改后的第一图片的目标网页浏览器页面， 并获得所述目标网页浏览器页面的第二性能参数； 基于所述第一性能参数和所述第二性能参数，测试所述目标网页浏览器页面的页 面性能。 可选的，所述保存修改后的第一图片至所述第一图片所在的存储区域之后，所述 方法还包括： 获取所述第一图片的标识，并设置所述修改后的第一图片的标识为所述第一图片 的标识； 针对所述第一图片修改所述第一图片的标识；其中，所述第一图片的标识与针对 所述第一图片修改所述第一图片的标识所得到的标识不同； 相应的，所述响应所述加载指令，从所述存储区域中提取所述修改后的第一图片， 包括： 响应所述加载指令，基于所述第一图片的标识从所述存储区域中提取所述修改后 的第一图片。 可选的，所述对所述第一图片的属性信息进行修改，包括： 4 CN 111597102 A 说　明　书 2/12 页 获取与所述第一图片的显示效果关联的第一配置信息； 基于所述第一配置信息，对所述第一图片的属性信息进行修改，得到修改后的第 一图片。 可选的，所述获取与所述第一图片的显示效果关联的第一配置信息，包括： 获取与所述第一图片的原始尺寸和/或原始显示参数； 设置与所述原始尺寸不同的目标尺寸，和/或设置与所述原始显示参数不同的目 标显示参数；其中，所述第一配置信息包括所述目标尺寸和所述目标显示参数。 可选的，所述基于所述第一配置信息，对所述第一图片的属性信息进行修改，包 括： 更改所述第一图片的尺寸为所述目标尺寸，和/或更改所述第一图片的显示参数 为所述目标显示参数，得到所述修改后的第一图片。 可选的，所述对所述第一图片的属性信息进行修改，得到修改后的第一图片，包 括： 获取与所述第一图片的加载时长关联的第二配置信息； 基于所述第二配置信息，对所述第一图片的属性信息进行修改，得到修改后的第 一图片。 可选的，所述获取与所述第一图片的加载时长关联的第二配置信息，包括： 获取与所述第一图片的加载时长关联的原始加载方式； 设置与所述原始加载方式不同的目标加载方式；其中，所述第二配置信息包括所 述目标加载方式。 可选的，所述基于所述第二配置信息，对所述第一图片的属性信息进行修改，包 括： 更改所述第一图片的加载方式为所述目标加载方式，得到所述修改后的第一图 片。 可选的，所述对所述第一图片的属性信息进行修改，包括： 获取所述第一图片所在的存储区域的第一地址； 获取与所第一图片不同的第二图片所在的存储区域的第二地址； 建立所述第一地址与第二地址的映射关系； 基于所述映射关系，用所述第二图片替换所述第一图片，得到所述修改后的第一 图片。 可选的，所述基于所述第一性能参数和所述第二性能参数，测试所述目标网页浏 览器页面的页面性能之后，所述方法还包括： 若基于所述第一性能参数和所述第二性能参数，确定所述目标网页浏览器页面的 页面性能符合预设页面性能，且获取到针对所述网页浏览器页面的加载指令，响应所述加 载指令，加载所述目标网页浏览器页面。 第二方面，本发明实施例提供一种终端，所述终端包括：处理器、存储器和通信总 线； 所述通信总线用于实现处理器和存储器之间的通信连接； 所述处理器用于执行存储器中存储的页面性能的测试程序，以实现以下步骤： 5 CN 111597102 A 说　明　书 3/12 页 加载包括第一图片的网页浏览器页面，并获得所述网页浏览器页面的第一性能参 数； 对所述第一图片的属性信息进行修改，并保存修改后的第一图片至所述第一图片 所在的存储区域； 获取关于所述网页浏览器页面的加载指令，响应所述加载指令，从所述存储区域 中提取所述修改后的第一图片，加载包含所述修改后的第一图片的目标网页浏览器页面， 并获得所述目标网页浏览器页面的第二性能参数； 基于所述第一性能参数和所述第二性能参数，测试所述目标网页浏览器页面的页 面性能。 第三方面，本发明实施例提供一种存储介质，所述存储介质存储有一个或者多个 程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现上述所述的页面性能 的测试方法的步骤。 应用本发明实施例实现以下有益效果：实现web页面的页面性能的测试，检测和提 高了web页面的性能。为测试人员定位web页面的页面性能问题提供了依据。同时，补充了现 有的mock测试技术无法mock图片类资源的途径。通过模拟这些测试场景，帮助测试更好地 定位性能问题。如测试人员发现web页面首屏加载耗时的根源是一张大尺寸的图片，若能够 屏蔽加载该图片，则可以对比两者加载时长的差距，用于确定性能问题根源。本发明实施例 提供的页面性能的测试方法，解决了相关技术中web性能测试场景中的无法模拟图片资源 的测试场景；不仅可以实现改变图片的加载方式，如通过懒加载方式加载原始图片，进而分 析懒加载模式下的加载时长能够提升多少。而且可以通过优化图片尺寸，测试加载时长能 够提升多少。还可以测试修改后的网页浏览器中的图片的视觉感受是否可以接受。也就是 说，本发明实施例中提供的页面性能的测试方法，针对网页浏览器页面中的图片构建出良 好的测试环境，进而基于该测试环境分析修改图片的属性信息对网页浏览器页面的页面性 能所产生的影响，帮助测试人员定位影响页面性能问题的根源，进而提升网页浏览器的性 能指标。 因为采用加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性 能参数；对第一图片的属性信息进行修改，并保存修改后的第一图片至第一图片所在的存 储区域；获取关于网页浏览器页面的加载指令，响应加载指令，从存储区域中提取修改后的 第一图片，加载包含修改后的第一图片的目标网页浏览器页面，并获得目标网页浏览器页 面的第二性能参数；基于第一性能参数和第二性能参数，测试目标网页浏览器页面的页面 性能；如此，解决了相关技术中测试人员只能猜测Web页面中的图片对页面性能的影响，而 无法基于测试数据分析Web页面中的图片对页面性能的影响的问题；实现了基于实测数据 分析修改网页浏览器页面中的图片对页面性能的影响；进而帮助测试人员准确地定位由于 图片所导致的性能问题。 附图说明 图1本发明实施例提供的一种页面性能的测试方法的流程示意图； 图2本发明实施例提供的一种终端的结构示意图； 图3本发明实施例提供的另一种页面性能的测试方法的流程示意图； 6 CN 111597102 A 说　明　书 4/12 页 图4本发明实施例提供的一种终端的界面示意图； 图5本发明实施例提供的一种网页浏览器代码的示意图； 图6本发明实施例提供的一种页面性能的测试方法的第一效果示意图； 图7本发明实施例提供的又一种页面性能的测试方法的流程示意图； 图8本发明另一实施例提供的一种页面性能的测试方法的流程示意图； 图9本发明实施例提供的另一种网页浏览器代码的示意图； 图10本发明实施例提供的一种页面性能的测试方法的第二效果示意图； 图11本发明实施例提供的一种终端的结构示意图。