代码之家  ›  专栏  ›  技术社区  ›  cdeszaq Sudhir N

如何确定页面加载时的瓶颈?

  •  3
  • cdeszaq Sudhir N  · 技术社区  · 15 年前

    我有一个使用jquery ui的页面,在两个不同的文本框上调用日期选择器。不需要调用,即只加载页面而不附加任何日期选择器,页面将在1.20秒内加载。附加了日期选择器后,页面将在3.92秒内加载。(这是在火狐中)

    我怎样才能加快速度?根据Firebug中的网络图,这不是网络问题,但它似乎在日期选择器附件中。有办法加快速度吗?

    而且,这种行为只在火狐3.0.11中出现。Chrome既快又快,IE7也是如此。

    4 回复  |  直到 15 年前
        1
  •  3
  •   ajm    15 年前

    试运行 Firebug's code profiler 看看哪些功能使事情陷入困境。基本上,点击“配置文件”按钮,刷新页面,让它加载,然后再次点击“配置文件”按钮,读取消耗最多资源或花费最长时间的内容。

    探查器应该给您一个关于当前进展的概念:它是在您的代码中,还是在jquery ui中。

    在更一般的意义上,确保使用有效的选择器来选择将日期选择器绑定到的元素。此外,日期选取器是否有可能向DOM(样式表、图像等)中注入瓶颈(我使用jquery ui的日期选取器已经有一段时间了,所以这可能不是问题)?

        2
  •  1
  •   cdeszaq Sudhir N    15 年前

    德国足协在我的主贴评论中说的是正确的。问题是火虫。我想它只是不能很好地配合日期选择器加载。一旦Firebug被关闭,页面加载时间大约是0.5秒,就在它们应该出现的地方。

        3
  •  0
  •   Andrew Siemer    15 年前

    我建议查看此链接: http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/ . 在那里你可以找到一个链接 http://tools.pingdom.com/ 这将帮助您确定页面加载问题。尝试页面的两个版本,看看这个工具能为您发现什么。

        4
  •  0
  •   lavinio    15 年前

    使用 FireBug YSlow 火狐插件。前者允许执行定时和日志记录,后者有一个规则列表,并就调优内容提出建议。