一种网页代码优化方法、装置、电子设备及存储介质制造方法及图纸

技术编号:31089106 阅读:29 留言:0更新日期:2021-12-01 12:48
本申请涉及一种网页代码优化方法、装置、电子设备及存储介质,属于计算机技术领域。该网页代码优化方法包括:获取待优化网站的Web根目录中的HTML文件、CSS文件、JS文件;删除所述CSS文件中未被所述HTML文件下的HTML代码引用,且在所述JS文件下的JS代码中未动态创建元素的CSS代码,得到删除冗余代码之后的Web根目录。本申请实施例中,通过获取待优化网站的Web(网页)根目录,这样就可以实现对整个目录下的文件进行优化,避免了针对单文件优化时,当单文件较多时存在操作步骤繁琐,并且容易遗漏待优化文件的问题。优化文件的问题。优化文件的问题。

【技术实现步骤摘要】
一种网页代码优化方法、装置、电子设备及存储介质


[0001]本申请属于计算机
,具体涉及一种网页代码优化方法、装置、电子设备及存储介质。

技术介绍

[0002]随着Web技术的发展,基于前端框架和插件进行开发的网站越来越多,然而框架和插件中有很多CSS(Cascading Style Sheets,层叠样式表)代码和JS(JavaScript)代码并未被网页所引用,使得CSS无效代码和JavaScript无效代码堆积,文件加载缓慢,严重影响网页加载速度。
[0003]现有的网页优化方法中,局限于对单页面或单文件的逐个清除,操作步骤繁琐,容易遗漏待优化的页面或者文件。

技术实现思路

[0004]鉴于此,本申请的目的在于提供一种网页代码优化方法、装置、电子设备及存储介质,以改善现有当单文件较多时存在操作步骤繁琐,并且容易遗漏待优化文件的问题。
[0005]本申请的实施例是这样实现的:
[0006]第一方面,本申请实施例提供了一种网页代码优化方法,包括:获取待优化网站的Web根目录中的HTML文件、CSS本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页代码优化方法,其特征在于,包括:获取待优化网站的Web根目录中的HTML文件、CSS文件、JS文件;删除所述CSS文件中未被所述HTML文件下的HTML代码引用,且在所述JS文件下的JS代码中未动态创建元素的CSS代码,得到删除冗余代码之后的Web根目录。2.根据权利要求1所述的方法,其特征在于,所述方法还包括:删除所述JS文件中的无效代码。3.根据权利要求2所述的方法,其特征在于,删除所述JS文件中的无效代码,包括:提取所述JS文件下的JS代码中的监听事件和函数;遍历提取到的监听事件,删除其中未被HTML代码引用,且在JS代码中未动态创建元素的事件代码;遍历提取到的函数,删除其中未被HTML代码调用,且未被JS代码调用的函数的函数代码。4.根据权利要求2所述的方法,其特征在于,删除所述JS文件中的无效代码包,包括:从获取到的JS文件中删除其中无效的JS文件;删除剩余的JS文件中的无效代码。5.根据权利要求4所述的方法,其特征在于,从获取到的JS文件中删除其中无效的JS文件,包括:遍历获取到的JS文件,通过正则表达式在所述HTML文件下的HTML代码和所述JS文件下的JS代码中查找未被引用的无效JS文件;将查找到的未被引用的无效JS文件删除。6.根据权利要求1所述的方法,其特征在于,删除所述CSS文件中未被所述HTML文件下的HTML代码引用,且在所述JS文件下的JS代码中未动态创建元...

【专利技术属性】
技术研发人员:邹长生彭璐婷徐明礼
申请(专利权)人:北京天融信科技有限公司北京天融信软件有限公司
类型:发明
国别省市:

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

1