字型子集化：中文網站如何減少字型載入、改善首屏速度
繁中網站不一定要載入 10MB 以上的完整字型。本文比較系統字體、自架子集化與 Google Fonts CDN，示範用 cn-font-split 或 subset-font 產生 WOFF2，並說明 font-display、缺字 fallback 與維護取捨。
所有文章
LCP 優化實戰：首屏別 lazy-load，用 fetchpriority 把關鍵資源拉上來
靜態站 LCP 優化實戰：找出真正的 LCP 元素、避免主視覺圖被 lazy-load，並用 fetchpriority 與 preload 提升關鍵資源優先級，同時排除 render-blocking 造成的延遲。
GTM 延遲載入：用 requestIdleCallback 降低 PSI 的 TBT
Google Tag Manager 會和首屏資源搶頻寬，也可能增加 TBT 與 INP。本文用 requestIdleCallback、互動觸發與 timeout，示範如何延遲載入 GTM，並驗證效能與轉換資料的取捨。
圖片最佳化與 CLS 解決方案：用 width、height 預防網頁版面跳動
靜態網站圖片最佳化實戰：用 width、height 或 aspect-ratio 預留版面，降低 CLS 版面跳動；同時符合顯示寬、壓縮檔案大小，並介紹如何用 Eleventy Image 自動產生多種尺寸。
Proton VPN 值得買嗎？免費版與付費版功能完整解析
Proton VPN 免費版真的值得用嗎？本文比較免費版與 Plus 付費方案的速度、伺服器、隱私功能與限制，幫你依照實際需求選擇適合的方案。
AI 時代還需要學習 CSS 嗎？從「語法背誦」到「架構審查」的思維轉向
AI 都能幫你寫 CSS 了，還要自己學嗎？要，但學法不一樣。教你用幽默又實用的方式理解 CSS 心智模型、引導 AI 產碼，並顧好 Core Web Vitals。
認識 Pi Coding Agent：極簡終端 AI 程式助手概覽
厭倦沉重 AI 工具？Pi Coding Agent 用四個工具 + 可擴充設計，讓終端 AI 融入你的既有流程。含安裝、上下文工程、套件選型與 Cursor 分工決策表。
PageSpeed Insights 與 Core Web Vitals 完全指南
解讀 PSI 實地數據與 Lighthouse 差異、LCP/INP/CLS 門檻、WordPress 優化 Checklist，取代已過時的 FID 指標
把文章從 WordPress 搬出來：eleventy-import 的匯出方式
WordPress 匯出到 11ty：eleventy-import 用法、圖片路徑、踩坑與 Markdown 結構整理
WordPress vs Eleventy：我為什麼把部落格遷到 11ty
一人維護的技術部落格，為什麼從 WordPress 搬到 11ty？分享我實際踩過的維護、效能、安全痛點，以及遷完之後真正變簡單與變麻煩的地方。
YouTube 批量取消訂閱：一鍵清理訂閱清單教學
快速取消大量 YouTube 頻道訂閱：瀏覽器擴充與腳本方法、注意事項
TypeScript 入門 5 分鐘：零基礎快速上手指南
TypeScript 完整入門指南：5 分鐘快速上手、類型系統、實戰範例
