为什么网页持续消耗 18% 的 CPU

Question

我正在为我哥哥的新网站开发一个登录页面，但我遇到了一个我不知道如何处理的有线问题。

在Windows 10计算机上，计算机中没有发生任何其他操作，该页面消耗了超过15%的CPU（Core i 7 3.4 GH）。

以下是来自窗口任务管理器的CPU使用情况的更详细显示。它徘徊在18%左右，有时飙升至25%。除了Chrome本身之外，计算机除了显示页面之外什么也没做。我甚至没有滚动页面。

Chrome浏览器有自己的任务管理器（汉堡菜单 - >更多工具 - >任务管理器），显示“页面”选项卡消耗了39%的处理器。

任何想法导致问题的原因？

Answer 1

检查 正在使用的量一个新的标签页空索引.html其他一些网站也就是说，百分比告诉你的很少，因为它是相对于那台机器的。如果一个空的索引.html正在使用例如15%到18%，那么你的页面实际上并没有使用太多，而是计算机速度很慢（速度慢或间谍软件负担过重，RAM或其他任何东西，或者也许你有很多扩展名），只是浏览器本身正在“过载”它。除此之外，您的问题中没有足够的信息，无法仅通过屏幕截图来确定。正如其他人所建议的那样，开发工具是进行此类检查，选项卡性能的地方。编辑：哦，现在我注意到了链接。是的，那些动画：'）以下是有关如何优化的一些有条理的想法：删除所有动画。（将它们注释掉。如果差别不大，中止，问题就出在别的地方。如果至少有一些明显的差异，请多次配置文件，例如平均刷新3次和/或关闭浏览器（如果在Mac上硬退出）。为了获得最纯净的结果，请确保没有其他选项卡正在运行，包括扩展，隐藏的chrome窗口等。如果你特别认真，在几个浏览器上也有个人资料，如果没有，至少检查Firefox或其他什么，也许它只在Chrome上。（这是有价值的信息。也许是内存瓶颈，因此您的处理器需要更频繁地写入和写入。不确定。别猜。注意你的环境。检查在为生产而构建时问题是否仍然存在。（如果您正在使用此类步骤。介意你做动画的方式。查看最佳实践，非常容易搞砸。杰奎里？还有更多的安全古拉德，但仍然要检查最佳实践。断续器？做动画的最佳地方。（我有没有提到最佳实践？逐个在单个动画中注释。找到最高的罪犯（最大的差异）。看看你是否可以先重写最高罪犯。看看是否可以对动画进行分组，即。重写情侣。看看你是否为不同的地方定义了几个动画，但可以重构它，所以它是一个动画用于多种用途。如果仍然存在问题，请开始削减动画权重，这些动画在性能上花费最大，而您认为对设计最重要的。干杯，祝你好运

Answer 2

您可以转到处理器过载的页面，使用检查进行检查，并从源，性能和内存中查看为什么它消耗这么多。