對於網站站長來說，主機或相關服務開銷主要取決於網站人數多寡，以更淺白的說法就是當你要負載更多使用者同時在線上，也必須提供更充裕的系統資源。這就會加大營運上的成本。閒置的資源太多會造成不必要的支出浪費；當訪客突然增加時，必須準備更多硬體資源讓其他人可以正常開啟並瀏覽網站。
網頁開發
Site Palette 從網站獲取配色，快速產生完整調色盤資訊（Chrome 擴充功能）
最近介紹過一些令人印象深刻的色彩工具，多半都是 Google Chrome 外掛，例如我個人很喜愛的「CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表」，能以更簡單、有組織性的方式呈現網站樣式和各元件，對開發者來說是非常實用的工具。當然瀏覽器可以做的事情也很多，包括一行程式碼將瀏覽器變成網頁編輯器，直接從網頁中修改內容，在開發網站測試時會省時省事很多。
Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議
相信網頁設計師一定對 A11y（Accessibility，網頁親和力）不陌生，這個功能主要是透過軟硬體整合，讓殘疾或受過嚴重損傷的使用者可以正常瀏覽並操作你的網頁，雖然看起來有些困難，其實只要在開發時遵循網頁親和力的設計指南即可達成。不少佈景主題都已經內建支援 A11y ，如果你想自己手動研究，也有不少文件可參考，當然最重要的是知道自己網站有沒有符合網頁親和力規範。
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本身就有強大的開發人員工具可以使用，但如果遇到要查詢某個網頁使用的字型或色彩時還是習慣以 Fontface Ninja、Type Sample 這類工具快速找到我要的資訊。
Paper-co 免費下載紙張紋理材質背景，高畫質圖片可做商業用途
網路上有各種素材資源可免費下載使用，如果花點時間搜尋通常能有收穫，當然在亞洲或美國網站找到的類型不太一樣，我個人比較喜歡日系素材，更為精緻細膩且符合我的需求，例如：Free line design 提供各種分隔線素材；Flat icon design 則有扁平化設計的圖示集免費下載，還有像是 Stockio 收錄各類型素材的整合式網站。
SVG Backgrounds 免費網站背景圖下載，可線上預覽、調整顏色細節
Low Polygon Art 世界最大的低多邊形免費圖庫，1400 張高解析圖片下載
Duoload 在瀏覽器比較兩個網站開啟時間，更直覺方式測試頁面載入速度
大家都知道網頁載入速度在現今扮演舉足輕重的角色，不僅影響到網站跳出率（Bounce Rate）和轉換率，Google 搜尋結果也將它列為排序的參考因素之一，因此最好盡可能加快載入速度，也比較不會讓訪客提早跳出離開網站，進而流失掉日漸增長的行動裝置用戶。前幾天曾介紹 Google 今年最新的「Google 搜尋引擎最佳化（SEO）入門指南更新，加入結構化資料和建立友善行動網頁」文件，內容就提及不少網站速度和使用者體驗。