對draw.io第一次加載慢的探討

關于drawio的安裝，傳送門在此

• 簡單來說，就是個畫流程圖的工具

• 第一次部署是很久挺久之前了，那時候遺留下來一個問題——第一次加在特別慢

• 最近又弄了臺云服務器，就想起這個玩意，想測試一下速度是否有所加快。
  

• 事實上是有加快的，之前大概需要一分鐘，這次需要40秒，我想這個應該和服務器的配置有關系，之前的是1核2G1M帶寬，這個是2核4G1M帶寬（傳輸沒有太大變化，處理速度加快了），但是還是偏慢。

原因

1.外網延遲

• 我稍微看了一下NetWork，列出來了幾個用時比較長的項，就是上圖排名靠前的幾行
• 以pusher.min.js文件為例，我們看一下它的請求頭：
  
• 這是瀏覽器發出去的請求頭，它指向我的服務器上的項目
  
• 而真實文件實際上在這里https://js.pusher.com/4.3/pusher.min.js
• 我嘗試過換別的瀏覽器訪問這個js文件（Chrome已經有緩存了，懶得清理），大約需要6秒，其實比較看響應速度——說白了也就是這個網址的網給不給力，其實這個文件也就100K多一點
  

2.服務器帶寬問題

• 如果仔細回去看我當初安裝時提出問題的截圖，可以發現其實加在時間長的文件是隨機出現的（上次不是pusher.min.js，而是一個叫MathJax.js以及一個叫app.min.js的文件）

• 這兩個文件分別是這么大~
  
  

• 可以看到app.min.js有將近5MB的大小，而且請求下載的地址是我服務器的地址
  

• 在IE瀏覽器中的測試可以充分顯示時間主要花在哪
  

• 就是app.min.js這個文件，其實不是網卡，我們可以由上圖長長的綠條得出一個信息，這個文件從我的服務器上下載了足足40秒，那么為什么下載這么久嘞？

• 這里就扯到帶寬的概念，是計網中的基礎概念之一，簡單來說就是傳輸的速度，那么1M的帶寬大概是多少速度呢，換算一下的話就是1024/8 = 128 kb/s

• 對，十年前寬帶的速度。

• 這就比較好理解了，128kb/s的速度下載5MB的文件需要40秒是一件很正常的事情（部分時間帶寬不是全占滿的）。

總結

• 總結一下就是，各種JS文件所需要下載的時間占了第一次加在的大部分時間，而對于外網的下載，更加看運氣；對于服務器的下載更加看帶寬，索性這倆是異步的，所以總時間不是單純的疊加這么簡單，但不管怎么說，國內云服務器1M的帶寬真的夠蛋疼的，想想升級帶寬有點肉疼，就先用著了（窮就完事了）。

總結

以上是生活随笔為你收集整理的对draw.io第一次加载慢的探讨的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。