有谁知道传递给 FB.init 的 ChannelUrl 参数何时真正被 fb js sdk 使用?我可以看到它在我们的 nginx 日志文件中受到攻击,它似乎来自 IE8 用户,但我似乎无法手动重新创建它。我有一个粉丝页面 iframe 应用程序,带有点赞按钮和评论插件。
最佳答案
你可以看到这个帖子。解释得很好。
https://developers.facebook.com/blog/post/2011/08/02/how-to--optimize-social-plugin-performance/
此帖子链接将来可能会更新。所以我复制粘贴了 FB 开发者博客中的整篇文章,并将全部功劳归功于作者。
操作方法:优化社交插件性能 作者:Ankur Pansari - 2011 年 8 月 3 日凌晨 12:00
数以百万计的网站使用 XFBML 来呈现社交插件。我们想分享一些可以提高这些网站性能的最佳实践。具体来说,我们提供自定义 channelUrl 和异步加载,使用后,将缩短加载时间并减少其他问题,例如重复计算来自 Facebook 的推荐流量。
自定义 channel URL 是 FB.init 函数中称为 channelUrl 的可选参数。初始化 JavaScript 库时,在 FB.init 函数中添加 channelUrl 参数:
<div id="fb-root"></div>
<script src="//connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : 'YOUR APP ID',
status: true, // check login status
cookie: true, // enable cookies to allow server to access session,
xfbml: true, // enable XFBML and social plugins
oauth: true, // enable OAuth 2.0
channelUrl: 'http://www.yourdomain.com/channel.html' //custom channel
});
</script>
channelUrl 指向您添加到本地目录的文件,这有助于提高某些旧版浏览器的通信速度。如果没有 channelUrl,我们将被迫使用变通方法,例如在 Conceal 的 iframe 中加载网页的第二个副本,以正确加载社交插件。解决方法会增加加载时间并增加来自 Facebook 的推荐流量。
要创建 channel.html 文件,请将以下行添加到文件(位于 http://www.yourdomain.com/channel.html ):
<script src="//connect.facebook.net/en_US/all.js"></script>
如果您有能力运行 PHP,我们强烈建议为 channelUrl 文件设置一个长缓存以确保最佳性能。这是完成此操作的示例 PHP 脚本:
<?php
$cache_expire = 60*60*24*365;
header("Pragma: public");
header("Cache-Control: maxage=".$cache_expire);
header('Expires: '.gmdate('D, d M Y H:i:s', time()+$cache_expire).' GMT');
?>
<script src="//connect.facebook.net/en_US/all.js"></script>
在这种情况下,您还应该将 channelUrl 文件设置为完全限定的 URL,例如 http://www.yourdomain.com/channel.php .
在我们的测试中,添加自定义 channelUrl 可以提高 Internet Explorer 的性能,因此建议我们所有的开发人员都包含它。当包含该参数时,Internet Explorer 会产生统计上显着的性能提升,其中具有 5 个 XFBML 插件的测试网站的加载时间从 1.10 秒缩短到 0.43 秒。
异步加载是另一种简单的策略,它允许您的页面快速加载而不会阻塞页面其他元素的加载。成功加载 JS SDK 后,我们调用 window.fbAsyncInit 函数。所有依赖于 Facebook API 调用的前端函数都应分离并通过 window.fbAsyncInit 调用。这确保了 Facebook 功能以非阻塞方式加载,并将加快其呈现速度,这具有积极的 SEO 优势。在设计社交功能时,您应该以这种心态着手。
例如:
<html xmlns:fb="https://www.facebook.com/2008/fbml">
<body>
<div id="fb-root"></div>
<script>
/* All Facebook functions should be included
in this function, or at least initiated from here */
window.fbAsyncInit = function() {
FB.init({appId: 'your app id',
status: true,
cookie: true,
xfbml: true});
FB.api('/me', function(response) {
console.log(response.name);
});
};
(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);
}());
</script>
</body>
<html>
我们更新了文档以反射(reflect)这些选项的重要性,并更改了默认示例代码以包含 channelUrl。作为 Operation Developer Love 的一部分,我们将继续更新我们的文档,并通过“How-To”博客文章分享更多最佳实践。
关于javascript - 什么时候真正使用 ChannelUrl?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8980012/
我正在学习如何使用Nokogiri,根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div
我有一个Ruby程序,它使用rubyzip压缩XML文件的目录树。gem。我的问题是文件开始变得很重,我想提高压缩级别,因为压缩时间不是问题。我在rubyzipdocumentation中找不到一种为创建的ZIP文件指定压缩级别的方法。有人知道如何更改此设置吗?是否有另一个允许指定压缩级别的Ruby库? 最佳答案 这是我通过查看rubyzip内部创建的代码。level=Zlib::BEST_COMPRESSIONZip::ZipOutputStream.open(zip_file)do|zip|Dir.glob("**/*")d
类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc
很好奇,就使用rubyonrails自动化单元测试而言,你们正在做什么?您是否创建了一个脚本来在cron中运行rake作业并将结果邮寄给您?git中的预提交Hook?只是手动调用?我完全理解测试,但想知道在错误发生之前捕获错误的最佳实践是什么。让我们理所当然地认为测试本身是完美无缺的,并且可以正常工作。下一步是什么以确保他们在正确的时间将可能有害的结果传达给您? 最佳答案 不确定您到底想听什么,但是有几个级别的自动代码库控制:在处理某项功能时,您可以使用类似autotest的内容获得关于哪些有效,哪些无效的即时反馈。要确保您的提
假设我做了一个模块如下:m=Module.newdoclassCendend三个问题:除了对m的引用之外,还有什么方法可以访问C和m中的其他内容?我可以在创建匿名模块后为其命名吗(就像我输入“module...”一样)?如何在使用完匿名模块后将其删除,使其定义的常量不再存在? 最佳答案 三个答案:是的,使用ObjectSpace.此代码使c引用你的类(class)C不引用m:c=nilObjectSpace.each_object{|obj|c=objif(Class===objandobj.name=~/::C$/)}当然这取决于
我正在尝试使用ruby和Savon来使用网络服务。测试服务为http://www.webservicex.net/WS/WSDetails.aspx?WSID=9&CATID=2require'rubygems'require'savon'client=Savon::Client.new"http://www.webservicex.net/stockquote.asmx?WSDL"client.get_quotedo|soap|soap.body={:symbol=>"AAPL"}end返回SOAP异常。检查soap信封,在我看来soap请求没有正确的命名空间。任何人都可以建议我
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点?我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等),但我确实想创建一个输出文件。
我有一个模型:classItem项目有一个属性“商店”基于存储的值,我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式?如果方法中没有大的if-else语句,这是如何干净利落地完成的? 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co
我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗?当我运行compasswatch时,它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行?文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们?我自己编译的.sass文件编译成compiled/t
我想将html转换为纯文本。不过,我不想只删除标签,我想智能地保留尽可能多的格式。为插入换行符标签,检测段落并格式化它们等。输入非常简单,通常是格式良好的html(不是整个文档,只是一堆内容,通常没有anchor或图像)。我可以将几个正则表达式放在一起,让我达到80%,但我认为可能有一些现有的解决方案更智能。 最佳答案 首先,不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案,它会随着HTML的变化而崩溃,或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h