網站效能會對整個使用者體驗產生巨大影響。如果您最近一直在尋求改善網站效能的方法，可能就聽過 PageSpeed Insights 這項工具。這項工具可分析網頁，並根據行動版和電腦版網站效能的最佳做法，提供加快網頁速度的建議。
PageSpeed 的評分會根據多項因素決定，包括程式碼縮減、圖片最佳化、內容壓縮、輕觸目標大小適當，以及避免到達網頁重新導向的程度。
40% 的使用者會在網頁載入時間超過 3 秒時放棄瀏覽，因此，在開發作業流程中，我們越來越重視網頁在使用者裝置上的載入速度。
建構程序中的成效指標
雖然您可以手動前往 PageSpeed Insights 查看分數，但許多開發人員都詢問是否可以在建構程序中取得類似的效能分數。
答案是：絕對可以。
隆重推出 Node 專用 PSI
今天，我們很高興為 Node 推出 PSI，這是一個新的模組，可與 Gulp、Grunt 和其他建構系統搭配使用，並連結至 PageSpeed Insights 服務，提供網站效能詳細報告。我們來看看這項功能可啟用的報表類型預覽：
上述結果可讓您瞭解可進行哪些類型的改善。舉例來說，如果要將內容大小調整為檢視區，5.92 代表仍可執行「部分」工作，而 24 代表要盡量減少轉譯阻斷資源，這可能表示您需要使用 async 屬性延後 JS 的載入作業。
降低使用 PageSpeed Insights 的門檻
如果您曾嘗試使用 PageSpeed Insights API，或嘗試使用我們在該 API 上建立的任何工具，您可能需要註冊專用 API 金鑰。我們知道這項作業只需幾分鐘即可完成，但如果您在日常工作流程中要取得洞察資料，這可能會造成不便。
很高興通知您，PageSpeed Insights 服務支援不使用 API 金鑰提出要求的功能，每 5 秒最多可提出 1 項要求 (對任何人來說都綽綽有餘)。如要進行更常規的使用或嚴肅的正式版建構作業，建議您註冊金鑰。
PSI 模組支援 nokey 選項，可在幾分鐘內完成設定，也支援 key 選項，可在較長的時間內完成設定。說明如何註冊 API 金鑰。
開始使用
您可以透過兩種方式將 PSI 整合至工作流程。您可以將其整合至建構程序，也可以在系統上做為全域安裝工具執行。
建構程序
在 Grunt 或 Gulp 建構程序中使用 PSI 相當簡單。如果您正在處理 Gulp 專案，可以直接安裝及使用 PSI。
安裝
使用 npm 安裝 PSI，並傳遞 --save-dev 將其儲存至 package.json 檔案。
npm install psi --save-dev
接著，請在 gulp 檔案中定義 Gulp 工作，如下所示 (也涵蓋在 Gulp 範例專案中)：
var psi = require('psi');
gulp.task('psi', function (cb) {
psi({
nokey: 'true', // or use key: ‘YOUR_API_KEY’
url: site,
strategy: 'mobile',
}, cb);
});
針對上述情況，您可以使用以下方式執行工作：
gulp psi
如果您使用 Grunt，可以使用 James Cryer 開發的 grunt-pagespeed，這個套件現在採用 PSI 提供的報表。
安裝
npm install grunt-pagespeed --save-dev
然後在 Grunt 檔案中載入工作：
grunt.loadNpmTasks('grunt-pagespeed');
並設定使用方式：
pagespeed: {
options: {
nokey: true,
url: "https://www.html5rocks.com",
strategy: "mobile"
}
}
接著，您可以使用下列方式執行工作：
grunt pagespeed
做為全域工具安裝
您也可以在系統上安裝 PSI 做為全球可用的工具。我們可以再次使用 npm 安裝工具：
$ npm install -g psi
然後透過任何終端機視窗，要求網站的 PageSpeed Insights 報表 (使用 nokey 選項或特定 API 的 key，如下所示)：
psi http://www.html5rocks.com --nokey --strategy=mobile
或已註冊 API 金鑰的使用者：
psi http://www.html5rocks.com --key=YOUR_API_KEY --strategy=mobile
就是這麼簡單！
繼續努力，讓成效成為企業文化的一部分
我們需要開始多加思索設計和實作對使用者體驗的影響。
PSI 等解決方案可監控電腦和行動裝置的網頁效能，並在部署後的常規工作流程中使用，非常實用。
我們很樂意聽取你的意見，希望 PSI 能協助你改善團隊的成效文化。