客户端性能-特定于笔记本电脑和台式机[关闭]

Question

我是前端开发的新手。假设我的客户拥有现代硬件、2.20 GHz CPU、4GB 内存。一个华丽的网站，它使用了很多事件处理程序，以及像“幻灯片让 div 容器在用户单击时移入和移出”和“jquery”单击“使用 ajax 动态创建的胡须模板”等动画（用于在之后添加的元素初始 DOM 加载）。

我知道这取决于我的编程技能是否真的很糟糕，这可能会导致用户端的表现非常糟糕，但可以说我的编程尽可能接近高效，并使用编写得非常好的插件。

问题 - 使用该硬件的客户能否很好地处理高度定制的设计？浏览器开发工具在故障排除和性能分析方面是目前最好的，还是有一个非常流行且广泛使用的工具可以为许多开发人员完成这项工作？

我的问题集中在两个关键点。

1. 客户端性能基于时尚和华丽的网站使用 下面提到的现代硬件上的插件。
   

2. 开发人员使用什么来帮助他们检查硬件利用率， 配置文件并解决问题。

   • 浏览器开发工具够用吗？

   • 我还没有发现的开发人员使用的流行工具？

---

附加说明

我还使用我的应用程序服务器来托管这些文件，因为我使用的是 MVC，因此它不是完全静态的 html 文件。

插件包括：

1. jQuery
2. BootstrapJS
3. 引导最大长度
4. Jquery UI（Effects Corewith Slidejs，大小为 14Kb）
5. Jquery 制服
6. MustacheJS

Jquery Uniform 对页面加载时间的影响最大，当页面加载时，我在大约 100 个元素上调用它。因此，当客户端单击 div 以在特定选择器上滑动打开时，我通过在需要它的元素上调用它来更改它。

是什么影响了我的问题？

玩弄和阅读有关 Angularjs 的信息。由于一切都是客户端，我读到它让客户端减慢并可能加快它的复杂感觉。由于我已经深入了解 Jquery，我很好奇它在使用我上面提到的大量华丽组件和 DOM 操作的更现代的硬件上的性能如何。这是我的第一个前端设计，所以我知道更多经验丰富的前端开发人员知道浏览器处理这些已知框架的能力如何。

为什么重要

为网页添加所有闪光和浮华以使其看起来对客户更具吸引力的诱惑实际上可能对我不利。

Answer 1

根据我的经验，您可以拥有数十万个 DOM 元素、数千个内部带有数组的对象，但什么也没有发生。网络上有许多糟糕的网站，就像弗兰肯斯坦的怪物一样，拥有数十个库，并且在 15 年前的计算机中没有性能问题。

虽然您不会弄乱 3D 渲染和那些实验性的东西，但您在主流 PC 中不会遇到问题。我不知道你的炫酷功能是什么。此外，如果您的编程非常糟糕并且制作几乎永无止境的循环或类似的东西可能是一个问题，但那无处不在。

另一个问题是下载时间，这是最需要关心的事情，如果您有大量代码，下载时间会更长。通常在服务器应用程序中，您更喜欢性能而不是轻量级，但在前端最好下载小文件。互联网总是比 CPU 和 RAM 慢。