Javascript 如何调试非常慢的网站模板（客户端）？
一位客户购买了一个网站模板，希望我使用它。但是，无论出于何种原因，模板速度非常慢，会使浏览器挂起/减慢，尤其是在向下滚动时 问题在于客户端代码（javascript、flash、图像或CSS），而不是服务器端 我如何调试此站点，以确定到底是什么原因导致模板变慢Javascript 如何调试非常慢的网站模板（客户端）？,javascript,html,css,debugging,profiling,Javascript,Html,Css,Debugging,Profiling,一位客户购买了一个网站模板，希望我使用它。但是，无论出于何种原因，模板速度非常慢，会使浏览器挂起/减慢，尤其是在向下滚动时 问题在于客户端代码（javascript、flash、图像或CSS），而不是服务器端 我如何调试此站点，以确定到底是什么原因导致模板变慢 我尝试添加/删除内容，但似乎没有帮助，因此我认为它可能链接到css使用现代浏览器，按F-12，清除缓存，打开网络面板并重新加载页面。这将为您提供一个资源列表，其中包括文件的大小以及传输和加载所需的时间 通常的怀疑是：包含UI元素的超过10
我尝试添加/删除内容，但似乎没有帮助，因此我认为它可能链接到css使用现代浏览器，按F-12，清除缓存，打开网络面板并重新加载页面。这将为您提供一个资源列表，其中包括文件的大小以及传输和加载所需的时间
通常的怀疑是：包含UI元素的超过100K的图像。我让一个朋友制作了一个2500px宽的横幅，但在CSS中将其调整为960宽。它仍然使用相同的350K PNG文件。使用现代浏览器，按F-12，清除缓存，打开网络面板并重新加载页面。这将为您提供一个资源列表，其中包括文件的大小以及传输和加载所需的时间
通常的怀疑是：包含UI元素的超过100K的图像。我让一个朋友制作了一个2500px宽的横幅，但在CSS中将其调整为960宽。它仍然使用相同的350K PNG文件。问题可能与javascript滚动事件有关 例如，在jQuery中，$（window.scroll（）中的任何内容；在窗口移动的每个像素处执行 例如：
如果有滚动功能，请尝试取消抖动问题可能与javascript滚动事件有关 例如，在jQuery中，$（window.scroll（）中的任何内容；在窗口移动的每个像素处执行 例如：
如果有滚动功能，请尝试取消抖动检查背景。这是图像吗？这可能是你的问题的原因之一 另一个经常被遗忘的细节是，调整图像的大小需要时间（虽然不太多，但它确实很重要）。在将它们放入HTML代码之前，请尝试自己调整它们的大小 这两个技巧可以做的比你想象的更多！
（如果有帮助，请告诉我！）检查背景。这是图像吗？这可能是你的问题的原因之一 另一个经常被遗忘的细节是，调整图像的大小需要时间（虽然不太多，但它确实很重要）。在将它们放入HTML代码之前，请尝试自己调整它们的大小 这两个技巧可以做的比你想象的更多！
（如果有帮助，请告诉我！）除了浏览器的开发工具或Firebug等中的网络面板之外，还可以尝试YSlow和类似的插件来分析您的页面。除了浏览器的开发工具或Firebug等中的网络面板之外，还可以尝试YSlow和类似的插件来分析您的页面。似乎您可以提供更多详细信息（你尝试过的浏览器的特定版本，这个网站上的内容是什么，等等）对于与CSS相关联的慢度（有很多内容吗？）@user1766760尝试了google chrome&ff，是的，模板内容很重，我需要特别定位哪些内容导致了最大的负载。似乎你可以提供更多的细节（你尝试过的浏览器的特定版本，这个网站上的内容是什么，等等）对于与CSS相关联的缓慢来说似乎不寻常（有很多内容吗？）@user1766760尝试了google chrome&ff，是的，模板内容很重，我需要特别定位哪个内容导致了最大的负载找到了问题！有一个1 MB的图像从CSS链接，删除它现在可以使事情顺利进行。谢谢！找到了问题！有一个1 MB的图像从CSS链接，删除它现在可以让事情顺利进行顺利，谢谢！