JavaScript 应该优先于 CSS 以获得最佳网页渲染性能吗？

CSS 应该始终位于 JavaScript 之前吗？

通常建议在

中 CSS 应该包含在 JavaScript 之前。一个网页的。这是因为渲染线程将拥有渲染页面所需的所有样式信息，并且 JavaScript 引擎必须在继续之前解析所有包含的 JavaScript，从而导致页面渲染延迟。

然而，实际测试却显示出不同的结果。 JavaScript 解释器似乎会等到所有 CSS 下载完毕后才开始，这意味着首先包含 JavaScript 可以更有效地利用 JavaScript 线程的时间。

为了进一步探讨这一点，让我们看一下具体的示例。考虑以下页面结构：

  
    <title>test</title>
    <script type="text/javascript">
      var startTime = new Date();
    </script>
    <link href="http://10.0.0.50:8081/test.css?delay=500" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="http://10.0.0.50:8081/test2.js?delay=400&jsdelay=1000"></script>
  
  
    <p>
      Elapsed time is:
      <script type="text/javascript">
        document.write(new Date() - startTime);
      </script>
    </p>
  

当首先包含 CSS 时，页面需要 1.5 秒来渲染。当首先包含 JavaScript 时，页面渲染需要 1.4 秒。此实验表明，优先考虑 JavaScript 可以加快页面渲染速度。

结论

根据实际测试，将 CSS 包含放在 JavaScript 包含之前的建议对于现代浏览器中的性能可能不是最佳的。包含 JavaScript 首先似乎是通过为 JavaScript 线程提供更多的操作时间来提高效率。值得注意的是，这是特定于

中基本 JavaScript 和 CSS 包含内容的上下文。文件的内容。

以上是JavaScript 应该优先于 CSS 以获得最佳网页渲染性能吗？的详细内容。更多信息请关注PHP中文网其他相关文章！