是什么推动了Chrome&amp ;;的“回流/布局”时代其它浏览器

时间:2012-09-03 10:35:31

标签: performance google-chrome web-applications

当使用使用backbone.js开发的应用程序时,在向DOM添加使用AJAX调用检索的大型文档的内容时,Chrome会冻结大约7-10秒。 Chrome的活动时间表显示主要问题是单个“布局”事件需要大约6-8秒(如果重要的话,在现代MB Air中测量的次数)

正在加载的内容是大约800kbs的未压缩HTML,15000个DOM节点,加载内容后的内存使用量大约为30-35 Mbs;这是一个大文件,但这样长时间的冻结感觉不对。

    对于像这样的文档来说,
  • 是如此大的“布局”时间,还是其他问题的标志? (比如过于复杂的CSS规则,糟糕的HTML结构等)

  • 除了文档大小之外还有什么其他因素可能会对“布局”事件的效果产生影响?

  • 除了明确且可能正确的解决方案,打破内容,是否有任何技巧可以使浏览器更容易计算布局事件? (我正在考虑将怪物内容放置在iframe或具有固定定位的div中,或者避免在内容中使用特定的CSS功能)

0 个答案:

没有答案