文章目錄
CPU 為何影響網站速度?
因為以前網站的 JavaScript 沒有用的那麼多，所以主要的瓶頸在於網路速度，導致大家網站速度優化的方向都是往「如何讓傳輸量變小」，像是各類 JavaScript 的 minify，甚至是對檔案壓縮演算法的改善 ，以維持相容的 Zopfli 及新的 Brotli。
但現代網站使用 JavaScript 的情況已經是來到了新的境界，甚至有些網站沒有 JavaScript 就不會動，於是對於 CPU 的能力就會愈來愈要求，但因為使用者習慣改變，越來越多人使用行動裝置上網，但行動裝置的CPU與電池電量有限，相較下 CPU 的能力更會影響上網的速度。
網站速度如何檢測?網站速度檢測推薦- WebPageTest
監測網站的表現將變得非常重要的，我們可以使用 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 } );
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 任務能夠盡快研究成功，將有助於運用在監測網站效能上，使網路的速度能夠再次提高階層。