javascript - 如何调试非常慢的网站模板(客户端)?

标签 javascript html css debugging profiling

一位客户购买了一个网站模板并希望我使用它。但是,无论出于何种原因,该模板都非常慢并且使浏览器挂起/变慢,尤其是在向下滚动时。

问题出在客户端代码(javascript、flash、图像或 CSS),而不是服务器端。

我如何调试此站点以尝试确定导致模板运行缓慢的确切原因?

我试过添加/删除内容,但似乎没有帮助,所以我认为它可能与 css 相关

最佳答案

使用现代浏览器,按 F-12,清除缓存,打开网络面板并重新加载页面。这将为您提供资源列表、文件大小以及传输和加载所需的时间。

通常的嫌疑人:包含 UI 元素的超过 100K 的图像。我有一个 friend 制作了一个 2500 像素宽的横幅,但在 CSS 中将其调整为 960 像素宽。它仍然使用相同的 350K PNG 文件。

关于javascript - 如何调试非常慢的网站模板(客户端)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15771331/

相关文章:

javascript - 使用 HTML+JS 在 Canvas 中绘制 3D

java - 使用 require.js 和 Java/Rhino 解析模块

javascript - div 问题 html,css

html - 在不向下移动页面其余部分的情况下定位标题

javascript - 默认情况下,有人会如何将事件链接内容移动到顶部..

javascript - Bootstrap,内联输入在动态添加时具有更小的间隙

javascript - 执行异步函数后如何刷新页面

javascript - 如何从 html 元素获取 javascript var 数据? (使用canvasjs)

html - Struts 2 插件 <s :submit> render html expression in label

css - 以小分辨率查看时,响应式网站上的额外水平宽度