2013-04-10 73 views
1

我知道这是一个远射,所以我不指望答案,但我只是为了我的生活无法弄清楚为什么这个网页设计不断冻结我的浏览器。我的网站被冻结 - 可能是JavaScript,但我无法确定为什么

http://fuzionve.com/test

我跑在Chrome开发人员工具的审计工具,但似乎没有任何实质性的那个。当我在浏览器中加载它时,它会冻结,然后立即完全加载。

有什么建议吗?

非常感谢您的帮助。

+0

这似乎是工作对我罚款。在Win7上使用Firefox 19.0.2。 – Alden 2013-04-10 17:11:08

+0

在我的Chrome上正常工作。 – JJJ 2013-04-10 17:12:58

+0

我会将您的JavaScript文件移动到文档底部而不是头部。网络选项卡显示jQuery.js文件的阻止性质。 – epascarello 2013-04-10 17:13:16

回答

1

它在这里工作得很好。

的 “易” 优化的几点建议:

  1. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic" /> - 这是一个外部的样式表。您的浏览器必须与另一台服务器建立连接。考虑将字体(和样式表)下载到您自己的服务器上。
  2. 加载4个样式表,这需要4次往返服务器。考虑合并1个样式表中的那些。如果您更喜欢在开发中使用多个样式表,请将其合并到发布版本中的单个文件中。
  3. 同样的事情脚本:你有3个脚本。考虑将它们合并到发行版本中的1个文件中。
  4. 当您的浏览器检测到<script>元素时,它会停止呈现您的页面,直到该脚本文件从服务器上下载并执行完毕。这是因为脚本可以使用document.write()来编写HTML,更改页面。 如果您知道您的脚本不写HTML(通常它们不会,至少在document.ready事件被触发之前),请考虑使用HTML5 asyncdefer属性(https://developer.mozilla.org/en-US/docs/HTML/Element/script)。请注意,这些属性仅在现代浏览器中受支持。

如果这些事情没有帮助,请按照Brad M的建议追踪您的问题。

+0

这实际上是PT Sans字体,令人惊讶。我认为这不会产生如此大的影响,但这是相当可观的。我重新分析了我需要的内容,并决定不加载斜体字体,并且似乎大大加快了网站的速度。 我一定会考虑下载字体,但我不完全确定这是否会违反某些版权或其他内容。我会看牌照。 – 2013-04-10 18:31:57

+0

@MMiller https://developers.google.com/fonts/faq#Download_Fonts – Bart 2013-04-10 18:53:53

4

1)拆下/注释代码

2)装载页和测试,如果冷冻

3)如果仍冻结,从步骤1

4)如果不冻结,检查代码重复你刚刚删除。

+0

评论大量代码是开始排除故障的好方法。 – Jazzepi 2013-04-10 17:11:41

+0

同意Jazzepi – 2013-04-10 17:12:22

1

我在使用多重插件时遇到同样的问题,你可以做的是改变他们的一些代码,并像接下来的回调一样,至少我改变了3-4个插件代码这种变化。

它可能完成这项工作,用setInterval检查是否有一个插件完成。 或者实现一个回调,在代码完成后,调用另一个代码。

我找到这个lib下,它可以帮助你: https://github.com/caolan/async

相关问题