加载时间是否值得执行时间？

Question

修改：请考虑整个问题，而不是太过关注示例。

首先，让我定义（1）加载时间，即blocking to receiving的HTTP请求时间和（2）执行时间，它表示解析响应，编译JavaScript等的时间。 / p>

例如，考虑这两个CSS选择器：#a和div。显然，第一个将resolve faster。知道了，我会在CSS中使用这个选择器。

现在，如果我有更多与这些选择器相匹配的元素，比如10,000，以及更长的ID，比如说LongIdIsLongVeryLong，页面肯定会加载得更慢。但是主要原因是什么：所有<div id=LongIdIsLongVeryLong></div>而不是<div></div>（即加载时间），或者浏览器必须将样式应用于更多元素（即执行时间）的事实？

另外，为什么？因为信息在您的计算机中比通过互联网传播得更快？ 我真的不知道。

当然，这也适用于JavaScript等。

我希望我一直很清楚，我希望你心胸开阔。

Answer 1

网络时间将占据几乎任何机器的处理时间。特别是如果你比较每个术语的两个css选择器。

我确信您可以使用大量的javascript或深度嵌套的选择器来使处理时间显着，但与网络相比，它几乎是即时的。

Answer 2

完全取决于您的目标平台。

在桌面上，您可以与更大的网站和更好的（不一定更快的）代码相处得很好。但是在移动设备作为主要受众的情况下，减小大小，特别是HTTP请求的数量是首要任务，通常在这些设备上拥有的CPU资源远多于可用带宽。

实际上没有一般建议，因为它取决于您正在构建的网站/应用程序类型以及加载后人们将在页面上停留多长时间。