前端缓存优化方法及装置、电子设备及可读存储介质制造方法及图纸

技术编号:39240855 阅读:8 留言:0更新日期:2023-10-30 11:53
本发明专利技术提供了一种前端缓存优化方法及装置、电子设备及可读存储介质。其中,前端缓存优化方法,应用于终端,包括:在终端的网络资源处于空闲状态下,在服务器中获取至少两个静态资源文件;响应于目标显示内容的显示请求输入,确定目标文件标识;基于目标文件标识,筛选至少两个静态资源文件中的目标静态资源文件;根据目标文件标识,在服务器中获取动态资源文件;基于动态资源文件和静态资源文件,生成目标显示内容。本发明专利技术通过在终端的网络资源处于空闲状态下时,提前请求并缓存静态资源文件,进而在响应于显示请求输入时,直接在终端的缓存中获取静态资源文件,从而减少了用户等待时间、减少了静态资源文件的重复加载和网络带宽的消耗。的消耗。的消耗。

【技术实现步骤摘要】
前端缓存优化方法及装置、电子设备及可读存储介质


[0001]本专利技术涉及计算机
,具体而言,涉及一种前端缓存优化方法、一种前端缓存优化装置、一种电子设备以及一种可读存储介质。

技术介绍

[0002]相关技术方案,在前端开发系统中,经常会遇到大量网络请求重复的情况。这些重复请求不仅浪费了网络资源,还导致了接口响应时间长、大数据返回慢等问题,严重影响了用户体验。

技术实现思路

[0003]本专利技术旨在解决或改善上述技术问题的至少之一。
[0004]为此,本专利技术的第一目的在于提供一种前端缓存优化方法。
[0005]本专利技术的第二目的在于提供一种前端缓存优化装置。
[0006]本专利技术的第三目的在于提供一种电子设备。
[0007]本专利技术的第四目的在于提供一种可读存储介质。
[0008]为实现本专利技术的第一目的,本专利技术的技术方案提供了一种前端缓存优化方法,应用于终端,包括:在终端的网络资源处于空闲状态下,在服务器中获取至少两个静态资源文件;响应于目标显示内容的显示请求输入,确定目标文件标识;基于目标文件标识,筛选至少两个静态资源文件中的目标静态资源文件;根据目标文件标识,在服务器中获取动态资源文件;基于动态资源文件和目标静态资源文件,生成目标显示内容。
[0009]本专利技术提供的前端缓存优化方法,应用于终端,具体步骤包括:通过预加载的方式来缓存静态资源文件,在网络资源有空闲时,利用空闲的网络资源提前向服务器发出请求,并将获取到的多个静态资源文件缓存在终端中。当用户在终端中输入目标显示内容的显示请求时,根据显示请求确定目标文件标识,可以理解的是,显示内容是由静态资源文件和动态资源文件组合生成的,因此,需要根据目标文件标识分别确定目标静态资源文件和动态资源文件。具体地,在获取目标静态资源文件时,由于终端在网络资源空闲时,已经缓存了多个静态资源文件,因此可以直接通过目标文件标识在终端缓存的多个静态资源文件中筛选出目标静态资源文件。在获取目标动态资源文件时,由于动态资源文件是变化的,因此需要将目标文件标识发送至服务器,在服务器中获取动态资源文件。最终在分别获取到目标静态资源文件和动态资源文件后,将获取到的目标静态资源文件和动态资源文件进行处理,从而生成目标显示内容,并向用户显示。本专利技术通过在终端的网络资源处于空闲状态下时,提前请求并缓存静态资源文件,进而在响应于显示请求输入时,直接在终端的缓存中获取静态资源文件,从而减少了用户等待时间、减少了静态资源文件的重复加载和网络带宽的消耗,从而提高了页面的流畅运行,提高了用户的使用体验。
[0010]另外,本专利技术提供的技术方案还可以具有如下附加技术特征:
[0011]在一些技术方案中,可选地,基于目标文件标识,筛选至少两个静态资源文件中的
目标静态资源文件的步骤,包括:根据目标文件标识与至少两个静态资源文件中的静态资源文件进行匹配;根据匹配结果筛选出目标静态资源文件。
[0012]在该技术方案中,基于目标文件标识,筛选至少两个静态资源文件中的目标静态资源文件的步骤,即根据目标文件标识在终端缓存的多个静态资源文件中获取目标静态资源文件的步骤,包括:根据目标文件标识分别与终端缓存的多个静态资源文件进行匹配,然后根据匹配结果获取出目标静态资源文件,即当目标文件标识与静态资源文件相互匹配的话,说明该静态资源文件是目标静态资源文件,则对该静态资源文件从终端缓存中进行获取;当目标文件标识与静态资源文件不匹配的话,说明该静态资源文件不是目标静态资源文件,则不对其进行获取。通过根据目标文件标识筛选出目标静态资源文件,从而确保了最终目标显示内容的准确性。
[0013]在一些技术方案中,可选地,根据匹配结果筛选出目标静态资源文件的步骤,包括:基于目标文件标识与至少两个静态资源文件中的静态资源文件匹配成功,在至少两个静态资源文件中获取目标静态资源文件;基于目标文件标识与至少两个静态资源文件中静态资源文件匹配不成功,在服务器中获取目标静态资源文件。
[0014]在该技术方案中,根据匹配结果筛选出目标静态资源文件的步骤,还包括:当目标文件标识与终端缓存的多个静态资源文件中的静态资源文件相匹配时,说明目标静态资源文件目前在终端缓存中,则直接在终端缓存中获取与目标文件标识相匹配的静态资源文件作为目标静态资源文件并输出;当目标文件标识与终端缓存的多个静态资源文件中的静态资源文件都不匹配时,说明当前的终端缓存中不存在目标静态资源文件,因此需要将目标文件标识发送至服务器中,在服务器中获取目标静态资源文件。
[0015]在一些技术方案中,可选地,动态资源文件为服务器基于接口路径缓存规则所缓存的文件,接口路径规则为基于接口路径被触发,将接口路径发出的动态资源文件进行缓存。
[0016]在该技术方案中,目标文件标识在服务器中所获取的动态资源文件是服务器根据接口路径缓存规则所缓存的动态资源文件。可以理解的是,在服务器获取动态资源文件是通过对服务器的接口进行访问,然后与目标文件标识相对应的动态资源文件在通过服务器的接口返回到终端。因此,在获取动态资源文件的过程中需要重复的对接口进行访问。为了解决接口重复访问导致服务器负载过大的问题,设计了一个接口路径缓存规则。通过在后台配置接口的缓存时间和路径,可以将接口路径的响应结果缓存起来,当下次请求相同接口路径时,直接返回缓存的结果,从而减少对服务器的访问,节省带宽和服务器资源。
[0017]在一些技术方案中,可选地,根据目标文件标识,在服务器中获取动态资源文件的步骤,包括:根据目标文件标识与接口路径进行匹配;基于匹配结果获取动态资源文件。
[0018]在该技术方案中,根据目标文件标识在服务器中获取动态资源文件的步骤,包括:由于在服务器中基于接口路径缓存规则缓存了部分动态资源文件,因此在服务器收到目标文件标识时,将目标文件标识分别与接口路径进行匹配,当匹配成功时,说明该接口路径为目标文件标识进入服务器的接口路径,进而根据接口路径在服务器中获取动态资源文件。
[0019]在一些技术方案中,可选地,基于匹配结果获取动态资源文件的步骤,包括:基于目标文件标识与接口路径匹配,获取服务器缓存的动态资源文件;基于目标文件标识与接口路径不匹配,在服务器中获取动态资源文件。
[0020]在该技术方案中,基于匹配结果获取动态资源文件的步骤包括:当目标文件标识与服务器所缓存的接口路径相匹配时,说明服务器缓存中存在与目标文件标识相应的动态资源文件,因此无需在对服务器进行访问,直接在服务器缓存中获取动态资源文件;当目标文件标识与服务器所缓存的接口路径不匹配,说明当服务器缓存中不存在与目标文件标识相应的动态资源文件,因此需要对服务器进行访问,在服务器中获取与目标文件标识相应的动态资源文件,同时服务器还对该动态资源文件进行缓存。进一步地,在服务器中获取动态资源文件时,还需要对服务器输出该动态资源文件的接口进行优化,例如对动态资源文件进行压缩或对动态资源文件采用分片传输等技术手段,从而减少动态资源文件的大小和本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种前端缓存优化方法,其特征在于,应用于终端,包括:在所述终端的网络资源处于空闲状态下,在服务器中获取至少两个静态资源文件;响应于目标显示内容的显示请求输入,确定目标文件标识;基于所述目标文件标识,筛选所述至少两个静态资源文件中的目标静态资源文件;根据所述目标文件标识,在所述服务器中获取动态资源文件;基于所述动态资源文件和所述目标静态资源文件,生成所述目标显示内容。2.根据权利要求1所述的前端缓存优化方法,其特征在于,所述基于所述目标文件标识,筛选所述至少两个静态资源文件中的目标静态资源文件的步骤,包括:根据所述目标文件标识与所述至少两个静态资源文件中的所述静态资源文件进行匹配;根据匹配结果筛选出所述目标静态资源文件。3.根据权利要求2所述的前端缓存优化方法,其特征在于,所述根据匹配结果筛选出所述目标静态资源文件的步骤,包括:基于所述目标文件标识与所述至少两个静态资源文件中的所述静态资源文件匹配成功,在所述至少两个静态资源文件中获取所述目标静态资源文件;基于所述目标文件标识与所述至少两个静态资源文件中所述静态资源文件匹配不成功,在所述服务器中获取所述目标静态资源文件。4.根据权利要求1所述的前端缓存优化方法,其特征在于,所述动态资源文件为所述服务器基于接口路径缓存规则所缓存的文件,所述接口路径缓存规则为基于所述接口路径被触发,将所述接口路径发出的所述动态资源文件进行缓存。5.根据权利要求4所述的前端缓存优化方法,其特征在于,所述根据所述目标文件标识,在所述服务...

【专利技术属性】
技术研发人员:喻庆董迎中王明怀
申请(专利权)人:用友汽车信息科技上海股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1