WordPress 打開速度慢、加載速度慢的 4 個主要緣由及的解決辦法

不少 WordPress 使用者會以爲 WordPress 的性能很差，打開速度很慢，具體表現爲、打開一個後端或前端頁面時，加載了很長時間，頁面才顯示出來。懂點網頁調試的朋友若是打開谷歌瀏覽器調試工具看網絡瀑布流，會發現，頁面的 Waiting (TTFB) 參數很長，有些甚至到達了 1000 ms 以上。致使 WordPress 頁面加載速度慢的緣由有不少，今天一刀爲你們逐一分析一下。

首先、打開一個網站須要通過下面幾步（下面簡稱爲 5 步驟）：

1. 用戶在瀏覽器裏面輸入網站域名、DNS 服務器解析網站域名爲服務器 IP 地址
2. 瀏覽器代替咱們向服務器請求頁面，Nginx 服務器接收到瀏覽器的請求以後，把請求轉發給服務器上的 PHP 程序。
3. PHP 執行頁面代碼，從 MySQL 服務器中讀取數據，再拼接成 HTML 網頁、返回給 Nginx 服務器
4. Nginx 服務器接收到 PHP 返回的 HTML 頁面後，再轉發給瀏覽器。
5. 瀏覽器接收到服務器返回的 HTML 後，讀取 HTML 頁面的內容、獲取加載 HTML 內容中的資源，根據 HTML 頁面的 HTML 標記、CSS、JavaScript 代碼把網頁渲染成咱們看到的頁面。

這麼多步驟、每一步出了問題，都會致使網頁的打開渲染速度變慢，若是有多個步驟都有問題、打開速度就會變得更慢，直到咱們受不了了，決定優化一下頁面的打開速度。

要優化頁面打開速度，咱們首先得找到致使 WordPress 打開速度慢的緣由，對症下藥、不然，任何的優化都起不到藥到病除的做用，有些甚至還會產生反作用，致使打開速度更慢。下面咱們來看一下每一步可能產生的問題一下解決辦法。

一、網絡鏈接速度或服務器帶寬緣由

網絡緣由也就是你們常常說的網速慢，在提速降費政策的影響下，如今客戶端（也就是及的電腦或手機）的網速通常不會很慢了，這裏說的網速慢主要是服務器網速慢。

好比服務器在美國，咱們在中國訪問，數據要漂洋過海兩次才能跑一個來回，速度天然慢了。

再好比，有些網站用的服務器是 1M 的小水管帶寬，下載一個 1M 的圖片就須要 好幾秒了，若是網站圖片比較多大狀況下，頁面的打開速度會讓人不禁自主的聯想到下面的形象。

網絡緣由會影響到 WordPress 頁面打開「 5 步驟中」中的 一、二、4 步。怎麼解決網絡緣由致使的頁面打開速度慢的狀況呢？通常來講，有下面 3 種方法。

• 更換更近的服務器，服務器近了，數據不用跑太遠的路，速度天然就會快些。
• 使用 CDN，可讓咱們在不用更換服務器的狀況下，把數據放到離咱們較勁的服務器上。
• 若是上面兩條實施起來都有困難，咱們能夠優化網頁加載的前端資源數量，下降 HTTP 請求數量，WordPress 有一些插件能夠作到，固然，若是你懂編程，也能夠經過編輯代碼實現。

二、服務器配置緣由

若是服務器配置比較低，或者網站採用的是共享虛擬主機，會致使分給本身網站運行的服務器資源較少，致使執行一個程序須要的時間比較長。如此一來、網站打開速度天然就慢了。

舉個例子：打開網站首頁時，PHP 對 MySQL 數據庫說，給我分類 ID 爲 三、五、7 的前 10篇文章、每篇文章須要包含標題、描述、圖片、訪問量、發佈時間這些數據，給我以前順便按時間順序幫我排列一下。要快！100 毫秒以內給我。

結果 MySQL 3 秒後才把這些數據返回給 PHP，這時候 PHP 不爽了：「怎麼這麼慢？個人上帝要儘快看到這些數據，你爲何就不能麻利點呢？」

MySQL 看了看本身能夠用的服務器資源，很委屈的說：「我也想盡快給你，但是我能夠用的服務器資源有限，臣妾作不到呀！」

是的，若是服務器資源有限，想要在很短期內獲取數據，生成網頁，不但臣妾作不到，皇上也是作不到的。

服務器緣由主要會影響 「5 步驟」中的 二、三、4 步，咱們能夠採起如下措施來解決這個問題：

• 提升服務器配置，若是服務器配置太低，提升服務器配置是最簡單的方法
• 使用 WordPress緩存，合理的使用服務器緩存能夠在不提升服務器配置的前提下，提升頁面打開速度

三、主題或插件緣由

有些高級主題加載的組件特別多，即使咱們作一個很簡單的網站，也加載了不少咱們不須要的代碼。極端狀況下，有些設計不良的主題或插件甚至會形成程序死循環致使服務器資源耗盡。

若是主題或插件代碼沒有對較耗資源的 MySQL 查詢採用適當的緩存，會致使頻繁訪問數據庫，致使程序處理速度比較慢。

有些插件會加載一些前端資源、可能一個插件只加載一兩個 CSS 或 JS，可能若是插件多了，放在一塊兒，會加載十來個前端資源到頁面中，對頁面渲染速度的影響可想而知了。我見過網站用了 20 多個插件，網站首頁加載了 快 30 CSS 和 JS，這麼多資源，光下載都得一段時間，更別說下載以後還得渲染了。

這些個緣由會影響到「5 步驟」中的 三、5 步

• 更換主題，採用設計優良，精簡專一的主題，若是條件容許，能夠定製一個主題
• 優化主題代碼，檢查現有主題代碼，看看有那些功能是咱們用不到的，想辦法禁用掉
• 提升服務器配置，能夠運行程序的服務器資源多了，處理速度天然後有有所提升

四、Google 字體和 Gravatar 頭像 緣由

若是 WordPress 頁面中加載了 Goolge 字體，大部分狀況下，Google 字體是加載不出來，而瀏覽器會一直加載下去，看起來好像網站失去了響應同樣，其實網站的其餘部分早就已經加載好了，就等 Google 網絡字體加載好，應用網頁字體後，才渲染給咱們。

對於中文網站來講，沒有這些字體，頁面看起來基本上是沒有什麼區別的，咱們把這些字體去掉，網站照樣能看，而且速度更快，何樂而不爲呢？

若是是在須要這些字體，咱們也能夠把這些字體替換爲國內的鏡像資源，這樣既保留了字體，也不會影響頁面的打開速度，一箭雙鵰。

這個緣由會影響到「5 步驟」中的步驟 5，解決辦法也很簡單：

• 咱們能夠直接禁用掉 Google 字體或 Gravatar 頭像
• 可使用 Google Font Fix 替換這些資源爲國內的鏡像
• WordPress 打開速度優化相關文章

其餘與 WordPress 性能相關的文章

本站以前也發表過一些優化 WordPress 打開速度、解決 WordPress 打開慢的文章，有興趣的朋友能夠點擊下面的鏈接逐一瀏覽。

• 怎麼正確的加快WordPress網站的打開速度-以 Avada 主題爲例
• 使用 ngx_pagespeed 優化前端頁面，提升 WordPress 加載速度
• 使用 Cachify 插件把 WordPress 頁面緩存到 Memcache 中，讓網頁瞬間打開
• 網站加載 Waiting (TTFB) 時間過長的緣由和解決辦法