问题标签 [pagespeed]

这是我在这个网站上的第一个问题，所以如果任何关于规则的内容听起来有点缺乏经验，我提前道歉（不过我已经快速阅读了它们。）

无论如何我的问题。

我在 SharePoint 2010 中构建了一个自定义菜单，它使用 UL 并通过 CSS 和一些 JQuery 进行自定义。

它看起来正是我想要的样子，并且在 IE8、FF 和 Chrome 中表现出色。我已经在我们这里拥有的一台旧的慢速机器上对其进行了测试，它运行良好。

当我在安装了 IE7 的机器上进行测试时，就会出现问题。由于某种原因，当悬停在顶部菜单项上时，它的运行速度非常缓慢。

我才刚刚开始学习 JQuery（上周），所以我希望我的代码完全错误。

以下代码减慢了它的速度：

我将解释为什么存在代码，以便它帮助您更多地理解我的想法。

该菜单是带有下拉菜单的选项卡样式菜单。当从菜单或其中一个孩子中选择一个标签时，将提高选项卡，并且可见下降线上的菜单项。

当用户将鼠标悬停在另一个菜单选项卡上时，我已将 JQuery 设置为删除当前选定的选项卡并隐藏下拉栏。

如果这有帮助，我可以提供图像吗？

任何关于它为什么会发生的指针都非常受欢迎。

先感谢您。

富有的

我注意到 Google 将其 HTML 的到期时间设置为过去的某个日期：

如何配置 .htaccess 来执行此操作？我ExpiresByType用来设置我的其他资源的到期时间，但它们都是未来的时间（例如access plus 10 years）。关于如何为过去设置它的任何建议？谢谢。

我创建了一个子域来托管我的所有图像（例如http://images.domain.com，指向我的public_html/images/文件夹）。当我尝试通过浏览器访问特定图像时，我被重定向了。例如，我去http://images.domain.com/foobar.jpg，我被重定向到http://www.domain.com/images/foobar.jpg。

为什么我会被重定向？这导致 YSlow 降低了我的整体成绩。谢谢。

I'm trying to improve the performance of my site. If I replace the domain names of static resources such as images, styles, etc. with corresponding IP address, would I gain performance improvement? If so, are there any down sides to this approach?

我正在一个我没有从头开始编码的网站上工作，并且在 firebug 中，css 文件显示为：style.css.pagespeed.ce.5d2Z68nynm.css 和 pagespeed 扩展名。谁能告诉我这是怎么回事，因为我找不到。我猜 mod-pagespeed 可能在服务器上运行？我现在想关闭它，因为它正在缓存我的 css 并停止更新，这对于开发来说真的很烦人。

提前致谢。

我在 Photoshop 中为我的网站创建了一个设计，并将所有图像导出为 24 位 PNG 图像。后来，在网站上运行PageSpeed测试表明，通过无损压缩，图像可以进一步缩小 50%。怎么会这样？Photoshop 不会尽可能地压缩图像吗？Google PageSpeed 内部使用什么图像压缩程序，我可能想尝试一下。

我确信我网站上的某些图像没有正确缓存。我已经尽我所能设置了标题，但每次我点击刷新按钮时，它们似乎仍然会再次下载。

例如，特定图像的下载时间总是超过 1 秒。即使在它应该被缓存之后也是如此。以下是响应标头：

这有什么问题吗？谢谢。

更新

这个想法的动机是浏览器的广告请求通常非常缓慢并且会阻塞页面渲染，更不用说消耗浏览器的 javascript 线程了。如果一个页面加载了多个广告，那就是很多不可靠的，会阻止第三方调用。通过使用事件驱动的无头服务器端浏览器，是否可以发出这些请求并将广告资源一次全部传递给浏览器？特别是，这是否适用于 doubleclick，其广告网络经常发出一系列请求，即 document.write 脚本标记，然后获取更多脚本，可能会加载一个 flash swf，然后请求一些额外的 gif？听起来有点多，但广告是魔鬼，如果可以从客户端卸载，它将极大地提高站点速度，因为服务器解决方案可以发出广告请求并并行处理 javascript。

编辑：回复@dthorpe：

所有的好点要考虑。

至于广告服务延迟，服务器端解决方案应该有帮助，原因如下：

首先，可以并行发出多个广告请求。虽然有在浏览器中并行加载资源的方法，但我知道没有一个好的解决方案是完全非阻塞的（即在页面渲染和 onload 事件方面），除非你延迟加载所有广告。我正在寻找一种在页面其余部分加载时以非阻塞方式并行加载广告的方法。

其次，也许更重要的是，加载双击广告通常涉及加载多个中间脚本。浏览器中的 Javascript 是单线程的。这直接意味着我的页面的 javascript 会阻止广告 javascript，从而减慢广告的展示速度。广告的 javascript 反过来会阻止我页面的 javascript，从而减慢我的页面速度。我可能会接到其他第三方电话，用于跟踪或其他目的。我在页面上还有多个广告，所有这些都有助于减慢页面渲染和 javascript 执行速度。通过将广告加载卸载到服务器，我页面的 javascript 将不会与广告竞争。广告造成的延迟将是一个广告（最长的一个）的函数，但一个广告的加载行为不会受到其他广告或我的页面的影响，

目标是将广告与基本页面分离，以使广告不会阻止页面呈现、页面加载事件或减慢页面或彼此速度。只要浏览器中的javascript是单线程的，我不知道任何可以实现完美解除关联的客户端解决方案。虽然通过 javascript 实现了长时间加载的广告，但页面的其余部分必须等待。

我知道各种延迟加载机制，有些涉及 iframe，有些覆盖 document.write 以适应延迟加载，但这些都没有令人满意的结果，纯粹是由于干扰 javascript 执行的串行行为。

我想知道我是否可以在浏览器中使用 java 小程序获得服务器端广告加载的好处并避免您提到的 cookie/预加载情况？由于我们在双击广告中看到的严重退化，我实际上正在考虑这些不合格的方法。那些广告扼杀页面加载速度的方式是真正可憎的:)

我有一个关于页面速度和代码优化的问题。我有一个页面几乎 100% 通过 AJAX 调用填充。我的问题是：对我来说，将几个空的 div、span 等任何内容编码到页面的 HTML 中，然后使用 javascript 填充这些元素是否更快？或者，在 javascript 中创建这些元素并插入和附加它们是否更快？我也不确定是否有很大的不同。因此，我们将不胜感激这方面的任何帮助/建议。

我在一个购物网站上工作。我们在结果中显示 40 张图像。我们希望减少页面的加载时间，并且由于图像会阻止 onload 事件，我正在考虑通过最初设置 img.src="" 然后在 onload 之后设置它们来延迟加载它们。请注意，这不是 html 片段的 ajax 加载。存在图像 html 以及 alt 文本。只是图像 src 被推迟了。

既然他们正在测量站点速度，有没有人知道这是否会损害 SEO 或导致谷歌惩罚框？