如何做好網站速度優化？不懂程式的部落客

一般部落客可以如何提升網站速度？ · #1 選擇優良主機 · #2 調整圖片大小 · #3 調整網站功能 · #4 降低廣告數量 · #5 減少內嵌工具 · #6 安裝快取外掛. Skiptocontent Home網路經營/創作輸出搜尋引擎優化如何做好網站速度優化？不懂程式的部落客，你可以這樣做《SEO急診室#9》 如何做好網站速度優化？ 不懂程式的部落客，你可以這樣做 建議先看目錄 前言人人都在說網站速度，但那到底是什麼？網站速度如何影響SEO？網站速度測試工具推薦給你#1PageSpeedInsight#2​GoogleAnalytics#3​WebPagetest#4GTmetrix一般部落客可以如何提升網站速度？#1選擇優良主機#2調整圖片大小#3調整網站功能#4降低廣告數量#5減少內嵌工具#6安裝快取外掛補充：手機載入速度也很重要要記住，速度永遠是個主觀的存在結論：功能與速度間還是要有所取捨更多《SEO急診室》文章 前言 歡迎回到《SEO急診室》，這次要為大家帶來的是在SEO中重要程度佔有一席之地的「網站速度」。

在2010年，Google就有發佈官方聲明，表示網站速度與網站效能，將列入排名的因素之一。

當然，網站速度對於一般部落客來說，可能會覺得那是很技術的東西，得要外包給專業工程師才能夠處理。

但其實就算你不是工程師，對於網站速度，也是能夠在一些點上進行調整，這篇就讓我來分享究竟如何做好網站速度優化吧！ 如果你對SEO有興趣，想要了解更多SEO知識，那麼我未來有計劃籌備一堂課程《部落格經營處方箋》，會站在部落格經營者的角度，帶領大家做好部落格的SEO及內容行銷。

你可以立即加入課程等候名單，將會接收到關於課程的第一手資訊。

人人都在說網站速度，但那到底是什麼？ 人人都在說網站速度很重要，但到底網站速度是什麼東西？有辦法用比較具體的方式說明嗎？ 當然可以，以下我會用比較簡單的方式說明，如果名詞不懂沒關係，能夠對於網站速度有個具體的概念就好。

首先讓我們簡單來了解一下，我們網頁是如何顯示的： 分別會有「伺服器端(server)」跟「客戶端(client)」。

我們在客戶端做的事情，都會呼叫伺服器，而伺服器端再傳回資料給客戶端。

我們主要要縮短的就是就是這整個呼叫、抓資料、傳遞數據間速度。

再來讓我們來知道一下幾個在網站速度中比較常見的名詞： TTFB(TimetoFirstByte)：首次請求回應時間，使用者點擊你網站的那一刻，一直到接收到伺服器端傳回第一個數據的時間，就是那個「白畫面等待時間」FCP(FirstContentfulPaint)：首次內容繪製，也就是客戶看見第一個內容需要花費的時間，又稱為「痛苦時間」，就是平常我們網頁載入的等待時間。

FID(FirstInputDelay)：首次輸入延遲時間，你對於畫面進行任何行為，如點擊連結或按鈕，伺服器給予你回應的時間，白話就是「行為被回應的等待時間」。

不知道你有沒有發現到，這幾個時間，都是會對人體觀感造成影響的時間，因為人最不喜歡「覺得自己在等待」，所以這幾個時間如果沒有做好，那麼使用者很有可能就此離開。

對於工程師們來說，他們要想辦法調整也就是以上這幾個等待時間，盡量把它們的時間縮到越短越好。

網站速度如何影響SEO？ 前面講到，如果網站速度太慢，使用者等不及，可能就會跳離你的網站，在這方面可能會間接影響到SEO，這部份比較是針對「使用者」的角度。

而針對「搜尋引擎」的角度來看，網站速度更是會直接影響到SEO，在2017年發佈的Google官方文件中，很詳細地說明了這件事，以下我用簡單一點的方式來說明。

如果大家還有印象，我在《SEO急診室#6》中，關於連結的部分，有提到「爬取預算(CrawlBudget)」這回事，可能那時候大家看不太懂，我就在這邊一次解釋清楚。

