Page Size Checker
輸入一個 URL
網頁大小檢查工具
這個免費工具可估算網頁的總傳輸大小 — 也就是瀏覽器必須下載的 HTML、CSS、腳本、圖片和其他資源的總重量。當您覺得網頁載入緩慢、新增媒體後，或在進行基本的效能評估時，都可以使用它。
執行快速檢查
- 貼上完整的網頁 URL
- 點擊檢查
- 檢視總大小（通常以 KB 或 MB 顯示）
- 比較您網站上的重要頁面，而不只是單一 URL
光是體積大並不能證明有問題，但這是一個強烈的訊號，代表某些部分可能需要最佳化。
「網頁大小」實際上包含什麼
當有人開啟 URL 時，瀏覽器不只會下載文字，它還會載入：
- HTML 文件
- 樣式表 (CSS)
- JavaScript 檔案
- 圖片與圖示
- 字型
- 嵌入式媒體
- 第三方腳本（分析工具、廣告、小工具、聊天工具）
網頁大小就是這些資源的總和。較重的網頁通常需要較長時間才能變得可用，特別是在行動網路環境下。
為什麼網頁重量會影響真實使用者
載入緩慢的網頁會消耗使用者的注意力。
使用手機、較差的網路連線或有限數據方案的訪客會最先感受到這種影響。即使在高速 Wi-Fi 下，過大的圖片和過多的腳本也會延遲互動。
從商業和 SEO 的角度來看，過多的網頁重量通常會表現為：
- 更高的跳出率
- 較差的行動裝置體驗
- 關鍵頁面的轉換率降低
- 更難達到效能目標（包含與核心網頁指標 Core Web Vitals 相關的指標）
搜尋引擎不會單純為了「小網頁」而給予排名 — 但速度和可用性很重要，而網頁大小正是影響這兩者的關鍵因素之一。
是什麼通常讓網頁變得太重
| 常見原因 | 增加重量的原因 |
|---|---|
| 未最佳化的圖片 | 未經壓縮就上傳的原尺寸相片 |
| 過多的腳本 | 追蹤器、標籤、輪播圖片和未使用的 JS |
| 大型影片嵌入 | 自動播放或高位元速率的媒體 |
| 臃腫的主題/外掛程式 | 每個頁面都載入額外的 CSS/JS |
| 未最小化的程式碼 | 比實際需要更大的 CSS/JS |
| 多個字型檔案 | 同時載入多種字重和字型系列 |
實際上，圖片和第三方腳本是最常出現問題的地方。
實用的目標大小（指導原則，非硬性規定）
沒有任何單一數字適用於所有網站。情境很重要 — 照片作品集的重量自然會比文字文章來得重。
不過，以下是實用的運作指導方針：
- 盡可能讓重要到達網頁保持精簡
- 將多 MB 的網頁視為警告訊號，除非該媒體是不可或缺的
- 在進行重大設計、外掛程式或內容變更後重新檢查
如果某個產品頁面的重量明顯比其他頁面重很多，請檢查究竟新增了什麼。
如何在不破壞設計的情況下減少網頁大小
- 在上傳前壓縮並調整圖片大小；支援時請優先使用 WebP 等現代格式
- 對首屏以下的圖片和非關鍵媒體進行延遲載入 (Lazy-load)
- 移除全站載入的未使用外掛程式/腳本
- 最小化 CSS 與 JavaScript，並避免載入未使用的函式庫
- 限制第三方標籤，只保留真正需要的項目
- 有效率地寄存字型，且只載入您實際使用到的字重
- 審查嵌入內容 — 一個沉重的小工具可能會抵銷其他地方的所有優化努力
在每次進行有意義的變更後，請對同一個 URL 再次執行檢查工具。
網頁大小與完整速度測試的差異
這個工具專注於網頁有多重。
完整的速度測試（實驗室或欄位資料）也會檢視時間、算繪和互動指標。兩者搭配使用：
- 網頁大小檢查工具 → 快速發現重量問題
- 速度 / PageSpeed 工具 → 了解載入時間與以使用者為中心的指標
重量通常是最容易著手的地方，因為修復方式非常具體。
常見問答
網頁大小檢查工具是免費的嗎？
是的，不需要註冊。
較小的網頁排名一定比較好嗎？
不一定。較小的網頁通常載入較快，而更好的效能可以支援 SEO 和轉換率 — 但內容品質和相關性依然重要。
為什麼我的網頁比預期的還要大？
通常是由於圖片、影片或第三方腳本。請檢查最近新增了什麼。
我可以完全相信單次測量結果嗎？
請將其視為有用的估算值。快取、CDN 行為和動態內容可能會導致微小的差異。
是否每個網頁都應該越小越好？
目標是有效率，而不是空洞。保留必要的媒體；去除浪費。
相關工具
注意：結果反映的是檢查當下偵測到的資源。動態載入的內容和個人化資產可能會改變使用者在真實瀏覽器中所體驗到的最終重量。