搜尋

首頁  >  問答  >  主體

javascript - 頁面載入慢,有什麼優化方案

哪位大神幫忙看一下,頁面載入很慢是什麼原因,希望能具體分析一下,有什麼好的解決辦法
線上地址http://cqwind.chinacloudapp.c...

#
学习ing学习ing2704 天前980

全部回覆(4)我來回復

  • 迷茫

    迷茫2017-07-05 11:06:00

    看了圖,耗時最長的幾個都是Ajax/XHR請求。

    由於靜態資源載入很快,所以不可能是網速的原因。所以你可以:

    1. 在前端盡量合併HTTP請求。

    2. 讓後台優化一下,提高對應速度。 (你的情況看,最關鍵的地方應該在這裡;如果後台甩鍋,那你換個地方模擬HTTP請求,如使用Postman之類的工具,用事實說話。)

    回覆
    0
  • 仅有的幸福

    仅有的幸福2017-07-05 11:06:00

    1.壓縮js,css,看了都沒壓縮

    2.壓縮圖片

    3.可以把css這些打包,或者建議第一次加載得時候,做一個loading層

    這些資源檔案最好都壓縮打包了一下,用gulp最簡單就能實現,還有如果提供更好的用戶體驗,可以學學google
    earth,第一次訪問加載所有資源,bundle,提供一個loading層。後面的動態數據要嘛輪訓,要嘛直接做websocket

    還有就是我仔細看了,你得數據是呼叫的耗時比較嚴重,所以建議還是得折騰下後端優化。 google也有健康檢查工具,會給你建議

    回覆
    0
  • PHP中文网

    PHP中文网2017-07-05 11:06:00

    1. 檢查客戶端和服務端網絡,40秒一般來說不正常;

    2. Chrome -> F12 -> Audits 仔細看他給的建議;

    3. png 全部轉 webP,至少全部用 tinyPNG;

    4. 找出拖累載入的靜態資源,上 CDN;

    5. 升級 http/2;

    6. 預先載入 / 本地快取;

    7. 不是 JSP 的話,換掉 Tomcat,例如 nginx;

    回覆
    0
  • 伊谢尔伦

    伊谢尔伦2017-07-05 11:06:00

    1. 關於耗時長的計算部分可以交給後台定時處理,將結果緩存,頁面直接調用緩存就行

    2. 最佳化計算邏輯

    3. 偵測耗時 sql

    回覆
    0
  • 取消回覆