JavaScript 应该优先于 CSS 以获得最佳网页渲染性能吗？
CSS 应该始终位于 JavaScript 之前吗？
通常建议在
中 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中文网其他相关文章！
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
Windows 11 KB5054979中的新功能以及如何解决更新问题
4 周前
By DDD
如何修复KB5055523无法在Windows 11中安装？
3 周前
By DDD
Inzoi：如何申请学校和大学
4 周前
By DDD
如何修复KB5055518无法在Windows 10中安装？
3 周前
By DDD
在哪里可以找到Atomfall中的站点办公室钥匙
4 周前
By DDD
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
