加载形式:
HTML/CSS/JS 图片/视频
加载过程:
1.DNS解析:域名 => IP地址
2.浏览器根据IP地址向向服务器发起http请求
3.服务器处理http请求,并返回给浏览器
页面渲染过程:
HTML生成DOMTree
CSS生成CSSOM
将DOMTree和CSSOM整合成RenderTree
RenderTree渲染页面
遇到Script暂停渲染 优先加载执行JS
最后RenderTree渲染完成
为什么CSS要放在Head标签头部
假设css放在html的下面 html生成完domtree后 遇到css 生成cssom 然后cssom又要回去找到html再一次编译成domtree,造成重复渲染的过程,在老的电脑上可以看到 先出现默认标签样式 然后再出现css样式。
为什么JS要放在底部
因为如果js中有去操作dom的话 dom如果还没加载完成的话 js就会发生一些不必要的错误
window.onload 和DomContentLoad的区别