通常建议在
中 CSS 应该包含在 JavaScript 之前。一个网页的。这是因为渲染线程将拥有渲染页面所需的所有样式信息，并且 JavaScript 引擎必须在继续之前解析所有包含的 JavaScript，从而导致页面渲染延迟。然而，实际测试却显示出不同的结果。 JavaScript 解释器似乎会等到所有 CSS 下载完毕后才开始，这意味着首先包含 JavaScript 可以更有效地利用 JavaScript 线程的时间。
为了进一步探讨这一点，让我们看一下具体的示例。考虑以下页面结构：
<!DOCTYPE html>
<html>
<head>
<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>
</head>
<body>
<p>
Elapsed time is:
<script type='text/javascript'>
document.write(new Date() - startTime);
</script>
</p>
</body>
</html>当首先包含 CSS 时，页面需要 1.5 秒来渲染。当首先包含 JavaScript 时，页面渲染需要 1.4 秒。此实验表明，优先考虑 JavaScript 可以加快页面渲染速度。
根据实际测试，将 CSS 包含放在 JavaScript 包含之前的建议对于现代浏览器中的性能可能不是最佳的。包含 JavaScript 首先似乎是通过为 JavaScript 线程提供更多的操作时间来提高效率。值得注意的是，这是特定于
中基本 JavaScript 和 CSS 包含内容的上下文。文件的内容。以上是JavaScript 应该优先于 CSS 以获得最佳网页渲染性能吗？的详细内容。更多信息请关注PHP中文网其他相关文章！
