跳到內容

網站速度優化成果：手機 83 分 / 電腦 100 分， SEO 顧問的技術心得分享

Picture of 老黏

身為一名 SEO 顧問，我一直相信：網站能不能排名，取決於「內容 」+「網站體驗」。
而頁面速度，就是體驗的第一步。

最近我重新調整了自己的官網（laownian.com），並用 Google PageSpeed Insights 重新測試。
下面是優化後的正式數據：

行動裝置（Mobile）得分：83 分

Google Speed Mobile

在 Google 的行動速度測試中，70 分以上其實就已經屬於全台灣前段班，而這次我將速度提升到 83 分，比大多數品牌官網、更勝很多 WordPress＋外掛組合的頁面。

亮點數據：

  • FCP（首次內容繪製）：快速

  • TBT（阻塞時間）：極低

  • CLS（版面位移）：接近完美

  • LCP（最大內容渲染）：大幅改善

電腦（Desktop）得分：100 分

Google Speed desk

這次最令我滿意的是：

電腦版 (Desktop) 拿到 Google 的 100 分滿分，要做到 100 並不容易，因為 PageSpeed 會檢查：

  • 資源是否壓縮

  • 網站架構是否乾淨

  • CSS/JS 是否阻塞讀取

  • 圖片格式是否最佳化

  • 第一屏內容是否過大

  • Mobile / Desktop 斷點是否配置正確

這次能達成滿分，是因為我做了：

  • 調整了 Hero 區塊的布局
  • 手機版改成上下堆疊並隱藏大型插圖
  • 壓縮與重構圖片格式
  • 重新配置各裝置的內距與字體渲染
  • HubSpot CMS 輕量化調整（避免額外 JS）

這次優化，我學到了兩件事：

速度並不是改圖片就好，而是整體「結構」的再設計

很多網站的問題不在圖片，而在：

  • Hero 太高

  • 第一屏元素太重

  • Mobile 與 Desktop 共用同一套排版

  • 設計漂亮但不適合 SEO、速度、使用者體驗

這次重新調整後，我很明顯感受到：把設計與效能平衡，才是網站真正的長期價值。

用HubSpot 做網站可以做到很快，只是大部分人不知道怎麼做

HubSpot 是一套結合 CRM、行銷、銷售、客服、網站等多種工具的整合平台，在我服務企業導入這套 CRM 六年的過程中，我學到只要懂得：

  • 怎麼設定 Row、Column、斷點

  • 怎麼調整圖片載入

  • 怎麼處理 LCP

  • 怎麼縮減 CSS 影響

  • 怎麼拆分 Desktop / Mobile 設計

你不需要有太多技術背景，一個行銷人也是可以將 HubSpot 也能做到 80+ / 100 的速度成績。( 我自己就是這個範例😂

為什麼會分享這個？

因為未來如果客戶找我做 SEO 顧問服務，我不只能提供內容策略，額外的我也能提其他有價值的建議：

  • SEO 顧問

  • HubSpot CMS 網站製作

  • SEO 技術健檢

  • 網站速度調校（PageSpeed 優化）

  • 行銷漏斗設計 × CRM 導入

「速度成績」就是最直觀的公信力證明。

我不只會寫內容、做 SEO、做 CRM 流程，網站的技術優化也略懂一些，相信能更整合性的幫到你的網路生意經營。

這樣的能力組合，是我想在 SEO 顧問身分上做出差異化的價值。

測試看看你自己的網站健康狀況 Google Speed Insight

Google Page Speed

PageSpeed 是什麼？

它是 Google 做的一個網站「速度檢查器 PageSpeed Insight」，你把網址丟進去，它會告訴你：

  • 你的網站是不是跑太慢

  • 哪裡需要調整

  • 哪些地方做得很好

  • 手機看起來快不快

  • 電腦看起來快不快

就像是幫你的網站做「健康檢查」。

PageSpeed 會給你打分數

分數越高 = 網站越快、越健康。

  • 90–100 分：超快！像跑車🏎️

  • 50–89 分：普通，像腳踏車🚲

  • 0–49 分：很慢…像烏龜 🐢

快的網站 → 人家願意留下來
慢的網站 → 人家會馬上關掉

Google 也會比較喜歡快的網站，排名會比較容易上去。

它會分成兩種分數

  1. 手機版（Mobile）= 在手機上跑得快不快

  2. 電腦版（Desktop）= 在電腦上跑得快不快

手機通常比電腦慢，因為手機比較小、比較弱。

PageSpeed 會檢查什麼？

像一個老師在看你的網站有沒有：

  • 圖片太大

  • 字體太重

  • 第一屏太高

  • 檔案太多（CSS / JS）

  • 手機版排版不好

  • 進來時畫面亂跳（CLS）

  • 大圖太慢出現（LCP）

如果有問題，它會告訴你：

「這裡太慢了，快修一下！」

為什麼要在意ˋ PageSpeed？

因為：

  • 網站越快 → 讀者越開心

  • 網站越快 → SEO 越容易

  • 網站越快 → Google 排名越好

  • 網站越快 → 協助提高成交率

不論是企業、網紅、自媒體、遊戲網站都會用。

一句話總結：PageSpeed 就像是網站的「速度醫生」。它幫你檢查你的網站是不是跑得夠快，並告訴你怎麼讓它變得更厲害。

如果你也想提升網站速度、SEO、CRM 銷售流程整合，歡迎來聊聊。

我可以做：

  • 免費基礎健檢

  • 速度優化建議

  • SEO 架構診斷

  • HubSpot CRM 自動化顧問

  • 行銷漏斗策略（醫療 / 診所 / B2B / 專業顧問特別適合）

 

 

 
,