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

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

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

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

Varvy Pagespeed

如果你喜愛研究 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 測試工具也會顯示測試工具最後更新時間,確保每次測試都會是最接近正確的狀態。

Varvy Pagespeed

STEP 2

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

Varvy Pagespeed

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

Varvy Pagespeed

STEP 3

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

Varvy Pagespeed

STEP 4

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

Varvy Pagespeed

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

值得一試的三個理由:

  1. 無需註冊,輸入網址後就能線上檢測網站各項因素
  2. 依照 Varvy 提供的最佳化方式修改,獲得更好的網站速度表現
  3. 提供各種 SEO 搜尋引擎最佳化文件指南
分享本文