Loading UI 該用轉圈、進度條還是骨架屏？各家秒數門檻不一樣
按下按鈕後畫面毫無動靜，使用者多半會再按一次，Loading UI 就是處理期間對使用者回報系統狀態的介面回饋。這篇整理轉圈、進度條與骨架屏各自適合的等待長短，對照 NN/g、Material 3、Fluent 2 與 Apple 並不一致的秒數門檻，再補上載入畫面的常見錯誤、無障礙與品牌感做法。
網站效能
想讓 script 不擋住畫面該加 defer 還是 async？先看 2 個判準
head 裡沒有屬性的 script 會擋住解析，defer 與 async 都讓下載與解析並行，差別在執行時機：defer 照文件順序在 DOMContentLoaded 前執行，async 下載完就跑、不保證順序。本文整理依賴關係與急迫性兩個判準，並拆解 inline、module 與動態腳本的陷阱。
網站舊圖片要不要全部轉成 WebP 或 AVIF？先看這 3 個判準
看到 PageSpeed 報告出現「提供新一代格式圖片」紅字，很多網站主管直覺想把整個媒體庫轉成 WebP 或 AVIF。但 Google 排名在網頁體驗上只直接採計 Core Web Vitals，圖片格式從來不是獨立加分項，新圖直接存新格式幾乎零成本，舊圖該不該重做，關鍵在這張圖在不在關鍵位置。
網站動態特效會拖累 Core Web Vitals 嗎？別急著整批拆掉
網站的 Core Web Vitals 分數一掉，多數團隊直覺就是把動態特效整批拔掉，以為靜態頁面才安全。真正拖垮 LCP、INP、CLS 的，往往不是有沒有動態效果，而是這個動態特效用了哪個 CSS 屬性、跑在哪條執行緒上，搞懂這個判準，才知道哪些動態特效真的該讓步，哪些其實冤枉背了黑鍋。
品牌字型真的會拖慢網站速度嗎？先想清楚這段文字值不值得等
品牌字型會不會拖慢網站速度，不是全有全無的選擇題。從下載等待、版面跳動到 font-display 設定，看清哪些文字真的需要靠字型建立識別，就能抓到品牌字型跟載入速度兩全其美的分界線。
靜態網站產生器還是 WordPress？先看規模、更新頻率與團隊資源
靜態網站產生器（如 Astro、Hugo）跟 WordPress 這類動態 CMS，在速度、安全與內容編輯彈性上各有取捨。真正的落差要看 Core Web Vitals 實測數據、外掛生態系統的長期維護責任，以及網站規模、更新頻率、團隊有沒有工程資源。
啟用 HTTP/3 後，SEO 排名就會變好嗎？中間其實隔著一層
HTTP/3 是新一代網路傳輸協定，把連線建立、隊頭阻塞這些 TCP 的先天限制整個換掉；核心網頁指標都調到綠燈、網站速度卻遲遲拉不上來的人，問題常常就出在這一層。但它對 SEO 排名的幫助是間接的，Googlebot 目前也還沒支援，主機與 CDN 跟不跟得上，才是真正能不能用到的關鍵。
網頁該放影片還是文字？查找看文字、示範才用影片
多數人做新頁面時直覺就想放一支影片，但研究顯示使用者打開影片不代表會看完；資訊查找型任務裡，文字反而比影片掃讀更快，也不會被自動播放與載入速度拖慢。影片真正該派上用場的時候，是示範動作或解釋複雜陌生的流程，決定用哪種媒介的關鍵，從來不是影片天生比較好，而是這個頁面實際在解決什麼任務。
Query Monitor 是什麼？免設定的 WordPress 除錯工具完整介紹
Query Monitor 是什麼？外掛升級後網站變慢，卻抓不到是哪支外掛拖慢資料庫查詢。這款免費除錯外掛把 WordPress 產生這一頁時執行的 SQL 查詢、觸發的 hook、載入的腳本樣式表，以及發生的 PHP 錯誤，全部攤開在管理列的下拉選單裡，免設定、裝好就能直接用。
首頁該放背景影片嗎？效能、流量與電量代價一次算
首頁放一支自動播放背景影片，氛圍感是有了，但真正被換走的是行動裝置的載入速度、流量與電量，多數手機瀏覽器還會直接擋掉自動播放，讓設計端想要的效果根本沒發生。這篇拆解影片背景對 LCP 效能與轉換率的實際影響，並整理出頁面目的判準：什麼情況該留、什麼情況該換回靜態圖片。
網站設計撐不撐得住時間考驗，靠的不是潮流，而是這六件基本功
三年前很潮的網站設計，現在打開常常覺得哪裡不對勁；真正撐得住時間的網站，靠的不是配色跟不跟得上潮流，而是資訊架構、無障礙與效能這些平常不顯眼的基本功。潮流退了，基本功還在，這才是網站真正禁得起時間考驗的原因。
WordPress 佈景主題只是價格問題嗎？挑之前該懂的一條線
多數人選 WordPress 佈景主題，問的第一句話都是「這個多少錢」，好像現成主題便宜、自製主題貴，選擇只是一道價格題。但真正決定這個選擇的，其實是 WordPress 審核規範畫的一條線，它規定主題能做什麼、不能做什麼，也決定了現成主題天生的天花板，以及自製主題換來的自由要付出什麼代價。