Lorem ipsum（簡稱為 Lipsum）是指一篇用於測試文章排版或字型效果的拉丁文文章，我曾在之前寫過的「12 個你應該知道的中英文假字、文章產生器」提到，如果你要測試字體或排版效果可使用範例文章，通常會用來填充版面，有助於預覽實際顯示的效果。你可能會問：既然有測試用文字那有沒有測試用的圖片呢？佔位圖片（Placeholder）能依照使用者需要的圖片尺寸大小產生對應的圖片，可能是單色圖片、免費圖庫素材或基努李維照片。
網頁測試
SpeedVitals 免費網站性能分析工具，最佳化網站使用體驗
身為網站管理者經常會去改動網頁各項參數，或是調整看得到的版型設計等相關細節，在搜尋引擎即將開始提高網站使用體驗核心指標（Core Web Vitals）佔比之際，需要開始最佳化網站使用者體驗，有助於讓網站在搜尋結果獲得更多的曝光機會。大多數情況會使用 Google PageSpeed Insights 去進行測試評分，但它給的建議較少，搭配 GTmetrix 可以獲得更多的分析結果，不過 GTmetrix 有每日可免費使用次數限制，接下來的服務是免費替代方案。
Fast or Slow 免費網站測速工具，從全球 18 個位置測量網頁效能速度
如果想測試網站或部落格開啟速度，可不是只有在自己瀏覽器以開發人員工具檢查而已，用感覺的方法一定不準確，而且網站開啟速度也會受到各種因素影響，其中又以地理距離最為顯著，在不同國家地區存取網站的各種資源可能會有不同的反應速度或表現，甚至某些檔案在一些區域難以開啟等等，這都要使用網站測速服務才能做到，例如之前推薦過的「16 個免費網站測速工具，分析網頁效能表現」就有很好用的選項。
ILoveAdaptive 線上測試回應式網頁設計在不同裝置呈現效果
Website Grader 網站評分工具，免費影音教學影片協助改善搜尋引擎排名
如果想要對網站或部落格進行搜尋引擎最佳化，我通常會建議先去詳細閱讀「Google 搜尋引擎最佳化（SEO）入門指南」，在 Google 釋出的手冊中有提到非常多觀念，適用於各種情境，只要把握大原則方向就會有不錯的成效表現。此外，Google 提到的網站使用體驗中以速度最為重要，想知道網站速度也可透過檢測工具 Web.dev 或其他網站測速工具進行檢查，這份列表中我較推薦 Google PageSpeed Insights 和 KeyCDN Website Speed Test。
Dummy Image 假圖產生器，以網址快速載入各種尺寸顏色圖片
在設計網頁或是配置版面時經常會需要預先保留圖片位置，讓開發或示範時使畫面更接近最終樣貌，如果手邊的圖片還沒處理，我們可以透過佔位圖片（Placeholder）呈現出特定大小的圖片範圍。簡單來說，佔位圖片產生器利用網址直接調整、產生特定尺寸範例圖，省去必須自行裁切圖片的麻煩，因為是以網址形式載入圖片，即使沒有下載圖片依然能在網頁上顯示，我曾介紹過的 Unsplash It、Placekitten、Placemat 和 PlaceKeanu 都是類似應用。
everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示，以往會製作成電腦版和手機版兩種格式，後來多半以響應式網頁設計（Responsive web design）技術直接在不同尺寸螢幕上顯示最適合的樣式，更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形，除了直接使用手機瀏覽外，其實也有不少工具可以輔助，像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。
Who Can Use 檢查網頁配色對視力障礙使用者友善程度
全球資訊網協會（World Wide Web Consortium，W3C）制定的網頁內容無障礙指南相信大家不陌生，網頁內容無障礙指南（Web Content Accessibility Guidelines，WCAG）用於讓網頁可以更容易被訪問，藉由這些原則，讓內容能夠被廣大的身心障礙人士使用，其中涉及到可感知性、可操作性和可理解性等各種層面。