调用所有 javascript/jquery 专家 - Firefox 如何处理 javascript答案

【问题标题】：Calling all javascript/jquery expert - How Does Firefox processes javascript调用所有 javascript/jquery 专家 - Firefox 如何处理 javascript
【发布时间】：2010-05-12 05:00:18
【问题描述】：

我刚刚在http://nu-lightbox.appspot.com/ 创建了一个图片库，这是一个谷歌应用引擎。我在 Windows XP 和 Ubuntu Linux 中使用 firefox 3.5 测试了这个网站。如果您打开网站并单击圆形蓝色箭头按钮，您会注意到动画的锯齿状（不平滑）。

奇怪的是，当我在本地框中打开 HTML 页面时，不是通过谷歌应用引擎，动画非常流畅。

据我了解，浏览器在查看网站时会将 HTML 页面、其 javascript 和任何相关样式表缓存/下载到用户本地框。基于这个概念，我的图片库不应该有任何服务器端处理。所有处理都应该在客户端/用户浏览器本地完成。

所以我不是很明白为什么我在本地运行HTML页面时动画运行流畅，但是通过google app引擎查看时却出现了很多延迟。

干杯。

【问题讨论】：

我刚刚清除了我的 Firefox 离线缓存。我们可以从 Firefox 工具菜单中清除离线缓存。只需转到“工具 > 选项 > 高级选项卡 > 网络选项卡”，然后从离线存储部分单击“立即清除”按钮。现在照片动画就像我从本地盒子运行网页时一样流畅。这是一个解决方案吗？或者这只是对实际问题的暗示？任何人都有这方面的经验
是的，请参阅我的问题的编辑...以前的错误版本仍然可以通过 JavaScript 运行。特别是。带有多标签。
为什么这被标记为 google-app-engine？

标签： jquery html firefox client-server

【解决方案1】：

你是对的，如果一切都缓存在客户端上，那么它们应该以相同的速度运行。

我会使用 Wireshark 或 Fiddler 检查 HTTP 流量，以确保您知道到底发生了什么。

【讨论】：

嘿，mythz，谢谢你的建议。我一直想和wireshark一起玩。我对 Wireshark 不是很精通。你能推荐任何我可以使用的简单的 Wireshark 过滤器吗？干杯

【解决方案2】：

根据最佳实践，将所有 JavaScript 放在页面末尾，并将所有 CSS 放在 HTML HEAD 元素中。

我猜您会看到更一致（更快）的页面性能。

在编辑中添加

另外，关闭浏览器上的所有选项卡并重新启动它。如果您在另一个选项卡中运行有错误的 JavaScript，您将无法说出任何有关性能的信息。（Chrome 在这个问题上更好。）

【讨论】：