与其他浏览器相比，在IE中加载页面的速度非常慢

Question

当我在IE中加载frontpage of the website I work for时，完全加载需要大约7或8秒（意思是“Waiting for”和“(x items remaining)”消失并更改为“{{ 1}}”。

在Firefox和谷歌浏览器中，完全相同的页面大约需要一半的时间，而我无法弄清楚造成差异的原因。

这只是一般的IE缓慢，还是更多的东西？服务器端脚本本身需要大约45ms才能运行，所以这不是问题，但我不知道我们的URL重写可能是一个原因。那么，为什么只有IE？

Answer 1

这些是YSlow说你应该改进的地方：

<强> YSlow的： E级，总体表现得分55/100

分为几个等级：

• F：
  1. 减少HTTP请求
     • 使用内容分发网络（CDN）
     • 添加过期标题
     • 使用gzip压缩组件
     • 将JavaScript放在底部
     • 配置实体标签（ETags）
• E：
  1. 避免使用AlphaImageLoader过滤器
• C：
  1. 减少DNS查找
     • 缩小JavaScript和CSS

您可以阅读有关如何纠正这些问题here的信息。我会特别注意AlphaImageLoader警告，因为这是IE特有的。它还会导致多个请求并且速度很慢，尤其是在需要过滤多个图像时。您可以尝试使用.gif-images，因为IE可以本地处理它们。

Google的 Page Speed 为您提供以下内容：

总分：[得分：17.9％]

• 利用浏览器缓存[得分：0％]
• 合并外部JavaScript [得分：47％]
• 最小化DNS查找[分数：57.1％]
• 启用gzip压缩[得分：78.2％]
• 利用代理缓存[得分：71.6％]
• 缩小JavaScript [得分：68.5％]
• 优化图片[得分：65％]
• 指定图像尺寸[分数：45.8％]
• 删除未使用的CSS [得分：33％]
• 使用高效的CSS选择器[得分：89％]

您可以阅读Google的最佳做法here，了解如何改善加载时间和网站效率。请注意，Google的某些做法在每天的Web开发中都不被视为良好做法，例如不在外部样式表中链接（这是额外的请求），但大多数网站都不会受到外部样式表中的链接的影响。所以你必须考虑每一条“规则”，并问问自己这是否是你喜欢的并且会从中受益。

Answer 2

我花了10秒钟在Firefox中加载您的页面。您看到的差异可能是不同浏览器之间缓存的差异 - 尝试在Firefox中清除缓存（工具＆gt;清除隐私数据），您可能会看到相同的缓慢。

要加快首次访问时的初始页面加载速度（这对您来说可能更重要），请尝试使用YSlow来分析您的网站。

Answer 3

我在IE和FF之间发现的主要问题是：

IE：首先加载完整内容（文本，图像，CSS，JS）然后显示页面。

FF：首先显示页面然后加载文本显示页面然后其他来源（图像，CSS，JS）

因此，这就是为什么FF在显示页面方面更快的原因。

Regaerds

Answer 4

第一步，我会使用Fiddler观看网络，包括IE和FireFox。看看他们加载的资源的顺序和所花费的时间是否存在显着差异。

此外，由于涉及JavaScript，因此某些页面资源可能由IE上运行的JavaScript代码加载，而不是其他两个浏览器。

在分析了一些事情之后，你会更好地了解IE是否缓慢，以及它是否缓慢。