一种前端资源动态预加载方法、系统、设备及介质技术方案

本发明专利技术提供了一种前端资源动态预加载方法、系统、设备及介质，属于前端工程技术领域。方法包括：基于Transformer时序模型架构构建并训练用户行为预测模型，压缩处理后部署到浏览器端；通过监听用户交互事件，获取用户的行为数据，构建时序操作序列，并采集网络信息与设备性能信息；将时序操作序列输入模型，输出下一步操作的概率分布，并确定相关的资源；基于概率分布、资源类型和网络信息，计算出资源的优先级，生成资源优先级队列；根据网络信息与设备性能信息，确定预加载的资源类型，调整资源优先级队列生成预加载策略；定义缓存规则并生成缓存配置文件，利用CDN缓存预加载资源；执行预加载策略，并在加载失败后进行回退处理。

【技术实现步骤摘要】

本专利技术属于前端工程，更具体的说是涉及一种前端资源动态预加载方法、系统、设备及介质。

技术介绍

1、随着互联网技术的迭代发展，单页应用（spa）与复杂web应用已成为前端架构的主流形态。这类应用通过javascript动态渲染页面内容，能够实现接近原生应用的交互体验，但同时也面临首屏加载耗时过长、用户交互延迟等性能瓶颈。当前业界广泛采用的代码分割、懒加载及静态缓存策略等优化手段，虽能部分缓解加载压力，但在实际应用中仍存在多维度的技术缺陷。

2、首先，预加载逻辑与用户行为的动态脱节构成首要技术痛点。现有方案大多依赖视口内资源加载、路由层级预加载等固定规则或静态配置，缺乏对用户操作模式的实时感知能力。例如，传统懒加载仅在用户滚动至特定区域时触发图片加载，无法预判潜在的点击路径；静态缓存策略基于“热门资源”预设加载清单，难以适配不同用户的个性化操作习惯。这种“规则固化”的预加载模式，常导致关键资源未被提前加载，非必要资源却被冗余加载，直接影响交互流畅度。

3、其次，设备与网络环境适配能力的缺失进一步加剧性能损耗。固定规则下的预加载机制无本文档来自技高网...

【技术保护点】

1.一种前端资源动态预加载方法，其特征在于，包括：

2.根据权利要求1所述的前端资源动态预加载方法，其特征在于，所述基于Transformer时序模型架构构建并训练用户行为预测模型，对用户行为预测模型进行压缩处理，生成轻型预测模型并部署到浏览器端，包括：

3.根据权利要求1所述的前端资源动态预加载方法，其特征在于，所述通过监听用户交互事件，获取用户的行为数据，生成用户操作序列，构建时序操作序列，并实时采集网络信息与设备性能信息，包括：

4.根据权利要求3所述的前端资源动态预加载方法，其特征在于，所述基于所述概率分布、资源类型和网络信息，计算出资源的优先...

【技术特征摘要】

1.一种前端资源动态预加载方法，其特征在于，包括：

2.根据权利要求1所述的前端资源动态预加载方法，其特征在于，所述基于transformer时序模型架构构建并训练用户行为预测模型，对用户行为预测模型进行压缩处理，生成轻型预测模型并部署到浏览器端，包括：

3.根据权利要求1所述的前端资源动态预加载方法，其特征在于，所述通过监听用户交互事件，获取用户的行为数据，生成用户操作序列，构建时序操作序列，并实时采集网络信息与设备性能信息，包括：

4.根据权利要求3所述的前端资源动态预加载方法，其特征在于，所述基于所述概率分布、资源类型和网络信息，计算出资源的优先级，生成资源优先级队列，包括：

5.根据权利要求4所述的前端资源动态预加载方法，其特征在于，所述根据网络信息与设备性能信息，确定预加载的资源类型，调整资源优先级队列生成预加载策略，...

【专利技术属性】
技术研发人员：林栋，罗臣浩，李连伟，解荧，宋克兵，
申请(专利权)人：山东浪潮云政信息技术有限公司，
类型：发明
国别省市：