基于图片融合定位的前端性能优化的方法、系统、终端设备及存储介质与流程

技术特征：
1.一种基于图片融合定位的前端性能优化的方法，其特征在于，包括以下步骤：首先制作合成大图并生成对应配置文件：包括将当前用到的小图合并成一张大图，获取小图在大图中的位置信息，生成配置文件；外呼获取大图和配置文件：包括加载配置文件，然后根据配置文件生成小图在大图中的位置信息对应的map对象数据结构，所述map对象包括key值；图形加载：包括在页面初始化代码中，根据指定图片的key值查找其在大图中的信息，随后根据小图的位置信息获取对应的小图，若获取成功将当前位置的图片替换成对应的小图；页面渲染：包括根据图片信息对页面进行渲染推送。2.根据权利要求1所述的方法，其特征在于，若获取失败则使用默认图片。3.根据权利要求1所述的方法，其特征在于，map对象中存放有图片加载地址和图片加载后在内存中的存储地址。4.根据权利要求3所述的方法，其特征在于，所述map对象中的key值为所述图片加载地址。5.根据权利要求1所述的方法，其特征在于，所述map对象还包括value值，所述value值为所述加载图片的一次加载过程中的加载次数。6.根据权利要求1所述的方法，其特征在于，所有的map对象存放于list关系表中。7.一种基于图片融合定位的前端性能优化的系统，其特征在于，包括图片合成模块、配置模块、查找模块、图形加载模块以及页面渲染模块；图片合成模块，用于将小图合成为一张大图；配置模块，用于记录小图在大图中的位置信息，并生成配置信息以供调用；查找模块，根据配置文件生成小图在大图中的位置信息对应的map数据结构来查找小图的位置；图形加载模块，根据指定图片的key值查找其在大图中的信息，随后根据小图的位置信息获取对应的小图片，若获取成功将当前位置的图片替换成对应的小图，获取失败则使用默认图片；页面渲染模块，根据图片的信息对页面进行推送。8.一种终端设备，其特征在于，包括：处理器、存储介质和总线，所述存储介质存储有所述处理器可执行的机器可读指令，当所述终端设备运行时，所述处理器与所述存储介质之间通过总线通信，所述处理器执行所述机器可读指令，以执行时执行如权利要求1至6任一项所述的方法的步骤。9.一种存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如权利要求1至6任一项所述的方法的步骤。10.一种计算机程序产品，包括计算机程序和/或指令，其特征在于，该计算机程序和/或指令被处理器执行时实现权利要求1至6中任一项所述方法的步骤。

技术总结
本发明提供了一种基于图片融合定位的前端性能优化的方法、系统、终端设备及存储介质，涉及计算机系统领域，系统包括图片合成模块、配置模块、查找模块、图形加载模块以及页面渲染模块，本发明基于图片融合和定位的前端性能优化方案是将前端渠道中用到的大量小图片整合成一张较大的图片，在前端通过小图在大图中的位置信息获取相关的图片，从而实现页面的渲染。该方案可以减少前后端交互的次数，降低网络消耗，从而提升前端性能。从而提升前端性能。从而提升前端性能。


技术研发人员：王宁
受保护的技术使用者：建信金融科技有限责任公司
技术研发日：2022.09.16
技术公布日：2022/12/16