JavaScript 是否需要先于 CSS 才能实现最佳页面渲染？

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

问题：
网上建议经常建议将 CSS 放在 JavaScript 之前，这表明渲染线程需要显示页面之前的所有必要的样式信息。此建议仍然有效吗？

答案：

为了调查此声明，使用 Ruby 脚本进行了各种测试，该脚本允许 JavaScript 和 CSS 检索中的任意延迟。结果显示，当 JavaScript 包含放在第一位时，现代桌面浏览器的性能实际上有所提高：

• CSS 优先： 页面渲染需要 1.5 秒。
• JavaScript First:页面渲染需要1.4

在 Chrome、Firefox 和 Internet Explorer 中观察到类似的结果。然而，Opera 在渲染时间上没有差异。

解释：
现代浏览器实现推测性解析，它们在遇到 之前开始检索并执行脚本。标签。因此，浏览器在下载 CSS 之前会等待 JavaScript 加载并执行，从而否定了首先包含 CSS 的任何好处。

结论：
根据测试结果，最佳方式是在

中包含外部样式表 after 外部脚本。标签，特别是对于拥有超过 85% 市场份额的桌面浏览器。此顺序可确保并行下载并提高大多数用户的性能。

例外：
请注意，上述结论适用于桌面浏览器，可能不适用于移动浏览器，因为某些目前不支持推测解析。因此，测试并考虑对特定受众的性能影响仍需谨慎。

以上是JavaScript 是否需要先于 CSS 才能实现最佳页面渲染？的详细内容。更多信息请关注PHP中文网其他相关文章！