前言

PM：「欸欸，你幫我看一下 Google Page Speed 的分數？」
工程師（怒）：『又要降低載入速度？我們已經把要拿掉的 Script 都拿掉了耶！』
PM：「你就試試看嘛！要不然長官又要來訐譙了！」

以上的對話內容是不是似曾相識？
甚至是天天、週週、月月、年年的會議室出現呢？

難道 Page Speed 真的這麼重要嗎？！

提升 Page Speed 基本方式

其實 Page Speed 對 SEO 仍有一定程度的影響，但過度的計較那些許差異分數，其實反而沒有意義。

基本提升 Page Speed 有以下 5 個方式：

1. 壓縮該壓縮的檔案（js, css -> min.js, min.css）；甚至是合併特定的檔案（但仍有可能會影響到程式相依性！）。
   
2. 開啟壓縮 header：用 gzip 來壓縮這些傳輸的標頭，可以降低載入的速度，提升效能。
   
3. 使用新的傳輸協定 http/2,3（e.g., http/3 支援的 QUIC 模式），但這部份需要工程師設定主機的 Adapter（自架主機/VM可以，但使用主機分享式代管的可能沒辦法了）。 
   
4. 將圖檔做成 icon 縮圖、原圖分類（用空間換效能）。
   
5. 使用CDN。

只要做完以上項目，其實 SEO 基本上就算是不錯！

暗黑兵法跑分機

然而，一些知其然而不知其所然的長官、客戶們，都會要求要「更進一步」。
這時就會觸碰到暗黑兵法的部份了！

最常見的作法有：將 Script 檔案設定為 Defer 做延遲載入，這樣就可以讓載入時間降低；
第 2 種作法是使用延遲載入區塊的 AJAX 套件，例如 Lazy load，就可以延後畫面渲染的區塊。

看似狀況都很好，但使用後就會發現：

消費者跳出率變高！

因為把一堆 Script 延遲後，許多使用者體驗的功能都會延後載入，所以可能一進入畫面卡著空白的 Banner，讓消費者以為網頁很慢（因為是空的）而跳出；或是一直猛按 F5 重新載入。

而 Lazy load 這種套件原本是要讓手持裝置（手機、平板）用戶可以不用一直按「下一頁」，但因為要讓 Page Speed 分數上升，所以只好限定小區塊範圍往下滑時，才開始載入下一區的品項或是內容。

導致也是跟原本下一頁的情形一樣，一段就開始「畫面轉圈圈」⋯⋯

一兩個還好，如果頁面一長、項目數量一多，
那對消費者來說可不比按下一頁來的好！

結語

所以，你的網站有延遲載入嗎？
你的內容會很頻繁的轉圈圈嗎？

如果有的話，真的就該好好想想：

盲目提升 Page Speed 真的有意義嗎？

參考資料：
https://zh.wikipedia.org/zh-tw/QUIC
https://moz.com/learn/seo/page-speed