Google 這幾年不斷提倡網站速度的重要性，不僅有助於留住更多訪客、提升轉換率，就連搜尋引擎排名也會將網頁載入速度作為排序指標之一，如果你是使用 WordPress 架站，讓網站支援 AMP（Accelerated Mobile Pages）技術無疑可發揮如閃電般最佳效能，趕緊捲起袖子動手自己做吧！
Google 行動網站速度測試工具，比較最多 10 網址在不同國家開啟時間
網站工具
使用 Cloudflare 的 Page Rule 增強 WordPress 安全性和效能教學
相信使用 WordPress 架站的朋友一定都聽過 Cloudflare，我也陸續寫過幾篇關於它的相關應用和教學，簡單來說，Cloudflare 是一項整合網域名稱解析、網站加速和安全防護等功能的超實用工具，它的內容傳遞網路特性可讓網站在全世界各個地區都有相當好的連線速度。如果你正在起步，也正好使用 WordPress，那麼絕對推薦搭配 Cloudflare 使用，可讓你的網站有加分效果，也省去很多麻煩。
Uptime Robot 老牌免費網頁監控服務，可加入 50 頁面、5 分鐘間距
每個網站經營者都必須準備至少一個網站監測服務，以我的經驗來說，我喜歡 Pingdom 搭配 Jetpack Monitor（WordPress 公司提供的免費監測工具），沒有一家主機商保證自家伺服器能夠 100% 正常運作，透過監測服務在發生問題當下就能立即收到警報通知，有效減少因無法連線造成的損失。我之前就陸續介紹過不少好用的監控工具，多半都有提供免費方案，如果你需要更短的監測時間間距、更多監測項目或簡訊通知功能就必須付費升級。
Load Impact 為網站做壓力測試，了解能讓多少使用者同時在線上
對於網站站長來說，主機或相關服務開銷主要取決於網站人數多寡，以更淺白的說法就是當你要負載更多使用者同時在線上，也必須提供更充裕的系統資源。這就會加大營運上的成本。閒置的資源太多會造成不必要的支出浪費；當訪客突然增加時，必須準備更多硬體資源讓其他人可以正常開啟並瀏覽網站。
Site Palette 從網站獲取配色，快速產生完整調色盤資訊（Chrome 擴充功能）
最近介紹過一些令人印象深刻的色彩工具，多半都是 Google Chrome 外掛，例如我個人很喜愛的「CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表」，能以更簡單、有組織性的方式呈現網站樣式和各元件，對開發者來說是非常實用的工具。當然瀏覽器可以做的事情也很多，包括一行程式碼將瀏覽器變成網頁編輯器，直接從網頁中修改內容，在開發網站測試時會省時省事很多。
Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議
相信網頁設計師一定對 A11y（Accessibility，網頁親和力）不陌生，這個功能主要是透過軟硬體整合，讓殘疾或受過嚴重損傷的使用者可以正常瀏覽並操作你的網頁，雖然看起來有些困難，其實只要在開發時遵循網頁親和力的設計指南即可達成。不少佈景主題都已經內建支援 A11y ，如果你想自己手動研究，也有不少文件可參考，當然最重要的是知道自己網站有沒有符合網頁親和力規範。
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本身就有強大的開發人員工具可以使用，但如果遇到要查詢某個網頁使用的字型或色彩時還是習慣以 Fontface Ninja、Type Sample 這類工具快速找到我要的資訊。
