Question

这是速度测试报告：

http://tools.pingdom.com/fpt/#!/q25sGwB65/www.scirra.com

正如你所看到的那样，社交按钮失去了大约一半的速度。我正在做一些关于页面加载时间的报告，我们希望将它们从报告中排除，但它们必须在Pingdom中可重现。

我尝试加载这样的脚本：

$(document).ready(function () {
    setTimeout(function () {
        $.getScript("http://platform.twitter.com/widgets.js");
        $.getScript("http://apis.google.com/js/plusone.js");
    }, 100);
});

但它仍然是他们的罪魁祸首。谁知道怎么做？

这也可能比报告美学更重要，据我所知，网站管理员工具中的Google网页速度也会在加载过程中计算这些数字，并且页面速度会被用作排名因素，因此能够很好地使用如果可能的话，从Pingdom和Google隐藏这些负载。

修改

T.J建议使用窗口加载不会对报告产生任何显着的差异：

$(window).load(function() {
    $.getScript("http://platform.twitter.com/widgets.js");
    $.getScript("http://apis.google.com/js/plusone.js");
});

Answer 1

Stoyan对如何异步实现社交按钮有一些好主意，这可能会对您有所帮助 - http://www.phpied.com/social-button-bffs/

从瀑布中消除将非常困难，因为Pingdom将使用某种浏览器或代理来捕获负载信息。

为什么要为报告删除它们？

您可以使用webpagetest.org并阻止网址

Answer 2

我们这样做：

$(function(){
    setTimeout(function(){
        /* load twitter, facebook */
    }, 3000);
});

这会尝试确保在加载不太重要的Twitter，FB按钮之前完成页面上要完成的所有基本工作。

不确定pingdom是否会报告此情况。

停止Pingdom在网站速度报告中统计社交媒体

2 个答案: