新聞中心
你有沒有注意到你最受歡迎的博客文章——那些引發(fā)大量評論的文章——需要更長的時間才能加載?如果您的評論系統(tǒng)沒有經(jīng)過仔細(xì)配置,很高興看到wordpress評論滾滾而來,但它確實會減慢您的網(wǎng)站速度。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站制作、網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè)、榕城網(wǎng)絡(luò)推廣、微信小程序、榕城網(wǎng)絡(luò)營銷、榕城企業(yè)策劃、榕城品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供榕城建站搭建服務(wù),24小時服務(wù)熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com
想想使評論起作用的資源:
- 查詢數(shù)據(jù)庫以提取現(xiàn)有評論,
- 為每個新評論創(chuàng)建數(shù)據(jù)庫條目,
- 評論和評論元數(shù)據(jù)由訪問者的瀏覽器接收和處理,
- 請求、下載和加載外部資源,例如Gravatar,以及
- 在許多情況下,必須下載和處理大型JavaScript和jQuery資源,才能使評論系統(tǒng)按預(yù)期方式工作。
結(jié)果,繁忙的評論部分會增加網(wǎng)絡(luò)服務(wù)器的負(fù)載,增加頁面的整體大小,增加所需的HTTP請求數(shù)量,并添加額外的JavaScript資源供瀏覽器應(yīng)對。無論您是使用原生WordPress評論還是插入了第三方評論系統(tǒng)(如Disqus或Facebook評論),評論都會拖累您網(wǎng)站的速度,您應(yīng)該優(yōu)先考慮優(yōu)化您的網(wǎng)站的性能網(wǎng)站的評論部分。順便提一句。如果您在處理垃圾評論時遇到問題,請務(wù)必閱讀我們關(guān)于如何阻止WordPress垃圾評論主題的詳細(xì)指南。
- 修復(fù)加載緩慢的評論的策略
- 優(yōu)化原生WordPress評論
- 使用第三方評論系統(tǒng)
- 延遲加載評論
修復(fù)加載緩慢的評論的策略
如果您發(fā)現(xiàn)評論部分正在減慢您最受歡迎的博客文章的加載速度,您可以做一些事情:
- 完全禁用評論。這肯定會解決問題。但是,如果您的評論部分沒有增加任何價值,您真的應(yīng)該考慮它。如果您的評論部分太忙而使您的網(wǎng)站變慢,那么它可能會增加足夠的價值,您不會想將其殺死。查看我們關(guān)于如何在WordPress中禁用評論的完整教程。
- 優(yōu)化原生WordPress評論。如果您使用的是原生WordPress評論系統(tǒng),您可以采取一些措施來加快速度。
- 使用第三方評論系統(tǒng)。如果您的網(wǎng)站托管在廉價且資源匱乏的共享服務(wù)器上,那么使用第三方評論系統(tǒng)可能會加快包含大量評論的頁面的速度。
- 延遲加載評論。無論您使用的是WordPress原生評論還是Disqus之類的第三方評論系統(tǒng),都要找到一種延遲加載評論的方法,以免它們減慢初始頁面渲染速度。
讓我們分別考慮每種策略,以便您找出最適合您網(wǎng)站的策略。
優(yōu)化原生WordPress評論
您可以做兩件事來加速已經(jīng)加載了大量原生WordPress評論的網(wǎng)頁:限制最初加載的評論數(shù)量并使用本地托管的頭像。讓我們依次看看每個選項。
限制顯示的評論數(shù)量
默認(rèn)情況下,WordPress設(shè)置為在初始頁面加載時加載您的所有評論。但是,加載數(shù)十甚至數(shù)百條評論,每條評論都包括一個獨特的頭像,確實會擴(kuò)大您的頁面并創(chuàng)建大量額外的HTTP請求。
您可以非常輕松地減少初始頁面加載時加載的評論數(shù)量。
- 轉(zhuǎn)到WordPress管理區(qū)域中的設(shè)置 > 討論。
- 查找其他評論設(shè)置部分。
- 選中分頁顯示評論旁邊的復(fù)選框,并為您希望在初始頁面加載時顯示的評論數(shù)量添加一個值。
- 滾動到頁面底部單擊按鈕保存更改。
WordPress管理后臺中的評論設(shè)置
完成這些步驟后,您指定的評論數(shù)量將在初始頁面加載時顯示。
使用本地托管的頭像或在您的CDN上
WordPress內(nèi)置了對Gravatar的支持。這意味著任何擁有Gravatar帳戶的用戶在使用原生WordPress評論系統(tǒng)對博客發(fā)表評論時,都會將他們的自定義圖像添加為頭像。這為評論部分添加了一個很好的個性化元素,但成本很高。加載WordPress評論時,每個唯一的Gravatar都需要一個HTTP請求。因此,如果一個頁面加載了來自50個不同評論者的評論,則需要50個HTTP請求才能下載所有這些Gravatar??梢韵胂?,這會對頁面速度產(chǎn)生相當(dāng)大的影響。
如果您認(rèn)為Gravatar不值得添加HTTP請求,您可以有兩種選擇。首先,您可以通過轉(zhuǎn)到設(shè)置>討論,找到頭像部分并取消選中頭像顯示框來完全禁用頭像。
如果您不想采取如此激烈的措施,另一種選擇是切換到本地托管的頭像。為此,請安裝WP User Avatar插件。安裝完成后,轉(zhuǎn)到Avatars > Settings并選中復(fù)選框以Disable Gravatar and use only local avatars。如果您不喜歡WP User Avatar附帶的默認(rèn)頭像,woorkup教程中有一張關(guān)于使用本地托管頭像的干凈神秘用戶圖片,您可以上傳并用作默認(rèn)頭像。
請記住,進(jìn)行此更改后,所有評論都將使用默認(rèn)頭像顯示,除非用戶在您的網(wǎng)站上注冊并上傳自定義頭像。
您最后的選擇是將您的Gravatars加載到您自己的CDN上。
使用第三方評論系統(tǒng)
您可能出于多種原因?qū)η袚Q到第三方評論系統(tǒng)感興趣。首先,需要考慮服務(wù)器負(fù)載。創(chuàng)建和加載評論是一個資源密集型過程。如果您的博客評論部分真的很忙,那么將該工作卸載到第三方評論系統(tǒng)將減輕您網(wǎng)站服務(wù)器的負(fù)載。
此外,第三方系統(tǒng)提供比原生WordPress評論系統(tǒng)更好的用戶體驗。他們還可能鼓勵更多訪問者發(fā)表評論,因為已經(jīng)擁有第三方系統(tǒng)帳戶的訪問者可以立即發(fā)表評論,而無需注冊或向您的網(wǎng)站提供詳細(xì)信息。
在某些情況下,所有這些好處都會發(fā)揮作用。然而,這并不是普遍正確的。
不是每個人都喜歡第三方評論系統(tǒng),其他人擔(dān)心在幕后收集的數(shù)據(jù)。此外,第三方評論系統(tǒng)比原生 WordPress 評論更快的想法在理論上聽起來不錯,但實際上事情通常不會這樣發(fā)展。
如果您決定使用第三方評論系統(tǒng),那么這樣做是因為您喜歡使用該特定系統(tǒng)的體驗,并且因為您確信您的網(wǎng)站訪問者會像您一樣喜歡它。不要切換到第三方評論以獲得可能比現(xiàn)實更理論的感知性能改進(jìn)。如果您確實跳轉(zhuǎn)到第三方系統(tǒng),請務(wù)必考慮實施下一個策略:延遲加載。
延遲加載評論
無論您是使用原生WordPress評論還是第三方系統(tǒng),延遲加載評論都是一種幾乎可以肯定會加快頁面加載時間的技術(shù)。延遲加載的評論系統(tǒng)會從初始頁面渲染中刪除,并在訪問者到達(dá)頁面中的某個點時由JavaScript加載,或者通過單擊“查看評論”之類的按鈕來加載。
如果實現(xiàn)延遲加載聽起來有點技術(shù)性,那是因為它是。謝天謝地,你不必弄清楚。您可以使用一些插件來延遲加載您選擇的評論系統(tǒng)。
延遲加載原生WordPress評論
延遲加載評論的功能并未內(nèi)置于WordPress核心中。但是,我們推薦的一個很棒的輕量級免費(fèi)解決方案是Lazy Load for Comments插件。
WordPress插件-Lazy Load for Comments
該插件可從WordPress插件目錄中獲得。因此,您可以直接從WordPress管理區(qū)域安裝它。這將通過延遲加載所有WordPress頭像來減少HTTP請求的數(shù)量。配置非常簡單。只需安裝并在討論設(shè)置下,有兩個選項。默認(rèn)情況下,它設(shè)置為“On Scroll”,這是大多數(shù)人可能更喜歡的。您還可以將其設(shè)置為“On Click”,這將創(chuàng)建一個按鈕供訪問者在評論加載之前單擊。
滾動或點擊
延遲加載本機(jī)評論的另一個選項是使用wpDiscuz插件。
WordPress插件-wpDiscuz
該插件可從WordPress插件目錄中獲得。因此,您可以直接從WordPress管理區(qū)域安裝它。
- 轉(zhuǎn)到插件 > 安裝插件。
- 搜索“wpDiscuz”,然后選擇立即安裝按鈕。
- 安裝插件后,轉(zhuǎn)到Comments > Settings。
- 向下滾動,直到看到顯示Comments loading/pagination type的行,然后選擇Lazy loading comments on scrolling單選按鈕。
- 接下來,轉(zhuǎn)到設(shè)置 > 討論。
- 在“其他評論設(shè)置”部分中,減少“分頁顯示評論”字樣后面框中的數(shù)字。
- 使用小于10的數(shù)字,然后保存更改。
- 請注意不要選中此行旁邊的復(fù)選框。如果選中此框,默認(rèn)的WordPress評論分頁將覆蓋wpDiscuz實現(xiàn)的延遲加載功能。
現(xiàn)在,當(dāng)您訪問任何評論超過10條的頁面時,只會加載前10條評論。到達(dá)評論部分的底部后,其他評論將自動加載。
延遲加載Disqus
如果您確實使用Disqus,那么延遲加載Disqus評論非常重要。如果您不這樣做,Disqus可能會成為您網(wǎng)站加載速度的真正障礙。但是,與原生WordPress評論相比,延遲加載Disqus評論實際上可以加快您的網(wǎng)站速度。
Disqus Conditional Load插件
Disqus Conditional Load是一個免費(fèi)插件,可用于在您的網(wǎng)站上延遲加載Disqus。如果您以前從未使用過Disqus,您首先需要注冊一個帳戶并將新站點添加到Disqus。設(shè)置Disqus站點后,通過轉(zhuǎn)到插件> 安裝插件,搜索“Disqus Conditional Load”并選擇立即安裝來安裝Disqus Conditional Load 。
安裝完成后,轉(zhuǎn)到Comments > Disqus并選擇Upgrade以配置您的數(shù)據(jù)庫以使用Disqus。在以下屏幕上,使用您的Disqus用戶名和密碼登錄Disqus。在下一個屏幕中,選擇幾分鐘前添加的Disqus站點,然后選擇“Next”按鈕。完成最后一步后,Disqus將安裝在您的網(wǎng)站上,并配置為在讀者到達(dá)您博客的評論部分時延遲加載。
除了延遲加載所有圖像(頭像)之外,如果您不使用它,它還可以讓您禁用計數(shù)腳本。因此,您的WordPress網(wǎng)站上的JavaScript調(diào)用減少了一次。
延遲加載Facebook評論
上面提到的Disqus Conditional Load插件的同一開發(fā)者還創(chuàng)建了一個免費(fèi)插件,用于在您的WordPress網(wǎng)站上延遲加載Facebook評論。Facebook的腳本以使網(wǎng)站陷入癱瘓而聞名,即使這些腳本是異步加載的。
Lazy Facebook Comments插件
Lazy Facebook Comments是一個免費(fèi)插件,您可以使用它來加載滾動評論或單擊按鈕。這可確保您僅在需要時加載Facebook腳本。您還可以調(diào)整評論數(shù)量、配色方案、語言、寬度、排序順序等。
小結(jié)
評論是大多數(shù)博客的核心功能,但新興的評論部分確實會降低您網(wǎng)站的加載速度。您可以通過優(yōu)化原生WordPress評論和延遲加載評論以將其從初始頁面加載中刪除,從而加快評論和WordPress網(wǎng)站的速度。
本文標(biāo)題:如何提升WordPress評論加載性能
網(wǎng)頁URL:http://fisionsoft.com.cn/article/dpgisds.html


咨詢
建站咨詢
