帮助加快网站性能，尤其是在 IE8 中

Question

如果您想让这个网页加载得更快，您会从哪里开始？

网站：Game-On Glove

它的 JavaScript 很重，因为它的目标是一个带有轻框结帐的单页布局。托管平台在服务器端代码部门产生了一些限制。

如果有任何人都知道的 Flash 或 JavaScript 横幅看起来不错，是 XML 驱动的，并且实际上利用了并行下载，请告诉我。我选择预加载出现在我们的 Flash 库中的一堆 250 像素图像，以利用我们选择的 Flash 横幅没有利用的并行下载。

除此之外，我在 Firefox Firebug NET 选项卡中看到：

1. 初始 gameonglove.com 请求需要 6.75 秒。这似乎很高。我想知道是否可以通过将大部分 JavaScript 打包到外部文件中来开始减少它。
2. 为了减少大量图片，我可以将白色背景替换为带有某种圆形边框的灰色边框，而不是为每个背景专门制作一张图片。
3. Facebook、addthis.com 和 google-analytics.com 的下载大约需要 7 秒，然后暂停页面的其余部分加载。问题是，我相信他们等待onLoad 事件触发。我不确定还有什么可以用作事件触发器，但我可能不应该求助于其他东西。
4. 我不完全确定要保留哪些主机名，以及将哪些主机名托管在我们的服务器上以优化我们的 DNS 与并行下载比率。

避免 DNS 查找会缩短响应时间，但减少并行下载可能会增加响应时间。我的指导方针是将这些组件拆分为至少两个但不超过四个主机名。 http://developer.yahoo.com/performance/rules.html

我们将不胜感激。

Answer 1

您可以尝试Pingdom，它纯粹测量下载对象的时间（没有 JavaScript 处理时间或类似的东西）。

我测试了您的网站，它看起来需要 >1.7MiB 的信息，这可能是您的速度变慢的部分原因。

Answer 2

该站点正在加载的文件数量确实会影响性能。 Studies 表明每个文件的开销比文件大小的影响要大得多（对于典型的脚本、图像、CSS 文件）。

所以有些事情要做：

1. 将 Javascript 合并到尽可能少的文件中。

2. Use the Async and Defer attributes to stop JS from slowing page loads.

3. 将 CSS 合并到尽可能少的文件中。

4. 将图片合并到CSS Sprites。

5. 确保您的服务器正在缓存文件！

6. 在服务器开启 Gzip 编码。

7. 尽可能避免重定向（301、302）（但保留旧 URL 或失去客户）。检查网络服务器日志以识别和修复问题。

8. 获得更快的站点/域主机。 :)

另见：

• Website optimization
• Best Practices for Speeding Up Your Web Site
• Webmasters.stackexchange.com