js文件載入太慢（js文件載入太慢怎麼解決）

本文目錄一覽：

• 1、網站載入的js過多，打開速度很慢很慢。
• 2、網站中有三個js文件大小超過100KB，超級影響載入速度，想問怎樣優化？
• 3、用的是七牛雲，當出現多個js載入慢的問題要怎麼解決？
• 4、js載入慢與伺服器有關嗎?

網站載入的js過多，打開速度很慢很慢。

1，如果是因為你的伺服器的網速不快，那麼你把js放到一個高速伺服器或者雲存儲是可以的。但是如果客戶端本身的網速不快，你放到哪都沒用。

2、緩存是很好的解決方案。如果你能使用一些公共的js源，比如客戶端以前用過的來源，當打開網站的時候，就會直接找到這些源的緩存，就可以加快打開速度。

3、還要從代碼本身下手，根據不同的頁面，打開不同的js吧。沒用的js就先不要載入了。

網站中有三個js文件大小超過100KB，超級影響載入速度，想問怎樣優化？

1. 將你的JS文件進行壓縮，百度一下，工具一把

2. 伺服器端開啟gzip壓縮

3. 如果你是3個單獨的JS，那麼你可以合成1個文件，減少請求次數

4. 將你的script標籤寫在頁面底部body標籤結束之前

5. 檢查你的js中是否存在特別耗時的邏輯，因為腳本載入時阻塞式的，它會載入完並執行完之後，才會載入其它資源，因此慢並不一定是文件大，也可能是文件執行花了很長時間

6. 如果還是覺得很慢，你可以使用動態載入，不要直接在頁面中寫script標籤，而是動態創建一個script將該腳本引進來，這樣的載入方式是非阻塞式的，不會影響其它資源載入。

7. 上面方法全用了，還是覺得很慢，那你應該檢查你的伺服器和網路情況，因為按理來說100多kb的腳本不至於慢到不可接受的地步。

8. 將頁面中的資源分散到多個一級或二級域名，因為瀏覽器對同一個域名同時載入的資源數量是有限制的

9. 如果你還是覺得很慢，那就玩些高級玩意兒吧（如使用CDN加速等）

10. 上面方法都試過，還是不奏效？那我也沒轍了，除非能現場分析。

用的是七牛雲，當出現多個js載入慢的問題要怎麼解決？

建議你觀察下頁面內資源的載入時間，同時在頁面中打開多個js文件主要耗時為TTFB，主要耗時為「等待某個js載入渲染完成」+「等待dns解析時間」+「瀏覽器的pending策略」等。你在頁面內同步載入了多個js資源，所以下載速度的不可控是正常的。

因為JS在執行的時候會影響到頁面的DOM和樣式等情況。瀏覽器在解析渲染HTML的時候，如果解析到需要下載文件的script標籤，那麼會停止解析接下來的HTML，然後下載外鏈JS文件並執行。減少 JavaScript 對性能的影響有以下幾種方法：1、將所有的

js載入慢與伺服器有關嗎?

載入慢一般是2個原因，伺服器處理資源慢，很長時間還未返回數據。再一個是網路不好，文件稍微大些就需要一些時間傳輸。

所以載入慢與伺服器有一定關係，可以通過chrome的調試面板中的網路面板詳細檢查是哪個環節出了問題