Web App讀取時間時快時慢

angular2 java tomcat npm webpack

drhiromu 2017-01-17 10:56:10 ‧ 4424 瀏覽

分享至

目前在開發App上遇到一個問題
我前端是用Angular2 後端是 Java
原本在開發時
前端利用NodeJS啟動App
第一次網頁讀取時間有時候可能比較久
約略10~15秒
開啟網頁後經過一段時間
再回來使用App
還是網頁讀取速度依然順暢
但是利用Webpack打包前端App後
放到後端Project
利用Tomcat起Server
經過同樣的時間
再進行功能操作
讀取速度就變慢了
約略10~15秒
請問是不是有Cache之類的機制
讓這樣的差異出現?
請問各位是否有什麼建議
可以讓我去解決這個問題?
謝謝

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

fillano

iT邦超人 1 級 ‧ 2017-01-17 11:05:26

用Chrome的開發者工具的「Audits」看過嗎？

另外，透過window.performance.timing也可以抓到一些效能資料，例如：

(function(p){alert(function(t){var ret=[];for(var i in t)if(typeof t[i]!=='function'&&t[i]>0)ret.push({name:i,value:t[i]});return ret}(p).sort(function(a,b){return a.value-b.value}).map(function(d,i,a){if(i>0){return d.name+':'+(d.value-a[i-1].value)}else{return d.name+':0'}}).join('\n'))})(performance.timing)

把這段程式複製到開發者工具的Console下跑，可以看到這次request的timing資料。