最近在研究免費資源網路社群的網站成效表現,才發現圖片容量太大、對於網頁載入速度造成一定程度的影響,事實上對一般內容網站來說可能不會非常要求圖片品質,例如文章裡搭配文字說明所使用的畫面擷圖也不用過度清晰,利用圖片壓縮工具先處理一下,即使是無損壓縮(Lossless)也能讓容量降低不少。若你是使用 WordPress 架站,官方提供的 Jetpack 外掛就有內建免費的圖片 CDN(Photon CDN)功能,開啟後就能自動壓縮圖片,以內容傳遞網路技術讓載入速度更快,也更節省主機流量。
網站速度測試工具
ShotSherpa 利用全球各城市網路節點查看你的網站顯示效果
Duoload 在瀏覽器比較兩個網站開啟時間,更直覺方式測試頁面載入速度
大家都知道網頁載入速度在現今扮演舉足輕重的角色,不僅影響到網站跳出率(Bounce Rate)和轉換率,Google 搜尋結果也將它列為排序的參考因素之一,因此最好盡可能加快載入速度,也比較不會讓訪客提早跳出離開網站,進而流失掉日漸增長的行動裝置用戶。前幾天曾介紹 Google 今年最新的「Google 搜尋引擎最佳化(SEO)入門指南更新,加入結構化資料和建立友善行動網頁」文件,內容就提及不少網站速度和使用者體驗。
Varvy Pagespeed 免費搜尋引擎最佳化指南,找出讓網站更快的方法
我常說「搜尋引擎最佳化」(SEO)沒有捷徑,也沒有立竿見影的作法,你可以做的是遵循著大部分使用者的共同經驗,使網站在搜尋引擎中取得更好的搜尋結果排名。當然我認為最重要的是詳讀 Google 搜尋引擎最佳化初學者指南,這可能也是 Google 少數對外公開的說明文件,除了在 SEO 部分有所幫助,文件說明更能建立正確的網頁製作觀念,對我來說學習路上有很多想法都是從 Google 這份官方指南中獲得。
imgix Page Weight Tool 找出網頁裡過於肥大的圖片資源,提高載入速度
imgix 是一家讓網站或應用程式可以更快速載入圖片的服務,也可說是致力於圖片最佳化技術公司,整合包括線上裁切、壓縮、響應式設計、圖片增強等眾多功能,最大好處是使用者幾乎不用自行處理圖片,只要將網站串接 imgix API 就能雲端自動進行操作,先前曾經介紹過「Placemat 漂亮的佔位圖片產生器,開發網頁快速嵌入特定尺寸範例圖片」就是直接以 imgix 進行圖片處理。本文要介紹的「Page Weight Tool」是 imgix 最近新推出的服務,能幫你測試網站圖片有沒有需要最佳化處理的空間。
16 個免費網站測速工具,分析網頁效能表現
本文參考資料為 16 Website Speed Test Tools for Analyzing Web Performance,原作者 Brian Jackson。
一個網站的速度可以是成功的關鍵因素。如同 KeyCDN 在「內容傳遞網路:初學者指南」探討過的,越快載入的網站將有助於更好的搜尋引擎最佳化(SEO)評分、更高轉換率、降低跳出率,延長訪客停留在網站時間,對於使用者體驗來說是整體提升!這也是為什麼我們要整理收錄一系列可用的免費網站速度測試工具,利用這些服務你就能為網站最佳化,讓網站實現最好的效能表現。