12.为什么将CSS样式放在头部,将JS脚本放在底部
(1)浏览器为了更好的用户体验,渲染引擎会尝试尽快在屏幕上显示内容,不会等到所有的HTML元素解析之后再构建和布局DOM
树,所以部分内容将被解析并显示。
(2)前端一般主要关心首屏的渲染速度,这也是为什么要提倡“图片懒加载”的原因。
(3)其实外部的JS和CSS文件是并行下载的。随着JS技术的发展,JS也开始承担起页面的渲染工作了。如果JS加载需要很长时间,
会影响用户体验。所以需要将JS区分为承担页面渲染工作的JS和承担事件处理的JS。渲染页面的JS放在前面,事务处理的JS放在后面。
网友评论