前端性能优化学习记录

1，域名解析从右到左
eg: news.baidu.com. --》 从.开始解析
2，前端页面渲染流程
（1）html

• html文档下载
  1）html--文档本身
  2）JavaScript--js
  3）link--css
  4）vedio-- .ogg .mp4
  5）img--图片src
• html文档解析
  dom树生成（所有）-- render树生成（可见）-- 逐级解析dom树
  1：p label ol a等一般不引用外部资源标签
  2: link javascript img可外部引用标签
  1）link--css尽量减少页面的reflow
  2）javascript->js,js绘制dom节点会阻塞其他标签解析、甚至下载、document.write
  3）img->图片src，图片加载可以先使用分辨率较低的图片。

（2）浏览器的js引擎

• V8（C++）-》V8 是 Google 发布的开源 JavaScript 引擎，采用 C++ 编写，在 Google 的 Chrome 浏览器中被使用。V8 引擎可以独立运行，也可以用来嵌入到 C++ 应用程序中执行。
• SpiderMonkey -》SpiderMonkey是Mozilla项目的一部分，是一个用C语言实现的JavaScript脚本引擎
• rhino(Java) -》Rhino是用纯Java写成的JavaScript的开放源代码实现。它最常被用于嵌入Java应用程序，以便为终端用户提供脚本的能力。