解決頁面上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、壓縮文本和圖片

  利用壓縮技術壓縮文本及圖片,縮小文件的大小,從而提高加載速度。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM