CPU成為現代網站速度的瓶頸!

CPU成為現代網站速度的瓶頸!

以前的網站因為JavaScript都沒有用的那麼多,所以主要的瓶頸在於網路速度,導致大家最佳化的方向都是往「如何讓傳輸量變小」,像是各類JavaScript的 minify,甚至是對檔案壓縮演算法的改善 ,以維持相容的 Zopfli及新的 Brotli

但現代網站使用JavaScript的情況已經是來到了新的境界,甚至有些網站沒有JavaScript就不會動,於是對於 CPU 的能力就會愈來愈要求,但因為使用者習慣改變,越來越多人使用行動裝置上網,但行動裝置的CPU與電池電量有限,相較下CPU的能力更會影響上網的速度。

因此,監測網站的表現將變得非常重要的,我們可以使用WebPageTest來監測網站,它可以提供豐富的診斷訊息,以及資源加載的流量圖,網站速度優化檢查和改進建議。

目前一位美國的網路工程師史蒂夫‧索德斯(Steve Souders),正在研究如何該善此瓶頸,雖然研究的API只能在Chrome中使用,其他瀏覽器尚在觀測中,未來這將有助於網站開發者追蹤以及觀測網站速度緩慢的原因。

運作方式是將以下代碼放至於網頁中的其他代碼之前:

var aPE = [ ];
var observer = new PerformanceObserver(function(list) {
var perfEntries = list.getEntries();
for (var i = 0; i < perfEntries.length; i++) {
var p = perfEntries[i];
aPE.push(p);
}
});
observer.observe( { entryTypes: [“longtask”], buffered: true } );

希望此項API任務能夠盡快研究成功,將有助於運用在監測網站效能上,使網路的速度能夠再次提高階層。

文章參考:Performance Calendar-Tracking CPU with Long Tasks API