Varvy Pagespeed 免費搜尋引擎最佳化指南，找出讓網站更快的方法

我常說「搜尋引擎最佳化」（SEO）沒有捷徑，也沒有立竿見影的作法，你可以做的是遵循著大部分使用者的共同經驗，使網站在搜尋引擎中取得更好的搜尋結果排名。當然我認為最重要的是詳讀 Google 搜尋引擎最佳化初學者指南，這可能也是 Google 少數對外公開的說明文件，除了在 SEO 部分有所幫助，文件說明更能建立正確的網頁製作觀念，對我來說學習路上有很多想法都是從 Google 這份官方指南中獲得。

除此之外，Google 線上工具也是測試網站成效的絕佳選擇，包括我在「16 個免費網站測速工具，分析網頁效能表現」推薦的 Google PageSpeed Insights ，以及近年變得很重要的「Google 幫你測試網站是否對行動裝置友善，三項評比指標提供最佳化指南」，都是網站經營之路必備的工具。

如果你喜愛研究 SEO 相關文件或工具，應該對於 Varvy 不陌生，Varvy 是一個專注於搜尋引擎最佳化的國外網站，除了收錄相關教學文件，也有線上工具可以在輸入網址後快速測試各項指標，本文要推薦的就是網站提供的免費工具「Varvy Pagespeed」。

簡單來說，開發者透過 Varvy Pagespeed 能快速分析出各種可能影響網站載入速度的因素，尤其對 Google 等搜尋引擎而言「網站速度」也成為搜尋排序的因素，重要性不言可喻。如果測試後你不確定要如何改善某個問題，沒關係，Varvy 亦提供說明文件，或是透過關鍵字上網搜尋通常也能找到解決方法。

網站名稱：Varvy Pagespeed Optimization
網站鏈結：https://varvy.com/pagespeed/

使用教學

STEP 1

開啟 Varvy Pagespeed 測試工具，直接從左上角輸入要測試的網址，按下「Test」藍色按鈕送出，稍等大約 10-30 秒就會顯示測試結果。搜尋引擎最佳化與時俱進，因此 Varvy Pagespeed 測試工具也會顯示測試工具最後更新時間，確保每次測試都會是最接近正確的狀態。

STEP 2

Varvy Pagespeed 測試結果不會有評分數字，但可以直接看最前面的蓋要，基本上這裡每個項目都盡量要讓它變成綠色勾勾，往下拖曳就會看到每個項目的測試結果。右側則是頁面資源的分析結果，例如免費資源網路社群的首頁包含 10 個 js、12 張圖片和 4 個 CSS。

一般網站會遇到的問題是 CSS 和 Javascript 文件過多或檔案太大，通常可以透過壓縮或合併檔案方式解決，另一方面，如果有太多外部 CSS 或 Javascript 也會拖慢網站載入速度。盡可能照著底下的 Notes 來逐步修改並解決問題，這兩部分會被放在所有檢測因素的最前面也是因為碰到的機會最高，修改後對於網站的最佳化很有幫助。

STEP 3

其他還會檢測的項目包括：圖片最佳化、瀏覽器快取、Keep-Alive、網頁壓縮和伺服器回應時間等等，當然不是每個部分都要做到，不過如果可以的話盡力把它調整成綠色狀態吧！對於網站速度或使用者體驗都會有相當大的幫助。如果你是使用 WordPress 架站的朋友建議可以透過「Photon 免費 CDN 圖片分流、加速服務，每個 WordPress 用戶都該開啟的外掛」來加速圖片，同時也能節省流量。

STEP 4

Varvy Pagespeed 不僅僅是個評測工具，更重要的是收錄許多網站最佳化指南（其實這才是 Varvy 最珍貴的部份），建議站長們可以找幾個自己較有興趣的主題來看看 Varvy 站長 Patrick Sexton 怎麼說。而這網站提供的內容雖然我不敢說 100% 正確，但是非常正規、白帽（White Hat）的 SEO 作法，相信可以對網站經營者有所助益。

其他類似的 SEO 測試、分析工具還能參考以下幾篇：

• awoo SEO Tool 搜尋引擎最佳化線上評測工具，提供網站各項指標表現修改建議
• Website Grader 計算你的網站各項優缺評比，免費提供最佳化修改建議
• GTmetrix 網頁開啟速度檢測、分析工具，協助最佳化使用者體驗