我正在为我的网站添加 Facebook 社交按钮。你可以在这里查看网站。
我是 Facebook API 的初学者,但是在页脚中添加代码后,网站的加载时间要长得多。
我通过谷歌做了一些研究,但没有找到任何好的解决方案。我曾尝试添加开源 jQuery 社交插件,但这并不如我所愿。
我希望能够使用默认的 Facebook 点赞/分享按钮(当前位于页脚)。
例如,有什么方法可以减少我使用 jQuery 添加的当前代码的加载时间?或者有没有其他方法可以让我在不影响加载时间的情况下保留默认的 Facebook 点赞/分享按钮?
这是我在<body>标签后添加的当前 JavaScript 代码:
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'your-app-id',
xfbml : true,
version : 'v2.3'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
Run Code Online (Sandbox Code Playgroud)
这是页脚处的 HTML 代码:
<li><div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div></li>
Run Code Online (Sandbox Code Playgroud)
提前致谢!
我有一个index.html具有以下文件结构的文件:fl/contact/thanks/index.html
我的 CSS 文件夹具有以下文件结构:fl/css/style.css
我如何定位该style.css文件,以便它影响index.html具有当前文件结构的文件?
目前的设置是这样的:
<link rel="stylesheet" type="text/css" href="css/style.css">