解决页面上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、压缩文本和图片

  利用压缩技术压缩文本及图片,缩小文件的大小,从而提高加载速度。

原文地址:https://www.cnblogs.com/zying3/p/10278102.html