Google有一個機器人，可以叫牠「網路爬蟲」，牠的任務就是到各個網站中抓取資訊，但不會一次就把所有資料抓完，每次爬取都會有固定的時間以及固定的量。

所以意思就是，我們必須「用最短的時間，讓牠們抓取最多的資料」，而會影響抓取速率的因素有很多，其中「網站速度」就是一個很重要的原因。

如果你的網站速度太慢，那麼爬蟲每次來都只能抓到一些些資料；當你加快網站速度，牠們才能在你網站上抓更多資料。

網站速度測試工具推薦給你 #1PageSpeedInsight 我相信大家最熟知的，也是最多部落客會使用的，應該就是Google自己的測速工具「PageSpeedInsight」。

它最大的優點就是「容易操作」，而且會很明確把你需要調整的哪些問題列出來，還可以同時測試「電腦版」跟「行動版」。

不過大多都還是偏技術類的數據，如果有需要的話再交給技術人員做就行了。

PageSpeedInsight測速結果 #2​GoogleAnalytics 我們熟知的GoogleAnalytics其實也是能夠查看網頁速度的，只是蠻多人不知道的就是了。

可以到「行為」→「網站速度」，你就會看到不同的報表。

像在「總覽」的地方，我們可以看到不同瀏覽器、國家/地區、各個網頁的載入速度： 可觀測不同地區與裝置的速度 而在「網頁操作」時間的地方，你也能看到你每個網頁跟平均載入時間的比較，就可以知道哪些網頁是低於平均值，可以去優化的。

不同網頁與平均速度比較 #3​WebPagetest WebPagetest算是比較專業的工具，一般部落客用不太到，不過我還是稍微介紹一下，有興趣的可以去玩玩。

它主要就是可以讓你測試你的網站在40個不同國家，以及25種不同瀏覽器(行動裝置)的速度。

評分標準從F~A，測試的東西很多，對於技術人員來說可以針對檢測結果去做很多細部的優化。

可選擇地區與瀏覽器 測試結果報表 #4GTmetrix GTmetrix大多都是技術人員在使用，它除了有前面提到可以根據不同地點以及裝置做測試外，它更融合了PageSpeed以及Yslow的測試指標(意思就是測一次可以看到不同地方測試的指標。

) 而最讓很多技術人員愛使用的原因，就是因為GTmetrix有「監控」網站的功能，你可以自行設定要監控哪些數據，當這些數據有異動時，就會直接寄郵件通知你。

如果你是一般部落客，想要長期監控自己的網站速度是否有異常，也可以使用這套工具，收到異常通知時，可以馬上通知技術人員處理。

這裡有一篇介紹GTmetrix蠻仔細的文章，可以參考看看：《GTmetrix網頁開啟速度檢測、分析工具，協助最佳化使用者體驗》 GTmetrix測量結果 一般部落客可以如何提升網站速度？ #1選擇優良主機 第一個，針對如果你是自架站的部落客，那麼從選擇主機的部分就可以讓網站速度提升。

這部份把握兩個點： 選擇風評良好且歷史比較久的主機代管機房位置盡量選擇離你的客戶群近一點 我目前自己這個網站是使用Cloudways，主機位置選擇日本機房，在各方面的速度都還不錯，推薦給大家。

不然也可以參考以下的詳細評測文。

延伸閱讀：架設網站必備虛擬主機！7大服務商優缺點評價 #2調整圖片大小 有時候明明你文章內的圖片最大只要500*500，結果你卻上傳了2000*2000的圖，多出來的體積都會是網站的負擔。

建議在上傳照片前，要先對於照片進行裁切或是壓縮，可以使用以下兩個網站： imageresizer.com(主要是裁切圖片尺寸)tinyjpg.com(壓縮圖片體積) 在圖片調整上，也要記得顧及到「使用者體驗」，因為壓縮圖片往往會造成畫質降低，一些需要高解析度的圖片就會看不清楚。

總而言之，兩者之間還是站主要自己去斟酌。

另外，如果你是有大量圖片的網站，例如美食或旅遊部落客，會建議你直接去找圖床來放圖片，如：imgur、flickr。

延伸閱讀：線上圖片壓縮工具推薦，快速縮小你的部落格照片 #3調整網站功能 為什麼要精簡網站功能？因為有些網站的工具外掛會有太龐大的程式碼，這些程式碼都是有可能拖慢網站整體速度的。

