预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共11页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113836456A(43)申请公布日2021.12.24(21)申请号202111113100.1(22)申请日2021.09.23(71)申请人桂林长海发展有限责任公司地址541001广西壮族自治区桂林市秀峰区长海路3号(72)发明人覃楼陈凯李贵薪周思成谢帆周万力(74)专利代理机构北京轻创知识产权代理有限公司11212代理人厉洋洋(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书7页附图1页(54)发明名称一种对WEB前端网页进行性能优化的方法、装置和存储介质(57)摘要本发明涉及一种对WEB前端网页进行性能优化的方法、装置和存储介质,所述方法包括:对原始WEB前端网页依次采用HTML优化法、CSS优化法和JavaScript优化法进行处理,得到第一优化网页;对所述第一优化网页依次采用网页图片处理技术和网页内容优化法进行处理,得到第二优化网页;获取并对所述第二优化网页中的代码进行合并与压缩,根据合并与压缩的代码得到最终优化网页。本发明克服了目前WEB前端网页性能不足的问题,通过对网页前端界面、网页以及代码等内容进行优化,为用户提供了一种界面加载速度快、代码简洁以及占用空间少的WEB前端网页,给用户带来了更加快速、稳定的服务与体验。CN113836456ACN113836456A权利要求书1/2页1.一种对WEB前端网页进行性能优化的方法,其特征在于,包括:对原始WEB前端网页依次采用HTML优化法、CSS优化法和JavaScript优化法进行处理,得到第一优化网页;对所述第一优化网页依次采用网页图片处理技术和网页内容优化法进行处理,得到第二优化网页;获取并对所述第二优化网页中的代码进行合并与压缩,根据合并与压缩的代码得到最终优化网页。2.根据权利要求1所述的一种对WEB前端网页进行性能优化的方法,其特征在于,所述对原始WEB前端网页依次采用HTML优化法、CSS优化法和JavaScript优化法进行处理,得到第一优化网页,具体包括:利用所述HTML优化法对所述原始WEB前端网页的空白字符进行删除,并将所述原始WEB前端网页的绝对路径替换为相对路径,并将所述原始WEB前端网页的文字用标签进行表示以及将所述原始WEB前端网页中的iframe标签进行替换的方式对所述原始WEB前端网页进行优化,得到第一部分优化网页;利用所述CSS优化法将所述第一部分优化网页中的CSS文件放入head标签,并对所述CSS文件中存在的相同样式进行提取并精简,得到第二部分优化网页;利用所述JavaScript优化法对所述第二部分优化网页进行优化处理,得到所述第一优化网页。3.根据权利要求1或2所述的一种对WEB前端网页进行性能优化的方法,其特征在于,所述网页图片处理技术包括CSSSprites技术和图片懒加载技术,则所述对所述第一优化网页依次采用网页图片处理技术和网页内容优化法进行处理,得到第二优化网页,具体包括:利用所述CSSSprites技术对所述第一优化网页的原始图片进行整合,并对整合得到的大图中的各个所述原始图片进行定位并加载,得到第一图片处理网页;利用所述图片懒加载技术将所述第一图片处理网页的图片链接设置为空白,直至待加载图片进入可视窗口时,将所述待加载图片在所述第一图片处理网页中显示,并得到所述第二图片处理网页;利用所述网页内容优化法对所述第二图片处理网页的HTML链接增加预加载功能,并将所述第二图片处理网页的内容进行缓存处理,得到所述第二优化网页。4.一种对WEB前端网页进行性能优化的装置,其特征在于,包括:第一优化模块,第二优化模块,处理模块;所述第一优化模块用于:对原始WEB前端网页依次采用HTML优化法、CSS优化法和JavaScript优化法进行处理,得到第一优化网页;所述第二优化模块用于:对所述第一优化网页依次采用网页图片处理技术和网页内容优化法进行处理,得到第二优化网页;所述处理模块用于:获取并对所述第二优化网页中的代码进行合并与压缩,根据合并与压缩的代码得到最终优化网页。5.根据权利要求4所述的一种对WEB前端网页进行性能优化的装置,其特征在于,所述第一优化模块具体用于:利用所述HTML优化法对所述原始WEB前端网页的空白字符进行删除,并将所述原始WEB2CN113836456A权利要求书2/2页前端网页的绝对路径替换为相对路径,并将所述原始WEB前端网页的文字用标签进行表示以及将所述原始WEB前端网页中的iframe标签进行替换的方式对所述原始WEB前端网页进行优化,得到第一部分优化网页;利用所述CSS优化法将所述第一部分优化网页中的CSS文件放入head标签,并对所述CSS文