#performance

Web Performance

為什麼你的網站應該送出更少請求，而不只是更小請求

現代網站常追求更小的檔案，卻忽略請求數量。通常更快的修正方式，是更少、時機更好的請求。

2026年5月29日 · 9 分鐘閱讀

Web Performance

為什麼你的 Time to First Byte 很慢，以及該怎麼做

TTFB 緩慢通常代表路由慢、缺少快取、伺服器過載，或後端工作成本過高。以下說明如何診斷與修正。

2026年5月27日 · 10 分鐘閱讀

Media, Images & Files

如何為網頁播放選擇合適的影片編解碼器

選擇網頁影片編解碼器時，應根據受眾、裝置支援、品質目標、編碼成本與傳遞模式，而不是只看壓縮率圖表。

2026年5月25日 · 10 分鐘閱讀

Web Performance

Core Web Vitals 白話解析：LCP、INP 與 CLS

Core Web Vitals 衡量載入、回應速度與視覺穩定性。以下用實務角度說明 LCP、INP 與 CLS 的意思。

2026年5月24日 · 9 分鐘閱讀

Web Performance

Preload、prefetch 與 preconnect：各自何時真正有幫助

preload、prefetch 與 preconnect 的實用指南：每種 hint 做什麼、何時有幫助，以及何時該放著不動。

2026年5月21日 · 9 分鐘閱讀

Media, Images & Files

WebP 無損相較於 PNG 實際能為你省下什麼

WebP 無損通常在檔案大小上勝過 PNG，但不是永遠如此。以下說明它何時有幫助、何時沒有，以及如何正確測試。

2026年5月20日 · 11 分鐘閱讀

Privacy & Security

如何在本機託管字型，而不是使用 Google Fonts

自行託管 Google Fonts 可減少第三方請求、改善隱私權狀態，並更好地掌控效能。

2026年5月16日 · 9 分鐘閱讀

Media, Images & Files

生產環境中的可變字型：沒有人告訴你的取捨

可變字型很強大，但生產環境的結果取決於子集化、快取、算繪、CSS 紀律與設計克制。

2026年5月15日 · 10 分鐘閱讀

Media, Images & Files

如何在不犧牲品質的情況下壓縮網頁音訊

做好網頁音訊壓縮，靠的是選對 codec、bitrate、來源工作流程與聆聽測試，而不是把所有東西都硬壓成 MP3。

2026年5月13日 · 9 分鐘閱讀

Web Performance

延遲載入實際上會對你的最大內容繪製造成什麼影響

只有在延後非關鍵工作時，延遲載入才會改善頁面載入。把它用在首屏以下的媒體，而不是你的 LCP 圖片。

2026年5月10日 · 9 分鐘閱讀

Web Performance

如何閱讀 Lighthouse 報告而不慌張

Lighthouse 報告資訊密集又容易讓人卻步。以下說明如何從雜訊中抓出重點，並優先處理真正能改善使用者體驗的修正。

2026年5月2日 · 7 分鐘閱讀

Web Performance

Web fonts 仍是多數網站最容易拿下的效能收益

多數速度慢的網站都有一個共同點：它們送出的字重比頁面實際使用的更多、格式比必要的更舊，而且沒有 fallback 策略。修正這件事只需要半天。

2026年5月1日 · 4 分鐘閱讀