新手網站設計時，如何 速度優化？- 2024更新

有的人會誤以為，簡單只有文字、或空洞沒啥內容的網頁，才會容易高分，其實部份原理是這樣沒錯，能用更不花悄的方式、就不花稍的方式，來節省更多的資源是正確的，

但有時你可能為了滿足客戶體驗，也是需要一些特效、影片等等的，所以你也可以先到 我準備好的 高分頁 ，去玩看看、這樣你就會更有真實性，

就算功能、特效、影片都有的網頁，一樣也是可以高分，但其實大可不必，你可以著重在 秒開效能，但高分這件事、其實同樣時間拿來 原創高品質文章 是最划算的，如果你玩過了，也想嚐試秒開、高分，那麼就可以繼續看下去，

但我不保證你這篇文章會看多久，有經驗的可能三五分鐘、有的可能三五個禮拜還沒搞定，所以我說，別花時間玩高分、但可以花時間 高效秒開。

簡單來說，上面這些問題，是一個一聯串的問題造成的，舉個例子：一個人的身體健康是由很多條件綜合而成的( 網站速度也是 )，就好比有的人頭痛、這時叫你吃webp頭痛藥，你吃了這個專治頭痛的webp藥、頭痛就好了，但你拿頭痛的webp藥，來治香港腳鐵定不行的，雖然這個例子舉得有點爛，但事實就是如此，並不是只看單點就可以藥到病除的，有時搞不好會藥到命除也說不定。

一個網站的速度，為了方便更多人一開始，不必理解那麼多文謅謅的專業文字時( 我盡力降低專業文字 =.= )，我個人會這樣定義它，讓大家方便快速了解，有興趣的人，再逐步自行進行研究即可，而我個人會建議要考量的有五個大方向，再由這五個大方向，細分成各種執行項目：

如果你只是想要玩票性質，那麼買個每月5~10美金的主機，效能通常不會太好，但也就湊合著用，但要注意的是 hosting ( 共享主機：房客分租 )，寫寫文章還行、但如果要到 電子商務 這個層級，有金流、有物流、有會員、有點數顯然非常不適合的，以後有機會再來獨立說 電子商務主機 這塊；當然如果你有能力，可以自已動手玩 VPS ( 獨立主機：透天獨棟 ) ，那麼10~20美金的VPS，足夠玩到 全綠標 ( 90/90/90/90 )以上了，如同下圖所示：( 點我查看：Google PageSpeed Insights 評分記錄 )

項目包含：主機到底要選 Hosting(房客分租)，還是 VPS(透天獨棟)，然後再來要接著選 LiteSpeed？還是 Nginx ( apache )？
這是個多元的選擇題，但以一般的小資族、一人公司來說，是可以用 Hosting的，但如果要高效可以選：Kinsta ，如果你不想要花很多時間去管理，那麼這樣一來，你就也選擇了 Nginx，但由 Kinsta幫你管理了主機效能，這對於新手來說，是非常大的幫助，唯一的可能就是一些 備份外掛、或 Kinsta認定高耗能的外掛會被禁用，不過對於一些用的用戶，到也是足夠了，為了更直覺讓你可以了解 Hosting 與 VPS 的差異，我以下方表格來分析更多的差異吧：

對於布落客來說，我想你一定想解放雙手吧，不需要再擔心、管理任何主機的部份了對嗎？那麼我再告訴你一個超殺服務！那就是阿腸網頁設計，當然如果你想還是回到自有主機，那麼 一極圖 本身就提供 商用主機代管，以下就提供相關說明與比較，

再來是：LiteSpeed 與 Nginx 的差異，這部份，國外也非常激烈的討論，目前兩派各有很好的使用見證，與穩定的使用經驗，實在是不好說優缺點，我就以個人在優化的過程中，我遇到的部份分享一下心得：

LiteSpeed：

我個人覺得 它非常容易使用，套一句國外說的，它近乎開箱即用，對於新手來說，以效能為考慮的話，它的入門檻是非常低的，因為它免費的外掛 LiteSpeed Cache 足以涵既市面上九成的外掛功能，加上主機是自家體系的，如果再結合LiteSpeed CDN，如果說是 新手神器 也不為過，你看到的這個 Ez2.SHOP，就是以LiteSpeed架設而成的，

加上國外的一些相關資訊，表示LiteSpeed對於 這種突然性的高暴性訪問，有一定的優勢，所以我也試過一些簡易的 同時在線人數測試：最高可以來到 1000~2000人次/30秒內，0%出錯率，但這些都只是實驗數據，但就算只有10%的參考價值也有 100人在線，所以我自已也覺得蠻不錯了。

Nginx + Apache：( 簡單說：如果你是 Nginx 基本上，就是用 WP Rocket 與 下方類似的快取外掛了 )

首先，我並不想科普這個技術與名稱的由來，我反而比較想分享，這個場景可以應用的是什麼？舉例來說：我們常常聽到的 WP Rocket 與 其他的快取外掛，其實大部份都是為了 Nginx + Apache 而設計的，WP Rocket 它是一個 軟體層面 的快取，所以你會看到例如：SiteGround / A2 / Kinsta / 都有人用 WP Rocket ，但對上述已經 自已有快取的Hosting 來說，如果它本身提供的快取，已經非常不錯，也能達到秒開效過，那麼其實 裝不裝 WP Rocket 就無所謂了，

當然 WP Fastest Cache、WP Super Cache、W3 Total Cache 這些也都是前十名的快取外掛，
但有一個蠻值得介紹的：快取外掛、同時也是蠻多國外大神使用的，它就是：Perfmatters 它可以協助各種外掛在不同頁面、關閉不同的 JS 這是非常實用的功能，而這篇文章是 調校效能的核心大綱，未來會針對不同 主機與外掛 的設定來分享更多內容。

項目包含：php快取、php版本、css壓縮與推遲、js壓縮與推遲、延遲、頁面DOM內容等等
( 補文中 )

項目包含：圖片格式最佳化、影片格式最佳化、ICON最佳化
( 補文中 )

項目包含：外掛挑選、佈景挑選、錯誤排除、資料庫優化、有經驗的更新外掛
( 補文中 )

項目包含：GA4、fb象素處理、YouTube嵌入優化、地圖嵌入優化、CDN設置
( 補文中 )