客户端性能 - 笔记本电脑和桌面特定

时间:2015-06-07 01:28:13

标签: javascript jquery html twitter-bootstrap

我是前端开发的新手。假设我的客户有现代硬件,2.20 GHz CPU,4GB内存。一个华丽的网站,使用了大量的事件处理程序,以及“滑动div容器进出用户点击”和“jquery”等动画“点击for a a a a a a a a a a a a a a a a a a a a初始DOM负载)。

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

问题 - 拥有该硬件的客户是否能够处理高度定制的设计?浏览器开发工具在故障排除和分析性能方面是否是最好的,或者是否有一个非常受欢迎的广泛使用的工具为许多开发人员完成工作?

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

  1. 客户端性能基于时尚华丽的网站使用 在现代硬件上提到的插件。
  2. 开发人员用什么来帮助他们检查硬件利用率, 简介和解决问题。

    • 浏览器开发工具就足够了吗?

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

  3. 附加说明

    我也在使用我的应用程序服务器来托管这些文件,因为我使用MVC所以它不是完全静态的html文件。

    插件包括:

    1. Jquery的
    2. BootstrapJS
    3. Bootstrap Max Length
    4. Jquery UI(效果Corewith Slidejs,尺寸为14Kb)
    5. Jquery Uniform
    6. MustacheJS
    7. Jquery Uniform在页面加载时间上受到了最大的打击,我在页面加载时调用了大约100个元素。因此,当客户端点击div以在特定选择器上滑动打开时,我通过调用需要它的元素来更改它。

      是什么影响了我的问题?

      四处寻找和阅读Angularjs。由于一切都是客户端,我读到了复杂的感觉,它减慢了客户端的速度并可能加快速度。由于我已经在Jquery的膝盖深处,我很好奇它使用我上面提到的许多华丽组件和DOM操作的更现代的硬件表现得如何。这是我的第一个前端设计,所以我知道更多经验丰富的前端开发人员知道浏览器如何处理这些已知的框架。

      为什么重要

      将所有闪光和闪光添加到网页以使其看起来对客户更具吸引力的诱惑实际上对我不利是一个问题。

1 个答案:

答案 0 :(得分:0)

根据我的经验,你可以拥有数十万个DOM元素,数千个内部数组的对象,没有任何反应。在网络上有很多可怕的网站,就像弗兰肯斯坦的怪物一样,有几十个图书馆,15年前在计算机上没有性能问题。

虽然你不会弄乱3D渲染和实验性的东西,但在主流PC中你不会遇到问题。我不知道你的华丽酷炫功能是什么。此外,如果你是非常糟糕的编程并使几乎永无止境的循环或类似的东西可能是一个问题,但这是任何地方。

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