客户购买了网站模板并希望我使用它。但是，无论出于何种原因，模板都非常慢并且使浏览器挂起/减速，尤其是在向下滚动时。
问题出在客户端代码（javascript，flash，images或CSS）中，而不是服务器端。
如何调试此站点以尝试确定导致模板缓慢的原因？
我尝试添加/删除内容但似乎没有帮助，所以我认为它可能与css相关
答案 0 :(得分：2)
使用现代浏览器，按F-12，清除缓存，打开NETWORK面板并重新加载页面。这将为您提供资源列表，文件大小以及传输和加载所需的时间。
通常的嫌疑人：超过100K的图片包含UI元素。我有一个朋友制作了一个2500px宽的横幅，但是在CSS中将其调整为960宽。它仍然使用相同的350K PNG文件。
答案 1 :(得分：2)
除了浏览器的开发工具或Firebug等网络面板外，还可以尝试使用YSlow和类似的插件来分析您的页面。
答案 2 :(得分：1)
问题可能与javascript滚动事件有关。
例如，在jQuery中，$（window）.scroll（）;在窗口移动的每个像素上执行。
示例：http://codepen.io/coulbourne/pen/omKql
如果有滚动功能，请尝试去抖动
答案 3 :(得分：1)
检查背景。这是一张照片吗？这可能是导致问题的原因之一。
经常被遗忘的其他细节是调整图像大小需要时间（不是太多，但它是一些东西）。在将它们添加到HTML代码之前尝试自己调整它们。
这两个提示可以做的比你想象的要多！ （请告诉我它是如何帮助的！）