问题标签 [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？我应该对此有点怀疑吗？

我们有任何用于谷歌pageSpeed的 java 客户端吗？看起来唯一的选择是 javascript，但我们有替代的吗？

感谢广告

万斯

在我运行的一个站点上，我们有一个发送更新电子邮件警报的设施。由于该站点和该功能的受欢迎程度，在某些情况下，一次更新可能需要发送 30 到 300 个警报。这些警报中的每一个都有一个单独的“重置”链接，以确保它们不会收到垃圾邮件更新（即：论坛主题回复）。

所以不用说，在更受欢迎的更新上，页面会变慢。

您建议如何处理大量电子邮件警报以确保在发布更新时它们不会影响页面加载？

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

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

干杯，

克里斯

让我们面对现实吧，jQuery/jQuery-ui 下载量很大。

Google 建议延迟加载 JavaScript以加快初始渲染速度。我的页面使用 jQuery 来设置一些位于页面下方的选项卡（主要是在初始视图之外），我想将 jQuery 推迟到页面呈现之后。

谷歌的延迟代码在页面加载后通过钩子到正文 onLoad 事件向 DOM 添加一个标签：

我想以这种方式推迟 jQuery 的加载，但是当我尝试它时，我的 jQuery 代码找不到 jQuery（我并不完全出乎意料）：

所以，似乎我需要找到一种方法来推迟我的 jQuery 代码的执行，直到 jQuery 被加载。如何检测添加的标签已完成加载和解析？

作为推论，异步加载似乎也包含一个答案。

有什么想法吗？

<sc:Image>并且<sc:FieldRenderer>，在渲染 MediaItem 时，生成如下所示的 html 代码：

注意属性中使用的相对路径src：这意味着当这样的图像在多个页面上重复使用时，浏览器必须多次获取它（例如在页面http://example.com/和http://example.com/关于我们/）。当我img在代码中生成标签时，我可以使用以下代码段来强制使用绝对 URL：

如何配置 Sitecore 以强制媒体网址中的前导斜杠？

使用 Reflector 我可以看到它MediaOptions.AbsolutePath控制了我想要实现的行为，但我不知道如何为 Sitecore 内置控件设置它。设置Media.MediaLinkPrefix或mediaPrefixes输入web.config似乎并没有改变任何东西。

我网站上的某些页面需要一段时间才能加载。我想知道是否有任何免费工具可以帮助我加快/改进代码。我用谷歌搜索了一下，但我想从专家那里得到她。

编辑：我正在使用 PHP、MySQL、jQuery 等。

按照关于 google 的 pagespeed 插件的建议，我将我的静态内容（图像、css、javascript 文件）移动到我的网站的子域中，在该子域上不应该有 cookie，从而为这些文件的每个请求节省了请求标头中的一些空间。但是，在查看结果时，我发现仍在为该子域创建 cookie。我的网站上有 google adsense，它正在将 cookie 写入根域 *.example.com 而不仅仅是 www.example.com

有什么方法可以强制 AdSense 仅将 cookie 写入用于显示添加的确切域而不是根域？

我正在构建一个旅游博客 (Php)，我可能会在其中加载数十张图片（大小 500x375 重量 150-200kb），因此页面重量超过 4-5Mb。除了缓存/gzip 之外，还有哪些方法可以减少等待时间并提供更好的用户体验？

我在共享服务器上，因为我的预算非常低

谢谢

在具有 Twitter 的 Tweet 按钮的页面上，我收到来自Google Page Speed的警告：

以下资源具有相同的内容，但来自不同的 URL。从一致的 URL 提供这些资源以节省 3 个请求和 52.0KiB。 http://platform0.twitter.com/widgets/tweet_button.html http://platform1.twitter.com/widgets/tweet_button.html http://platform2.twitter.com/widgets/tweet_button.html

以下资源具有相同的内容，但来自不同的 URL。从一致的 URL 提供这些资源以节省 2 个请求和 4.6KiB。 http://platform0.twitter.com/widgets/images/tweet.png http://platform1.twitter.com/widgets/images/tweet.png http://platform2.twitter.com/widgets/images/tweet。 PNG

为什么 Twitter 的 widgets.js 会为每个 URL 提供不同的 URL，有什么办法可以解决吗？