页面渲染流程

HTML页面请求：{

  　　　　　　  HTML文档下载：{

 　　　　　　　　　　　　　　　html:文档自身，

　　　　　　　　　　　　　　　javascript :js，

　　　　　　　　　　　　　　　link：css，

　　　　　　　　　　　　　　　video：.ogg.mp4，

　　　　　　　　　　　　　　　audio：.mp3，

                                             img：图片

　　　　　　　　　　　　　　　}

                     HTML文档解析—>dom树生成（所有）—>render树生成（可见）—>逐级解析dom—>(p、label、ol、a等等一般不引用外部资源标签；link、javascript、img可外部引用标签)

注意：

link->css 尽量减少页面的reflow

javascript->js js绘制dom节点会阻塞其他标签解析

img->图片src,图片加载可以先使用分辨率较低的图片

 

浏览器的js引擎：{

　　　　　　　　　V8(C++) ：V8是google发布的开源javascript引擎，采用c++编写，在google的Chrome浏览器中被使用，V8引擎可以独立运行，也可以用来嵌入到c++应用程序中运行，

　　　　　　　　　SpiderMonkey:他是Mozilla项目的一部分，是一个用C语言实现的javascript脚本引擎，