javascript - AddThis 和 Google Page Speed

Question

无论我如何尝试加载 AddThis(默认使用 Google +1、Facebook 发送和点赞以及 Twitter 按钮)，Google Page Speed仍然警告:

• 利用浏览器缓存
• 延迟解析 Javascript

在每一项中，.html 和 .js 引用了 AddThis、Facebook、Google +1、Twitter 和 static.ak.fbcdn.net。事实上，如果您在此页面上运行 Google Page Speed:http://support.addthis.com/customer/portal/articles/381263-addthis-client-api-#rendering-js ，你会明白我在说什么。前两项都带有橙色严重性图标(至少对我而言)，正是我上面提到的。

我尝试使用延迟(对于 IE)和异步(对于 FF 和 Chrome)将脚本标记添加到我的页面的头部，但没有成功:

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=myUserId" defer="defer" async="async"></script>

我试过使用 $.getScript():

$(document).ready(function () {
    $.getScript('http://s7.addthis.com/js/250/addthis_widget.js#async=1#username=myUserId', function(data, textStatus) {
        addthis.init();
    });
});

我还尝试打开 ajax 缓存:

$(document).ready(function () {
    $.ajaxSetup({ cache: true });
    $.getScript('http://s7.addthis.com/js/250/addthis_widget.js#async=1#username=myUserId', function(data, textStatus) {
        addthis.init();
        $.ajaxSetup({ cache: false });
    });
});

有什么方法可以缓存并延迟加载 AddThis 及其外部引用吗？

Answer 1

利用浏览器缓存

好吧，这只是为某些页面设置更多时间缓存的建议。在我的页面上，我收到了这两个警告 - 都来自谷歌脚本 :)。不是那么重要，因为这个 javascript 都准备好了，有一个很好的 javascript 时间缓存。

http://pagead2.googlesyndication.com/pagead/show_ads.js (60 minutes)
http://www.google-analytics.com/ga.js (2 hours)

延迟解析Javascript

好吧，这是一个自动程序，它会尝试了解页面是否缓慢并提出一些改进建议。在这一点上是不准确的。

我只是在已知页面上运行它，该页面可以找到并充满缓存和其他技巧，并获得相同的消息。

就像只是一个建议，并不能真正知道这个 javascript 是否真的按照他说的做了所有准备 - 至少目前是这样。例如，在我的测试页面中，我在页面末尾加载了一个 javascript，然后我再次收到此消息。如果您知道您在正确的时间使用正确的标志加载了 javascript，请不要担心此消息。

检查此页面的报告:

https://developers.google.com/pagespeed/#url=http_3A_2F_2Fstackoverflow.com_2Fquestions_2F9739031_2Faddthis-and-google-page-speed&mobile=false&rule=LeverageBrowserCaching