Twitter @Anywhere API 的替代品？

Question

我试图通过简单地使用Twitter 的@anywhere API 在我的网站上放置一个推文框。虽然这工作正常且设置简单，但它存在以下问题：

• 加载时间超过 3 秒 (https://stackoverflow.com/questions/19907/what-do-most-users-consider-acceptable-load-times-on-a-website)
• 发出 14 个请求
• 两次调用 jQuery

除了使用@anywhere，还有其他选择吗？

编辑：这是我的代码..

<div id="twitter_widget">
        <script src="http://platform.twitter.com/anywhere.js?id=**MYAPPID**&v=1"></script>
        <script type="text/javascript">
        twttr.anywhere(function (T) {
            T("#twitter_widget").tweetBox({
            label: "<span style='display:block !important;margin-bottom:5px !important;font-family:Helvetica Neue !important; color: #CCC !important; font-size: 18px !important; font-weight: 500 !important;'>Tweet</span>",
            height: 100,
            width: 300,
            defaultContent: ""
            });
        });
        </script>
        <button class="check-twitter" onclick="window.open('http://www.twitter.com','_blank');">Go to Twitter</button>
    </div>

Answer 1

我不知道@anywhere 的替代品。但我不相信 3s / 14 请求会影响你。

来自 Twitter 的文档 -

"@Anywhere 功能的所有依赖项都是异步加载的， 按需提供，以免影响主机页面的性能”

简而言之，这意味着您的页面几乎与 Twitter 的库分离。即使 Twitter 的小部件需要很长时间才能加载，用户也应该能够使用您的页面。它不能解决“加载 14 个请求”的问题，但它确保 Twitter 的性能问题不会成为您的问题。

请注意，我在上面说几乎。作为您的一部分加载外部脚本可能会减慢整个站点的速度。如果 Twitter 的服务器遇到问题，可能会导致 Front End Single Point of Failure。

更新：Per Twitter, loading anywhere.js asynchronously isn't supported。我在下面提到的解决方案可能适合您，也可能不适合您，请谨慎操作。

因此，我能想到的最佳解决方案是异步加载anywhere.js 本身。如果您使用的是 jQuery，代码会是这样的 -

//Assumes jQuery was loaded

jQuery.getScript("http://platform.twitter.com/anywhere.js?id=&v=1", function(data, textStatus) {
twttr.anywhere(function (T) {
            T("#twitter_widget").tweetBox({
            label: "Tweet",
            height: 100,
            width: 300,
            defaultContent: ""
            });
        });
});

将此代码放在关闭</head> 之前。它将异步加载anywhere.js，只有在js加载完成后才调用twitter的函数。

Answer 2

如果你想使用@anywhere，你无能为力。我一开始就注意到随机的事情（比如停机时间等等）。但通常 platform.twitter.com 应该足够快，因为它由 Akamai 提供服务。

您如何确定它是三秒，以及究竟需要三秒？整个页面，还是只是加载外部JS等？

您唯一的其他选择是使用不依赖于包含第三方代码的其他选项。这是唯一快速的选择。第三方网站总是很慢，当然除非有保证可用性和性能的 SLA。

Answer 3

另一种方法是让您的网站成为 Twitter 客户端。这需要您支持 oAuth 和 twitter API。