如何減少 WordPress 網站的加載時間 - 6.3 秒到 2 秒

視頻記錄

該視頻將引導您完成我們在 Sagapixel 使用的將網站的加載時間從大約 6 秒縮短到更容易接受的過程。 希望我們能在這個網站的兩到三秒範圍內結束。

此方法將使用所有免費插件。 它們就在 WordPress 存儲庫中，我將解釋它們每個人在我使用它時所做的事情。 讓我們跳進去。 這是我們幾個月前為尚未真正優化的網站所做的 GTMetrix 報告。

我實際上要去網站的前端，也要去使用我的瀏覽器，所以我們要去網絡，我要做一個硬刷新。 我在 Mac 上。 我要按住 shift 並點擊刷新，這樣它就會清除緩存，而且速度很慢。 是的，那個東西有一個時間到六秒的第一個字節。

這太荒謬了，我們不會讓客戶網站坐在那里花那麼長的時間來處理第一個字節。 現在，服務器本身可能是一個因素。 我知道他們使用的是質量非常低的 GoDaddy 主機，但我們絕對可以加快這件事的速度，所以在接下來的 10 分鐘左右，我們將完成它。

首先我要登錄這個東西，然後我們會轉到插件。 首先需要激活的是這個快速的速度縮小。 Fast velocity minify 將結合大量正在加載的資產，所以首先，我相信它確實安裝了 SSL，所以我要設置這個東西來強制 SSL。

我不打算檢查那個。 這通常沒什麼大不了的。 我不想禁用 Google 字體合併。 我不想保留 CSS 文件的順序。 我想在頁眉和頁腳中內聯 CSS。 我檢查這些設置的原因是我們主要使用 Elementor，而且我知道這些設置不會導致任何問題。

當您使用快速縮小時，如果您確實破壞了某些東西，它可能會在 Chrome 上，因此請確保在您完成所有設置並退出網站後，您使用 Chrome 啟動並確保您沒有殺死任何樣式表。

好吧，我不會禁用任何東西。 這裡看起來不錯，所以我要保存它，我要重新運行 Gt 指標。 剛剛完成這可能會減少該站點上的一些加載時間。 不過，其中很多可能仍然是服務器。

好吧，這讓它下降了一秒鐘多一點。 不過，我們還沒有完成。 我們要安裝的下一個插件是……在這個站點上，我們有短像素圖像優化器。 看起來它從未被激活，所以我們可能需要優化一些圖像。

不過，我實際上不會使用那個。 我將安裝另一個我們最近採用的插件，它將處理一大堆需要處理的東西，包括圖像優化，所以我們必須重新優化。

好的，所以進入設置，我們要做的第一件事就是進入緩存。 我將啟用頁面緩存。 我還要確保我沒有在這裡已經激活的緩存插件，我們沒有。 好的。 我將啟用頁面緩存。

接下來我要做的是繼續預加載，我將激活這個預定的預加載器。 我想我們會每天做一次。 保存它，我現在要運行它，這將開始預加載所有的 URL，就像你可以閱讀這裡一樣，實際將觸發重新優化，通過訪問頁面來緩存網站以預加載它們這樣當人類訪問者第一次想要他們時，網站就不必生成所有內容。

我們得等一會。 接下來我要做的是轉到圖像，從現在開始我們將把它設置為自動壓縮新添加的圖像。 這將通過連接到 WP Smush 來實現。 如果你不想使用這個，我們可以取消選中這個，我會說短像素一般來說可能是處理圖像優化時最好的。

預加載頁面的整個過程實際上確實需要一點時間。 你知道，我們只在第 17 頁，共 30 頁。接下來我們要在運行時轉到這裡。 我們要看看數據庫，我們有這些選項來優化數據庫表，清理後期修訂，所以這將真正清理數據庫並讓它運行得更快，但我真的想強調它會擺脫一些東西。

因此，如果您有，如果您有任何可能想要恢復舊帖子，請將舊頁面恢復到以前的方式，通過運行這些優化，您將刪除所有這些舊版本的所有內容，因此您可能希望在對數據庫執行任何操作之前備份您的網站。

我知道我們有這個備份。 我也不打算在我們運行預加載時這樣做，但看起來已經處理好了，所以讓我們過去吧。 我將運行所有這些優化。 在這裡，我們有 1,200 個已刪除的帖子修訂。

有時，它需要一段時間才能完成。 這是一個相當小的網站，所以它真的不需要太多，但讓我們再運行一次，看看它做了什麼。 好吧，現在我們從一路上升到 2.6 秒，這是什麼，在我們開始之前超過 6 秒。

我要添加的下一個將是延遲加載。 延遲加載，我們開始了，WP Rock 的延遲加載是我使用的。 超級容易配置。 只需單擊它，激活，轉到設置，我們將在這裡選中幾個框。

圖像，I 幀。 我不會通過縮略圖來製作 YouTube 視頻。 保存更改。 好的。 現在，最後一步，真的，我認為優化......當我們優化整個圖書館時，我們不會坐在這裡，但優化這個東西的圖像將是真正解決這個問題的最後一步。

我認為如果我們最終使用任何太大的圖像和網站，我們可能會將這個時間縮短到大約 2.5 秒。 我希望這很有用。 真正讓一個 WordPress 網站以快速的方式加載並不是那麼困難。

我認為還有很多對視覺頁面構建器的批評，比如 WP Bakery，在這種情況下 Elementor，Divi，它們是沒有根據的，因為你可以做很多事情來讓這些網站快速加載，即使視覺頁面構建器。

如果這有幫助，請確保您發表評論，如果您有興趣了解 SEO 和 WordPress，請確保您訂閱我們的頻道。 謝謝。