如何提升WordPress評論載入效能

如何提升WordPress評論載入效能

你有沒有注意到你最受歡迎的部落格文章——那些引發大量評論的文章——需要更長的時間才能載入?如果您的評論系統沒有經過仔細配置,很高興看到WordPress評論滾滾而來,但它確實會減慢您的網站速度。

想想使評論起作用的資源:

  • 查詢資料庫以提取現有評論,
  • 為每個新評論建立資料庫條目,
  • 評論和評論後設資料由訪問者的瀏覽器接收和處理,
  • 請求、下載和載入外部資源,例如Gravatar,以及
  • 在許多情況下,必須下載和處理大型JavaScript和jQuery資源,才能使評論系統按預期方式工作。

結果,繁忙的評論部分會增加網路伺服器的負載,增加頁面的整體大小,增加所需的HTTP請求數量,並新增額外的JavaScript資源供瀏覽器應對。無論您是使用原生WordPress評論還是插入了第三方評論系統(如Disqus或Facebook評論),評論都會拖累您網站的速度,您應該優先考慮優化您的網站的效能網站的評論部分。順便提一句。如果您在處理垃圾評論時遇到問題,請務必閱讀我們關於如何阻止WordPress垃圾評論主題的詳細指南。

修復載入緩慢的評論的策略

如果您發現評論部分正在減慢您最受歡迎的部落格文章的載入速度,您可以做一些事情:

  • 完全禁用評論。這肯定會解決問題。但是,如果您的評論部分沒有增加任何價值,您真的應該考慮它。如果您的評論部分太忙而使您的網站變慢,那麼它可能會增加足夠的價值,您不會想將其殺死。檢視我們關於如何在WordPress中禁用評論的完整教程。
  • 優化原生WordPress評論。如果您使用的是原生WordPress評論系統,您可以採取一些措施來加快速度。
  • 使用第三方評論系統。如果您的網站託管在廉價且資源匱乏的共享伺服器上,那麼使用第三方評論系統可能會加快包含大量評論的頁面的速度。
  • 延遲載入評論。無論您使用的是WordPress原生評論還是Disqus之類的第三方評論系統,都要找到一種延遲載入評論的方法,以免它們減慢初始頁面渲染速度。

讓我們分別考慮每種策略,以便您找出最適合您網站的策略。

優化原生WordPress評論

您可以做兩件事來加速已經載入了大量原生WordPress評論的網頁:限制最初載入的評論數量並使用本地託管的頭像。讓我們依次看看每個選項。

限制顯示的評論數量

預設情況下,WordPress設定為在初始頁面載入時載入您的所有評論。但是,載入數十甚至數百條評論,每條評論都包括一個獨特的頭像,確實會擴大您的頁面並建立大量額外的HTTP請求。

您可以非常輕鬆地減少初始頁面載入時載入的評論數量。

  • 轉到WordPress管理區域中的設定 > 討論
  • 查詢其他評論設定部分。
  • 選中分頁顯示評論旁邊的覈取方塊,併為您希望在初始頁面載入時顯示的評論數量新增一個值。
  • 滾動到頁面底部單擊按鈕儲存更改

WordPress管理後臺中的評論設定

WordPress管理後臺中的評論設定

完成這些步驟後,您指定的評論數量將在初始頁面載入時顯示。

使用本地託管的頭像或在您的CDN上

WordPress內建了對Gravatar的支援。這意味著任何擁有Gravatar帳戶的使用者在使用原生WordPress評論系統對部落格發表評論時,都會將他們的自定義影象新增為頭像。這為評論部分新增了一個很好的個性化元素,但成本很高。載入WordPress評論時,每個唯一的Gravatar都需要一個HTTP請求。因此,如果一個頁面載入了來自50個不同評論者的評論,則需要50個HTTP請求才能下載所有這些Gravatar。可以想象,這會對頁面速度產生相當大的影響

如果您認為Gravatar不值得新增HTTP請求,您可以有兩種選擇。首先,您可以通過轉到設定>討論,找到頭像部分並取消選中頭像顯示框來完全禁用頭像。

如果您不想採取如此激烈的措施,另一種選擇是切換到本地託管的頭像。為此,請安裝WP User Avatar外掛。安裝完成後,轉到Avatars > Settings並選中覈取方塊以Disable Gravatar and use only local avatars。如果您不喜歡WP User Avatar附帶的預設頭像,woorkup教程中有一張關於使用本地託管頭像的乾淨神祕使用者圖片,您可以上傳並用作預設頭像。

請記住,進行此更改後,所有評論都將使用預設頭像顯示,除非使用者在您的網站上註冊並上傳自定義頭像。

您最後的選擇是將您的Gravatars載入到您自己的CDN上

使用第三方評論系統

您可能出於多種原因對切換到第三方評論系統感興趣。首先,需要考慮伺服器負載。建立和載入評論是一個資源密集型過程。如果您的部落格評論部分真的很忙,那麼將該工作解除安裝到第三方評論系統將減輕您網站伺服器的負載。

此外,第三方系統提供比原生WordPress評論系統更好的使用者體驗。他們還可能鼓勵更多訪問者發表評論,因為已經擁有第三方系統帳戶的訪問者可以立即發表評論,而無需註冊或向您的網站提供詳細資訊。

