js文件下載慢（網頁下載文件特別慢）

本文目錄一覽：

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

2. 伺服器端開啟gzip壓縮

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

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

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

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

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

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

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

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

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

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

解決辦法：換一個js包含的方式，讓javascript載入速度倍增。

把通常載入方式：

script src=”xxxx.js”/script

改變成：

script type=”text/javascript”document.write(“scr”+”ipt src=\”xxx.js\”/sc”+”ript”)

/script

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。

在1995年時，由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。

為了取得技術優勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上運行。為了統一規格，因為JavaScript兼容於ECMA標準，因此也稱為ECMAScript。

原創文章，作者：YU0BK，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/129368.html