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

Question

如果您尝试让此网页加载速度更快，您会从哪里开始？

网站：Game-On Glove

这是JavaScript重，因为目标是一个单页布局与光盒结帐。托管平台在服务器端代码部门中创建了一些限制。

如果有一个Flash或JavaScript横幅，任何人都知道它看起来不错，是XML驱动的，并且实际上利用了并行下载，请告诉我。我选择预先加载出现在我们的Flash库中的250px图像，以利用并行下载，我们选择的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处理时间或类似的东西）。

我测试了您的网站，看起来它需要＆gt; 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）（但保留旧网址或丢失客户）。检查Web服务器日志以识别并修复问题。

8. 获取更快的网站/域名托管服务商。 ：）

另见：

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