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