解决页面上JS文件加载过慢问题
1、合并CSS和JS文件
将共同部门的CSS文件和JS文件合并到一个文件,在其他页面调用该文件。
2、合并图片
将一些零碎的图片用PS合并为一个图片,这样就可以把请求多个图片改为请求一个,从而达到提速的目的。
3、将js代码及文件放到</body>前
无论是引用的外部js文件还是js代码,都放到页面的最后执行,如此也现将页面加载,减少页面空白的时间。
4、给引用的js文件加defer="defer"
<script defer="defer" src="${ctx}/js/echarts.min.js"></script>(好像是js文件异步,具体原理不是太了解。可自行百度),尽量使用精简版的插件
5、优先加载功能图片,多图片使用懒加载方式
6、压缩文本和图片
利用压缩技术压缩文本及图片,缩小文件的大小,从而提高加载速度。