在某些情況下,所有這些好處都會發揮作用。然而,這並不是普遍正確的。

不是每個人都喜歡第三方評論系統,其他人擔心在幕後收集的資料。此外,第三方評論系統比原生 WordPress 評論更快的想法在理論上聽起來不錯,但實際上事情通常不會這樣發展。

如果您決定使用第三方評論系統,那麼這樣做是因為您喜歡使用該特定系統的體驗,並且因為您確信您的網站訪問者會像您一樣喜歡它。不要切換到第三方評論以獲得可能比現實更理論的感知效能改進。如果您確實跳轉到第三方系統,請務必考慮實施下一個策略:延遲載入。

延遲載入評論

無論您是使用原生WordPress評論還是第三方系統,延遲載入評論都是一種幾乎可以肯定會加快頁面載入時間的技術。延遲載入的評論系統會從初始頁面渲染中刪除,並在訪問者到達頁面中的某個點時由JavaScript載入,或者通過單擊“檢視評論”之類的按鈕來載入。

如果實現延遲載入聽起來有點技術性,那是因為它是。謝天謝地,你不必弄清楚。您可以使用一些外掛來延遲載入您選擇的評論系統。

延遲載入原生WordPress評論

延遲載入評論的功能並未內建於WordPress核心中。但是,我們推薦的一個很棒的輕量級免費解決方案是Lazy Load for Comments外掛

WordPress外掛-Lazy Load for Comments

WordPress外掛-Lazy Load for Comments

該外掛可從WordPress外掛目錄中獲得。因此,您可以直接從WordPress管理區域安裝它。這將通過延遲載入所有WordPress頭像來減少HTTP請求的數量。配置非常簡單。只需安裝並在討論設定下,有兩個選項。預設情況下,它設定為“On Scroll”,這是大多數人可能更喜歡的。您還可以將其設定為“On Click”,這將建立一個按鈕供訪問者在評論載入之前單擊。

滾動或點選

滾動或點選

延遲載入本機評論的另一個選項是使用wpDiscuz外掛。

WordPress外掛-wpDiscuz

WordPress外掛-wpDiscuz

該外掛可從WordPress外掛目錄中獲得。因此,您可以直接從WordPress管理區域安裝它。

  • 轉到外掛 > 安裝外掛
  • 搜尋“wpDiscuz”,然後選擇立即安裝按鈕。
  • 安裝外掛後,轉到Comments > Settings
  • 向下滾動,直到看到顯示Comments loading/pagination type的行,然後選擇Lazy loading comments on scrolling單選按鈕。
  • 接下來,轉到設定 > 討論
  • 在“其他評論設定”部分中,減少“分頁顯示評論”字樣後面框中的數字。
  • 使用小於10的數字,然後儲存更改。
  • 請注意不要選中此行旁邊的覈取方塊。如果選中此框,預設的WordPress評論分頁將覆蓋wpDiscuz實現的延遲載入功能。

現在,當您訪問任何評論超過10條的頁面時,只會載入前10條評論。到達評論部分的底部後,其他評論將自動載入。

延遲載入Disqus

如果您確實使用Disqus,那麼延遲載入Disqus評論非常重要。如果您不這樣做,Disqus可能會成為您網站載入速度的真正障礙。但是,與原生WordPress評論相比,延遲載入Disqus評論實際上可以加快您的網站速度

Disqus Conditional Load外掛

Disqus Conditional Load外掛

Disqus Conditional Load是一個免費外掛,可用於在您的網站上延遲載入Disqus。如果您以前從未使用過Disqus,您首先需要註冊一個帳戶並將新站點新增到Disqus。設定Disqus站點後,通過轉到外掛> 安裝外掛,搜尋“Disqus Conditional Load”並選擇立即安裝來安裝Disqus Conditional Load 。

安裝完成後,轉到Comments > Disqus並選擇Upgrade以配置您的資料庫以使用Disqus。在以下螢幕上,使用您的Disqus使用者名稱和密碼登入Disqus。在下一個螢幕中,選擇幾分鐘前新增的Disqus站點,然後選擇“Next按鈕。完成最後一步後,Disqus將安裝在您的網站上,並配置為在讀者到達您部落格的評論部分時延遲載入。

除了延遲載入所有影象(頭像)之外,如果您不使用它,它還可以讓您禁用計數指令碼。因此,您的WordPress網站上的JavaScript呼叫減少了一次。

延遲載入Facebook評論

上面提到的Disqus Conditional Load外掛的同一開發者還建立了一個免費外掛,用於在您的WordPress網站上延遲載入Facebook評論。Facebook的指令碼以使網站陷入癱瘓而聞名,即使這些指令碼是非同步載入的。

Lazy Facebook Comments外掛

Lazy Facebook Comments外掛

Lazy Facebook Comments是一個免費外掛,您可以使用它來載入滾動評論或單擊按鈕。這可確保您僅在需要時載入Facebook指令碼。您還可以調整評論數量、配色方案、語言、寬度、排序順序等。

小結

評論是大多數部落格的核心功能,但新興的評論部分確實會降低您網站的載入速度。您可以通過優化原生WordPress評論和延遲載入評論以將其從初始頁面載入中刪除,從而加快評論和WordPress網站的速度。

評論留言