javascript - 为什么标准是将css和js文件放在页面的顶部和底部(分别)?

标签 javascript css

很好奇为什么当您在 header 和页面顶部/底部使用 css 和 js 标准化网站时,性能会有所提高。

最佳答案

这并不完全正确。简单地说:

  • 样式声明应尽可能靠近顶部,因为浏览器不会在加载 CSS 之前呈现您的页面(以避免出现未设置样式的内容)

  • 脚本标签应尽可能靠近底部,因为它们会阻止浏览器在标签加载和完成之前对其进行解析(因为脚本可能会使用 document.write 更改文档)

如果您对前端性能感兴趣,我强烈建议您阅读 High Performance Web Sites: Essential Knowledge for Front-End Engineers史蒂夫·苏德斯。

关于javascript - 为什么标准是将css和js文件放在页面的顶部和底部(分别)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6517830/

相关文章:

javascript - 如何访问元素的 cssText?

javascript - 寻找一种更好的方法来更改具有多个图像的图像 onclick

html - Div 部分居中但无法动态居中

jquery - 使用 jQuery 在水平滚动上更改 nav a.class

javascript - 我应该在 Node.js 中使用哪种客户端模板?

javascript - 更改组件的根元素

html - Bootstrap网格系统的问题

html - 单选按钮和标签在同一行对齐

javascript - 2 表单中字段的名称属性

javascript - 如何使用 Vue.js 将用户登录到 spring-security 应用程序?