异步加载Facebook页面插件JavaScript
根据谷歌网页洞察,加载自定义Facebook插件会使网站速度变慢。页面Speed Insight显示:应修复菜单下的“启用8个Facebook子JavaScript的压缩”。因此,它肯定会提高站点加载速度 以前的版本:异步加载Facebook页面插件JavaScript,javascript,php,jquery,html,facebook,Javascript,Php,Jquery,Html,Facebook,根据谷歌网页洞察,加载自定义Facebook插件会使网站速度变慢。页面Speed Insight显示:应修复菜单下的“启用8个Facebook子JavaScript的压缩”。因此,它肯定会提高站点加载速度 以前的版本: <div id='fb-root'/> <script> (function() { var e = document.createElement('script'); e.async = true; e.s
<div id='fb-root'/>
<script>
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
window.fbAsyncInit = function() {
FB.init({appId: '647606748639270', status: true, cookie: true,
xfbml: true});
_ga.trackFacebook();
};
</script>
(功能(){
var e=document.createElement(';script';);e.async=true;
e、 src=document.location.protocol+
';//connect.facebook.net/en_US/all.js';;
document.getElementById(';fb root';).appendChild(e);
}());
window.fbAsyninit=函数(){
FB.init({appId:';647606748639270';,状态:true,cookie:true,
xfbml:true});
_ga.trackFacebook();
};
较新版本:
<div id='fb-root'/>
<script>
(function() {
var url = '//connect.facebook.net/en_US/all.js';
var iframe = document.createElement('iframe');
(iframe.frameElement || iframe).style.cssText = "width: 0; height: 0; border: 0";
iframe.src = "javascript:false";
document.getElementById('fb-root').appendChild(iframe);
var doc = iframe.contentWindow.document;
doc.open().write('<body onload="'+
'window.inDapIF = true;' +
'var js = document.createElement(\'script\');'+
'js.src = \''+ url +'\';'+
'document.body.appendChild(js);">');
doc.close();
}());
// async init once loading is done
window.fbAsyncInit = function() {
FB.init({xfbml: true});
};
</script>
(功能(){
var url='//connect.facebook.net/en_US/all.js';
var iframe=document.createElement('iframe');
(iframe.frameElement | | iframe).style.cssText=“宽度:0;高度:0;边框:0”;
iframe.src=“javascript:false”;
document.getElementById('fb-root').appendChild(iframe);
var doc=iframe.contentWindow.document;
doc.open().write(“”);
doc.close();
}());
//加载完成后异步初始化
window.fbAsyninit=函数(){
FB.init({xfbml:true});
};
所以我试图在我的网站上安装一个经过官方修改的Facebook页面插件JavaScript,但不幸的是,它显示了错误消息
元素类型“script”必须由匹配的结束标记“”终止
JavaScript的官方链接
我建议使用官方代码片段:它不能解决我的问题,我以前已经尝试过了。。谢谢你的评论你解决了吗?@Freedo-nope:DI建议使用官方代码段:它没有解决我的问题,我以前已经尝试过了。。谢谢你的评论,你解决了吗?@Freedo-no:D