背景
電梯維保項目首頁第一次打開滞诺,需要等30秒形导,用戶滿意度低下,今天抽空想辦法做優(yōu)化习霹。
解決
首頁動畫效果比較多朵耕,加載的css和js文件有60個以上,http異步請求數(shù)據(jù)有
5次淋叶。打開谷歌瀏覽器調(diào)試工具阎曹,發(fā)現(xiàn)有個echarts.js插件耗時最長4s,文件有2m,竟然是源碼文件处嫌,沒有經(jīng)過壓縮栅贴。果斷采用第三方CDN加速服務(wù)加載js:http://cdn.bootcss.com/echarts/4.1.0.rc2/echarts.common.min.js
頁面初始化時,上面的按月統(tǒng)計工單和下面的故障原因餅圖統(tǒng)計同時啟動多個ajax并發(fā)請求熏迹,造成請求阻塞筹误。想到的解決辦法:頁面初始化時候,下面的故障原因先不請求數(shù)據(jù)癣缅,等用戶下拉滾動條后再請求數(shù)據(jù)厨剪。
nginx優(yōu)化,開啟gzip 來提高頁面加載速度友存。
用上這3招祷膳,首頁加載時間降到3s。