问题标签 [google-pagespeed]

当您在网站上为 Firebug/Firefox 运行 Google 的 PageSpeed 插件时，它会建议可以无损压缩图像的情况，并提供下载此较小图像的链接。

例如：

• 无损压缩http://farm3.static.flickr.com/2667/4096993475_80359a672b_s.jpg可以节省 33.5KiB（减少 85%）。
• 无损压缩http://farm2.static.flickr.com/1149/5137875594_28d0e287fb_s.jpg可以节省 18.5KiB（减少 77%）。
• 无损压缩http://cdn.uservoice.com/images/widgets/en/feedback_tab_white.png可以节省 262B（减少 11%）。
• 无损压缩http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/images/ui-bg_flat_75_ffffff_40x100.png可以节省 91B（减少 51%）。
• 无损压缩http://www.gravatar.com/avatar/0b1bccebcd4c3c38cb5be805df5e4d42?s=45&d=mm可以节省 61B（减少 5%）。

这适用于 JPG 和 PNG 文件类型（我没有测试过 GIF 或其他文件类型。）

还要注意 Flickr 缩略图（所有这些图像都是 75x75 像素。）它们是一些相当大的节省。如果这真的很棒，为什么雅虎不将这个服务器端应用到他们的整个图书馆并减少他们的存储和带宽负载呢？

甚至 Stackoverflow.com 也代表着一些非常小的节省：

• 无损压缩http://sstatic.net/stackoverflow/img/sprites.png?v=3可以节省 1.7KiB（减少 10%）。
• 无损压缩http://sstatic.net/stackoverflow/img/tag-chrome.png可以节省 11B（减少 1%）。

我已经看到 PageSpeed 建议在我使用 Photoshop 的“保存为 Web”功能创建的 PNG 文件上节省相当可观的费用。

所以我的问题是，他们对图像进行了哪些更改以将它们减少这么多？我猜对不同的文件类型有不同的答案。这对JPG来说真的是无损的吗？他们怎么能打败 Photoshop？我应该对此有点怀疑吗？

我希望能够从托管代码 (C#) 中使用 Google 页面速度 SDK ( http://code.google.com/p/page-speed/ ) 我有点超出我的深度，所以如果任何人都可以解释我需要做什么，那就太好了。

我遇到过http://www.swig.org，它看起来可能是我需要的，但是有这么多的文档，我发现很难从树上看到木头！

干杯，

克里斯

所以，我刚刚在我的网站上运行了 Google 的 Page Speed 并收到了以下通知：

有人可以告诉我这是什么意思吗？以及如何“消除”那些不必要的回流？

我也尝试http://code.jquery.com/jquery-1.6.2.min.js改用，但它告诉我同样的事情。

另外，我想在 http 上使用 https，所以我宁愿坚持使用 Google 的 CDN。

我希望这不是过早优化的情况？只是好奇。

我在网站中使用外部 JavaScript，因为我总是尝试将 JavaScript 保持在底部和外部。

但谷歌页面速度给出了这个建议

以下外部资源的响应机构较小。在 HTML 中内联响应可以减少页面呈现的阻塞。

http://websiteurl/应该内联以下小资源： http://websiteurl/script.js

这个外部js文件只有这个内容

但在 Yslow 我得到了这个建议

将 JavaScript 和 CSS 置于外部的等级 n/a

仅当您的属性是普通用户主页时才考虑这一点。

每次请求 HTML 文档时，都会下载 HTML 文档中内联的 JavaScript 和 CSS。这减少了 HTTP 请求的数量，但增加了 HTML 文档的大小。另一方面，如果 JavaScript 和 CSS 位于浏览器缓存的外部文件中，则 HTML 文档的大小会减小，而不会增加 HTTP 请求的数量。

哪个是正确的谷歌或雅虎？

我所有的 JavaScript 文件都已经在底部了，但是 Google Page Speed 给出了这个提高速度的建议：

延迟解析 JavaScript

在初始页面加载期间解析 88.6KiB 的 JavaScript。延迟解析 JavaScript 以减少页面呈现的阻塞。 http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js (76.8KiB) http://websiteurl/js/plugins.js (11.7KiB) http://websiteurl/ （109B 的内联 JavaScript）

这是我的 html（示例）

我应该怎么做才能通过使用 defer 来提高性能？

它仅适用于 Google chrome 还是适用于所有人？

以前有没有人想出如何将（JQuery 插件）对象范围的方法作为 Google API 回调发送？例如对于 PageSpeed API。

所有示例都向您展示了发送全局函数的名称，但我想以某种方式发送特定的实例方法（或重新查找 JQuery 对象的方法）。

这是基于他们的样本：

所以我想要实现的是这样的调用：

我正在我的插件的 init 方法中设置对 Google 的调用。

例如，我试过这个——但这会从 Google API 产生 400 Bad Request。

我真的不想做的是创建一些名称混乱的全局只是为了捕捉每个插件实例的响应，但我认为这是唯一的方法？（顺便说一句，这有效。）

提前感谢您的任何见解！我想该解决方案可能不是特定于 Google API 的，但可能是它拒绝除全局函数名称之外的任何东西的原因。

我有一个使用 Google Page Speed Online 出现的问题，尽管我担心这可能会有更大的影响。我通过在线工具运行我的网站，在此处查看结果：https ://developers.google.com/pagespeed/#url=www.exclaimer.com&mobile=false 。请注意，它声称重定向到http://www.exclaimer.com/oops.aspx?aspxerrorpath=/default.aspx

现在，我插入的原始 URL http://www.exclaimer.com和http://www.exclaimer.com/default.aspx都可以在我的浏览器中找到。我保留了所有未找到页面的日志，并且确实 /default.aspx 存在超过一千次（仅在 24 小时前发生了变化）。这不是我尝试 Page Speed 在线工具 1000 次，所以我担心这可能是另一个失败的 Google 服务（或其他一些自动化系统）。该网站的访问者没有抱怨无法访问，这让我相信对于普通用户来说没有问题，问题只是来自自动机器人或类似的问题。

我想我的问题是，有人知道我可以隔离问题根源的方法吗？我尝试修改我的 404 日志记录代码以捕获/default.aspx正在访问的页面，但在这里运气不佳，因为 Url Referrer 仅在非常特定的条件下工作。

更新

我已修改我的代码以记录错误详细信息，但 /default.aspx 没有传递任何内容。

当我加载 Google 的托管jquery.min.js时，它不会返回 gzipped：

请求标头

响应标头

有趣的是，确实：jquery-ui.min.js

请求标头

响应标头

这是怎么回事？

我发现一篇声称谷歌无视Accept-Encoding并User-Agent决定是否压缩的文章。这并不能解释为什么 Mac OS X 上最新的 Safari 和 Chrome 会获得未压缩的 jQuery（和压缩的 jQuery UI）。

google pagespeed 测试会给出 json 格式的结果，我的问题是有没有好的开源查看器程序来可视化结果？

谢谢

使用 Facebook 之类的按钮或框时存在一个常见问题，在使用 Google 的 pagespeed 在线服务时我得到了这个： 从一致的 URL 提供资源以下资源具有相同的内容，但从不同的 URL 提供。从一致的 URL 提供这些资源以节省 1 个请求和 25.3KiB。- http://static.ak.facebook.com/connect/xd_arbiter.php?version=7 - https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=7

很明显，一个用于安全的 ssl 连接，另一个用于不安全的连接。有没有办法让 facebook 只加载一个？