網站功能主要可以從這些地方下手： 1.刪除不必要的佈景主題&外掛 基本上一個網站只會需要一個佈景主題，多餘的佈景主題都可以直接刪除。

而外掛的部分，很多不必要的外掛也可以刪除，舉例來說： 隨機文章展示社群分享按鈕多功能留言板即時線上人數文章瀏覽統計… 以上單純舉例，還是要針對自己的需求與狀況去判斷。

2.精簡網站側邊欄 網站中大多頁面都會有側邊欄，所以如果你的側邊欄放太多東西，也是有可能會拖到網站速度。

會建議放一些基本功能就好，像是作者介紹、文章分類、近期文章、熱門文章。

就反過來思考，你到別人網站瀏覽時，會用到它側邊欄的哪些功能，除了這些功能外，其他功能其實都不會是必須的。

#4降低廣告數量 廣告應該會是很多部落客的部落格收益來源之一，但如果過度插入廣告，不但會造成使用者觀感降低，也有可能拖慢網站速度。

如果你有瀏覽過痞客邦的網站，你會發現大部分痞客邦部落格瀏覽起來都會卡卡的，其實那就是因為他們的不管是內嵌還是彈窗廣告都太多了。

在廣告及速度之間要好好去斟酌，其實真的不用執著於廣告，網站賺錢的方式還有很多種，可以參考《如何提升網站收入？部落格賺錢的10種方法》。

#5減少內嵌工具 大部分文章內嵌的內容都會造成網頁速度降低，內嵌工具泛指那些： 嵌入GoogleMap嵌入Youtube影片嵌入Facebook貼文嵌入Instagram圖片 非得必要，不然不會建議嵌入太多元素，如果之前有文章嵌入太多，也會建議回去調整看看，留下一些重要的就好。

#6安裝快取外掛 網站有一些圖片或功能，大多都是影響整個網頁載入速度的主因，所以如果能夠讓先快取的話，整體來說就會比較快速。

而且大部分的快取外掛，也都會包含其他提升網站速度的功能，如：延遲載入、檔案壓縮、資料庫優化…等等。

延遲的外掛有很多種，像是： WPFastestCacheWPRocketa3LazyLoadW3TotalCache 以上的外掛都還不錯，有興趣的人可以安裝看看。

網站遇到技術性問題怎麼辦？身為非技術背景的部落格經營者，在遇到技術問題時，能夠先在社團中詢問看看，看能不能獲得解答，順道評估是否是能夠自己處理的，如果不行的話再外包給工程師。

我有整理過一篇我自己覺得不錯的FB技術性社團，有需要的人可以參考看看：《網站遇到技術性問題怎麼辦？FB技術性社團推薦》 補充：手機載入速度也很重要 這邊補充一下，大部分的人都只是一直在做網頁版的速度優化，而忘記了「行動版」速度優化也很重要。

對於行動版的速度測試，除了前面提到的PageSpeedInsight網頁版，也可以使用2019年Google自己推出的測速工具「ThinkwithGoogle」。

除了可以知道自己的行動版網頁在不同國家的速度： 更可以直接與競爭對手的網站做比較： 也可以針對個別的網頁去進行檢測，並給予優化建議： 總之，這年頭使用手機瀏覽網站的人比使用電腦的人多太多了，記得除了網頁版，行動版也要好好優化。

要記住，速度永遠是個主觀的存在 很多的網站新手常常會犯一項錯誤，都會認為：「我覺得我的網站速度蠻快的，應該不用特地做什麼優化。

」 但事實上，速度是個「主觀」的存在，意思就是你自己感覺蠻快的，但不一定對於任何人來說都有這樣的感覺。

速度可能會受到很多因素影響： 使用的瀏覽器種類看網站的裝置種類該地點的wifi速度該國家的網路環境… 所以你不能保證說，每個人對於你網站速度的感覺都一樣，我們能做到的也就是盡可能針對不同的狀況去優化我們的速度。

而避免主觀最好的做法當然就是使用一些測速工具(例如前面的那幾種)，可以針對不同地區、不同瀏覽器、不同裝置進行測試，我們才能客觀的去優化自己的網站。

如果你說，你不是技術人員，這些測速工具的數據你看不懂，那我建議你可以直接詢問身邊的親朋好友，請他們跟你說對於你網站速度的觀感，當樣本數越多，主觀性自然就降低。

結論：功能與速度間還是要有所取捨 最後我想說的是，其實很多時候會遇到這樣的狀況： 想要在網站上加裝某個功能，但連帶的可能就會拖慢網站速度。

而如果選擇了網站速度，可能又會缺乏一些好用的功能。

所以說到底，站主還是要在「功能」與「速度」之間做取捨，兩者很難同時並存，只能從中取得一個平衡。

要去判斷到底什麼該裝？什麼不該裝？而裝了什麼又必須放棄什麼？這沒有任何標準答案，就看每位創作者自己的決定。

更多《SEO急診室》文章 SEO急診室#1：你真的有思考過SEO是什麼嗎？這些觀念將顛覆你的思維SEO急診室#2：文章如何選擇關鍵字？先問問自己，你了解你的客戶嗎SEO急診室#3：網站文章如何規劃？把搜尋者困住，你就成功了SEO急診室#4：如何下吸睛的標題與描述？掌握人性，就能增加點擊率SEO急診室#5：網址URL如何優化？永久連結絕對不可以犯的錯誤SEO急診室#6：網站連結該如何優化？你的目標就是讓資訊更完整SEO急診室#7：圖片SEO怎麼做？額外曝光機會，不做你會後悔SEO急診室#8：如何有舒服的網站設計？讓讀者無壓力閱讀的幾種方式SEO急診室#9：如何做好網站速度優化？不懂程式的部落客，你可以這樣做SEO急診室#10：淺談GoogleSearchConsole，窺視網站未來的最佳利器SEO急診室#11：SocialSignal社群訊號是什麼？它對SEO的影響沒那麼簡單SEO急診室#12：網站權重是什麼？重要嗎？破解DomainAuthority常見迷思 如果你對SEO有興趣，想要了解更多SEO知識，那麼我未來有計劃籌備一堂課程《部落格經營處方箋》，會站在部落格經營者的角度，帶領大家做好部落格的SEO及內容行銷。

你可以立即加入課程等候名單，將會接收到關於課程的第一手資訊。

Dean一位內向的男孩，喜歡思考多於說話。

多年經營部落格，想讓文字成為你我溝通的橋樑。

這邊，是我成長的溫床，也是你最溫暖的歸屬。

商業合作：[email protected] 預約服務：deanlife.blog/service 深入認識：deanlife.blog/about 文章導覽 ←Previous文章Next文章→ 相關文章 網站沒有流量，有時候不是因為內容寫不好，而是可能在設定上出了問題。

這篇我將利... 繼續閱讀 為什麼我的文章在Google關鍵字搜尋不到？這是蠻多站主會遇到的問題。

這篇文... 繼續閱讀 你知道網站文章標題不只有一個嗎？一篇文章是有3種不同標題的，但大多的部落格創... 繼續閱讀 LeaveaCommentCancelReply發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*Typehere..Name* Email* Website 在瀏覽器中儲存顯示名稱、電子郵件地址及個人網站網址，以供下次發佈留言時使用。

Δ Searchfor: 嗨，我是Dean，迪恩新創創辦人 學生時期開始在網路上探索學習，創立了這個Dr.Dean品牌，並開始經營部落格，紀錄我的所學所知 網站想傳遞的核心信念會是【簡單實踐】，我相信用簡單的方式，也能實踐有價值的人生。

更多我的故事，都寫在關於我 PS.我的專長是部落格運營，目前已協助經營過不少網站，如果你需要我的幫助，歡迎參考服務頁面 ✉商業合作/邀約歡迎來信✉[email protected]文章分類文章分類 選取分類 知識傳承/經驗分享    讀書會    電子書 社團貼文/電郵分享 網路經營/創作輸出    一人公司    創作工具    商業合作    搜尋引擎優化    部落格 線上學習/個體輸入    學習方法    學習管道    課程評價 線上開源/生活節流 職涯工作/特別訪談 純寫札記的粉專 Dean的隨心手扎 Google廣告 Dean的專屬社團 訂閱Dean最新文章 Starttypingandpressentertosearch Search… error:內容已被保護！ 回到頂端