Proton VPN 付費版評價：VPN Plus 值得訂閱嗎？
已用過 Proton 免費版、正在考慮升級？本文從速度、串流、隱私證據、價格與競品比較，幫你判斷 VPN Plus 付費版是否值得花錢，附決策表與訂閱前檢查清單。
所有文章
為什麼要發明 Pi Coding Agent？從作者角度理解 Pi vs Claude Code
Claude Code 變複雜、上下文不透明時，Pi 作者為何重做極簡 Coding Agent？用設計動機與決策表，幫你判斷該選可控的 Pi，還是整合完整的 Claude Code。
我如何用 PageSpeed Insights 優化 11ty 網站：為什麼比 WordPress 更容易直接修
11ty 怎麼用 PageSpeed Insights 優化？LCP／CLS／INP 逐項修正流程、WordPress 對照、可複製的 AI 提示詞與審核清單
Pagefind 教學：如何為 Eleventy 靜態網站加入純前端搜尋
用 Pagefind 為 Eleventy 靜態網站加入站內搜尋：從建立索引、整合搜尋元件，到繁體中文搜尋與部署驗收，一次完成設定。
11ty 與 Hostinger 快取怎麼設定？從 .htaccess 到更新驗收
用 11ty 建站後，如何在 Hostinger 設定 HTML、CSS、JavaScript、圖片與 Pagefind 快取？本文用 .htaccess、hPanel 和 curl 帶你完成設定與排錯。
字型子集化：中文網站如何減少字型載入、改善首屏速度
繁中網站不一定要載入 10MB 以上的完整字型。本文比較系統字體、自架子集化與 Google Fonts CDN，示範用 cn-font-split 或 subset-font 產生 WOFF2，並說明 font-display、缺字 fallback 與維護取捨。
LCP 優化實戰：首屏別 lazy-load，用 fetchpriority 把關鍵資源拉上來
LCP 怎麼優化？找出 LCP 元素、首屏圖取消 lazy-load、fetchpriority 與 preload 決策表——Eleventy 靜態站實戰
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 程式助手完整指南
Pi Coding Agent 是什麼？安裝指令、四種運作模式、vs Cursor／Claude Code 分工表、上下文工程實戰。981+ 搜尋點擊熱門入門文。
