Disqus 是最受歡迎的評論系統之一,大多數專業博主通過替換默認的 Blogspot 博主評論系統將其用於其網站。 Disqus 也可以與 wordpress 網站一起使用,大多數博主更喜歡 Disqus 的原因是它具有許多默認評論系統不提供的功能。 在這裡,我將向您展示如何以更有效的方式將 Disqus 評論與您的網站集成,從而改善您網站的加載時間。

可以使用 Disqus 評論系統減少頁面加載時間的方法稱為按需加載。 默認情況下,評論隨頁面一起加載,但在按需加載方法中,評論只會在用戶希望他們查看時顯示。 這將節省評論通常會佔用的加載時間,因此網站在 Google 上的排名會更好。
為 Blogspot 和 Wordpress 按需加載 Disqus
要按需加載 Disqus,您需要在模板中放置兩個代碼。 一個代碼用於按鈕,另一個是 javascript,它將根據需要加載評論。
複製以下代碼並將其放置在您需要插入按鈕的模板中。 加載網頁後,訪問者將看到此按鈕而不是評論,當點擊此按鈕時,評論將開始顯示。
// 按鈕代碼
複製以下代碼並將其粘貼到模板中正文的結束標記之前。 此代碼將使按鈕出現而不是評論,並有助於僅在用戶請求時加載每個頁面中的評論。
var disqus_shortname = '簡稱'; // 用你的disqus短名稱替換短名稱function loadComments(catalysts, links) { $(document).ready(function($){ if(typeof disqus_shortname !== “undefined”) { if(!catalysts) {催化劑 = “#comments-access”; }催化劑元素 = $(catalysts);catalyst_link_elements =catalyst_elements.add(links);catalyst_link_elements.click(function() { $.ajaxSetup({ cache: true }); $.getScript(“http://” + disqus_shortname + “.disqus. com/embed.js”); $.ajaxSetup({ cache: false });catalyst_elements.remove(); }); } }); } /* 函數接受 2 個參數,例如: loadComments(“#my-custom-id”, “.link-element-1, .link-element-2”); */ 加載評論();
請務必將紅色代碼替換為您的 Disqus 短名稱,否則此代碼將無法運作。此程式碼需要 jQuery,運行非常流暢。許多熱門網站(例如Labnol.org)都使用 Disqus 的按需載入功能,您也應該考慮切換到按需載入的評論功能。
