页脚中的脚本是“渲染障碍物”吗？-英雄云拓展知识分享

匿名投稿 200 2024-01-22

在与同事讨论以后，我们需要对一个问题的答案：页脚中的脚本是不是“渲染障碍物”？我的意思是，在脚本完全加载之前，是不是有任何内容显示给用户？

谢谢

看答案

它来晚了，但我找到了答案：不，脚本不是构造障碍，脚本是封闭的。只有CSS文件是渲染障碍。

如果脚本在身体内部，它将是对解析的，但是在脚本之前可以解析的内容已可以渲染（如果它在头上，则没有任何内容，由于还没有解析内容）。因此，这种情况下，是的，可以在脚本完全下载之前显示/渲染内容。

请看这两个示例：

屏幕截图test1：在大型JS文件完成下载之前显现的内容

<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF⑻">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<section>
<h2>testing</h2>
<h4>Lorem Ipsum has been the industry's standard dummy text printer took a galley of type and scrambled</h4>
<img src="img/icon_128.png" width="128px" alt="">
<h3>We are testing</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesf own printer.</p>
</section>
<script src="js/main.js"></script>
</body></html>

屏幕截图test2：显现大JS文件之前的内容。其余的必须等到JS完成下载

<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF⑻">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<section>
<h2>testing</h2>
<h4>Lorem Ipsum has been the industry's standard dummy text printer took a galley of type and scrambled</h4>
<img src="img/icon_128.png" width="128px" alt="">
<script src="js/main.js"></script>
<h3>We are testing</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesf own printer.</p>
</section>
</body></html>

🚀🌟 点击注册免费试用超级应用平台-英雄云企业级 HPaPaaS 🌟🚀 😃👉🌐

免责声明：

本网址（www.yingxiongyun.com）发布的材料主要源于独立创作和网友匿名投稿。此处提供的所有信息仅供参考之用。我们致力于提供准确且可信的信息，但不对材料的完整性或真实性作出任何保证。用户应自行验证相关信息的正确性，并对其决策承担全部责任。对于由于信息的错误、不准确或遗漏所造成的任何损失，本网址不承担任何法律责任。本网站所展示的所有内容，如文字、图像、标志、音频、视频、软件和程序等的版权均属于原创作者。如果任何组织或个人认为网站内容可能侵犯其知识产权，或包含不准确之处，请即刻联系我们进行相应处理。