iT邦幫忙

DAY 28
0

30 天學會 Web 前端效能優化系列 第 28

[30 天學會 Web 前端效能優化] 28. YSlow

YSlow 是 Yahoo 開發的瀏覽器 Plugin ,為監測網頁效能必裝的工具之一。之前的文章,我們有介紹到 Google 的 PageSpeed Insights ,事實上它也有 Chrome 的 Extension ,而且比起網頁版多出了一些功能,我通常都會搭配 PageSpeed Insights 以及 YSlow 一起使用。

  1. Google Chrome 版本安裝位址: https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh
  2. Firefox 版本安裝位址: https://addons.mozilla.org/zh-tw/firefox/addon/yslow/

我們以 Google Chrome 為例,在您安裝完成後,應該可以在這個位置找到 YSlow 的圖標,以監測我的部落格為例,打開 YSlow 後只要按下「Run Test」即可:

接著我們就可以看到每一項的分數以及建議要調整的部分:

非常簡單易用吧?這個工具列出來的項目都寫在這一篇文章裡面:Best Practices for Speeding Up Your Web Site。不過 Yahoo 在這一篇列出來的東西有些已經可以 Update 了,例如其中一點「Put Scripts at the Bottom」,現在我們可以直接使用 async keyword ,不一定要將 JS 放在 bottom ,因此假設你被 YSlow 揪出這個問題,但你有使用 async keyword 的話,基本上可以忽視這個訊息,雖然有一點小缺失,但它依然是極具價值的監測工具,除了這一點之外,基本上其他項目都還是適用的。


上一篇
[30 天學會 Web 前端效能優化] 27. Navigation Timing API
下一篇
[30 天學會 Web 前端效能優化] 29. WebPagetest
系列文
30 天學會 Web 前端效能優化30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言