网页加载优化方法、装置、设备及可读存储介质制造方法及图纸

技术编号:43343346 阅读:22 留言:0更新日期:2024-11-15 20:39
本申请实施例提供了一种网页加载优化方法、装置、设备及可读存储介质,属于网页加载领域。其中方法包括:通过网页分析工具获取首次内容绘制时间;若首次内容绘制时间大于第一预设阈值,则分析语言文件和层叠样式表文件的依赖关系;根据依赖关系将语言文件和层叠样式表文件拆分得到语言子文件和层叠样式表子文件;通过前端资源构建工具设置语言子文件和层叠样式表子文件的加载顺序,通过加载顺序延迟加载非初始语言子文件和非初始层叠样式表子文件;通过加载顺序加载初始语言子文件和初始层叠样式表子文件。通过前端资源构建工具将语言文件和层叠样式表文件进行分割,并按需加载当前页面所需的子文件,减小初始加载时间。

【技术实现步骤摘要】

本申请涉及网页加载领域,尤其涉及一种网页加载优化方法、装置、设备及可读存储介质


技术介绍

1、当前开发的网站性能评分较低,如果网站中使用了大量的高分辨率图片或视频素材,素材的加载和渲染会消耗大量的时间和资源,通常主要问题在于首次内容绘制(firstcontent paint,fcp)时间较长,即网站加载速度较慢,白屏时间长;加载页面时脚本执行时间和阻塞主线程的操作时间较长,即总阻塞时间(total blocking time,tbt)较长,影响用户体验。


技术实现思路

1、为了解决上述技术问题,本申请实施例提供了一种网页加载优化方法、装置、设备及可读存储介质。

2、第一方面,本申请实施例提供了一种网页加载优化方法,所述方法包括:

3、通过网页分析工具获取首次内容绘制时间;

4、若所述首次内容绘制时间大于第一预设阈值,则分析语言文件和层叠样式表文件的依赖关系;

5、根据所述依赖关系将所述语言文件和所述层叠样式表文件拆分得到语言子文件和层叠样式表子文件;

<本文档来自技高网...

【技术保护点】

1.一种网页加载优化方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述根据所述依赖关系将所述语言文件和所述层叠样式表文件拆分得到语言子文件和层叠样式表子文件,包括:

3.根据权利要求1所述的方法,其特征在于,所述通过所述加载顺序延迟加载非初始语言子文件和非初始层叠样式表子文件,包括:

4.根据权利要求1所述的方法,其特征在于,所述初始语言子文件包括待加载图片,所述通过所述加载顺序加载所述初始语言子文件,包括:

5.根据权利要求4所述的方法,其特征在于,所述通过所述前端资源构建工具的统一资源定位加载器或文件加载器...

【技术特征摘要】

1.一种网页加载优化方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述根据所述依赖关系将所述语言文件和所述层叠样式表文件拆分得到语言子文件和层叠样式表子文件,包括:

3.根据权利要求1所述的方法,其特征在于,所述通过所述加载顺序延迟加载非初始语言子文件和非初始层叠样式表子文件,包括:

4.根据权利要求1所述的方法,其特征在于,所述初始语言子文件包括待加载图片,所述通过所述加载顺序加载所述初始语言子文件,包括:

5.根据权利要求4所述的方法,其特征在于,所述通过所述前端资源构建工具的统一资源定位加载器或文件加载器加载压缩后的图片,包括:

【专利技术属性】
技术研发人员:许锋刚王鉴菁
申请(专利权)人:深圳市优必选科技股份有限公司
类型:发明
国别省市:

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

1