5

I'm going to have a page on my website that will have about 50 forms on it. Stacked in accordion CSS. Would this hurt users with slower computers?

4

3 回答 3

6

即使我不知道为什么你会在一个页面上需要 50 个表单,但拥有 50 个表单(假设 DOM 节点的平均数量),在呈现页面时将消耗微不足道的 CPU。

但是,如果在聚合中您的表单有大约一百万个 DOM 节点,您将能够在页面呈现时看到大量的 CPU 消耗。更重要的是,你在页面上使用 JavaScript 所做的事情,会增加更多的消耗。

在大多数情况下,您应该更关心内存使用情况。此外,如果您关心细节,请确保您遵循有效的 HTML,有效地使用CSS 选择器等。
为了优化渲染,是一个良好实践列表。

此外,如果您使用大量 CSS 转换,它会消耗大量 CPU。

然而,最好的判断方法是自己测试。如果您使用的是 Chrome 浏览器,请务必留意 Chrome 任务管理器 ( Shift+ Esc),并在重新加载页面或在页面上执行活动时关注 CPU 消耗。它还为您提供进程 ID,以防您想进一步调查。

于 2013-01-04T18:09:21.817 回答
3

一页50个表格不会增加你的CPU。但是,它会增加您的 html 文件的大小,从而增加下载大小。

它们还需要一些内存,但考虑到当今普通网络 PC 的平均规格,您无需担心客户端方面的问题。

于 2013-01-04T17:30:23.540 回答
2

我认为这不会伤害电脑速度较慢的人。不过要考虑的另一件事是,计算机速度较慢的人通常使用较旧的计算机,并且屏幕分辨率可能很小,这在当今时代似乎很奇怪,但可能禁用了 javascript(您提到了可能涉及 jquery 或 javascript 的手风琴) .

或者更糟糕的是,像 IE6 这样的旧浏览器。

不确定它如何“伤害他们”,但我会尝试尽可能使用干净紧凑的代码,以确保文件的下载时间不会太长。可以最小化和优化代码以更快地运行。尝试运行尽可能少的脚本或包含,以减少额外的连接和下载。如果您有翻转效果或只是基于颜色的 CSS 翻转,请保持图像更小更干净并使用 CSS 图像精灵。

您的 CPU 能力将用于服务器端,它应该能够输出 HTML 而不会引起问题。

于 2013-01-04T18:02:27.113 回答