现代 Web 开发中 CSS 应该出现在 JavaScript 之前还是之后？

CSS 应该总是先于 JavaScript 吗？
[Web 开发中的常见问题]

简介：
以前，人们认为将 CSS 放在 JavaScript 之前是最佳选择用于网络性能。然而，随着现代浏览器和技术的进步，情况可能不再如此。

测试结果：
作者使用不同的浏览器和场景进行了广泛的测试，比较了CSS 放置在 JavaScript 之前或之后的页面的性能。结果显示：

在桌面浏览器上：

• 当 CSS 延迟时，将 JavaScript 放在 CSS 之前可以提供微不足道的性能增益。

在移动设备上浏览器：

• 作者在 Android 4 上的测试显示，似乎不支持推测性解析，这可能会影响 CSS 放置的性能。

结论：
根据测试结果，作者建议即：

桌面浏览器：

• 将外部样式表放在外部脚本之后，只有当旧浏览器性能不是问题时，才能提供最佳性能。 （大约 85% 的桌面浏览器支持推测性解析。）

移动浏览器：

• 移动浏览器的结论可能会因具体情况而异使用的浏览器和操作系统。然而，在大多数情况下，将 CSS 放在 JavaScript 之前仍然可以提供性能优势。

其他注意事项：
作者指出存在各种争论比较将脚本放置在头部与正文的末尾，但本次讨论特别关注 CSS 相对于 JavaScript 在

结论：
在现代桌面浏览器中，将 CSS 放在 JavaScript 之后不会损害性能，并且在某些情况下可以提供增益。将脚本放在第一位不会影响大多数移动浏览器的性能。但是，在做出此决定时，重要的是要考虑特定的目标受众和浏览器支持。

以上是现代 Web 开发中 CSS 应该出现在 JavaScript 之前还是之后？的详细内容。更多信息请关注PHP中文网其他相关文章！