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

CPU 成為現代網站速度的瓶頸! CPU 為何影響網站速度?

CPU 為何影響網站速度?

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

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

網站速度如何檢測?網站速度檢測推薦- WebPageTest

監測網站的表現將變得非常重要的,我們可以使用 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 } );

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

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

看完文章後有什麼心得想與我們分享...