我在我的 html 页面上添加了第三方评论插件。由于页面为加载评论插件而建立的连接数,该插件会稍微减慢页面加载速度。
评论插件将包含在一个 div 中。
我想延迟评论 javascript 的加载,直到访问者单击“添加/阅读评论”按钮/链接。
该页面的语言是html5。如果可能的话,我希望将我的页面保留为 .html 页面是 html5 和 css3。
我的 ccs3 和 html5 知识一般。我的javascript知识很差。我不知道的所有其他语言。
我本来打算使用“添加/阅读评论”按钮/链接,加载一个加载了第三方评论插件的重复页面,但觉得这是一种混乱的方式,并且增加了更多时间(然后再加载另一个页面)插件脚本)供用户等待才能发表评论。
在用户单击按钮之前,我根本不希望加载此评论插件,甚至在后台也不加载。这样做的原因是,当页面加载完成而评论插件不可见时,我不希望用户看到页面挂起/仍在加载的任何迹象。
我真诚地希望这对有人遵循是有意义的。
答案将不胜感激。感谢您的时间。
以下是livefyre给我插入到我的html中的代码..
<div id="SPLUG"> <--- that is the div i am surrounding the comment plugin in
<div id="livefyre-comments"></div>
<script type="text/javascript" src="http://zor.livefyre.com/wjs/v3.0/javascripts/livefyre.js"></script>
<script type="text/javascript">
(function () {
var articleId = fyre.conv.load.makeArticleId(null);
fyre.conv.load({}, [{
el: 'livefyre-comments',
network: "livefyre.com",
siteId: "xxxxxx",
articleId: articleId,
signed: false,
collectionMeta: {
articleId: articleId,
url: fyre.conv.load.makeCollectionUrl(),
}
}], function() {});
}());
</script>
<!-- END: Livefyre Embed -->
</div>