浏览器是如何渲染页面和加载页面?

  1. 浏览器加载的顺序是从上到下,渲染的顺序也是从上到下,加载和渲染是同时进行的。
  2. 在渲染到页面的某一部分时,其上面的所有部分都已经加载完成(并不是说所有相关联的元素都已经加载完)。
  3. 如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时加载过程会启用单独连接进行加载
  4. 并且在加载后进行解析,解析过程中,停止页面所有往下元素的加载。
  5. 样式表在加载完成后,将和以前加载的所有样式表一起进行解析,解析完成后,将对此前所有元素(含以前已经渲染的)重新进行渲染。
  6. JS、CSS中如有重定义,后定义函数将覆盖前定义函数。