web性能（二）：web性能要点

DOM，CSSOM和JavaScript,了解一下

脚本，样式表和标记文档之间存在复杂的依赖，要回答这一问题，需要知道浏览器的架构、了解一下解析、布局和脚本如何配合在屏幕上绘制出像素（也就是呈现web页面）

DOM、CSSOM如何与JS脚本合作，完成渲染树以及布局等。

web性能

web性能测试

测试工具：WebPageTest

性能来源：计算、渲染和网络访问

web应用的执行主要涉及三个任务：取得资源、页面布局和渲染、javascript执行。其中，渲染和脚本执行在同一个线程上交错进行，不可能并发修改生成的DOM。

对浏览器应用来说，迅速获取网络资源才是第一要义。

浏览器优化技术

• 资源预取和排定优先次序
• DNS预解析
• TCP预连接
• 页面预渲染

优化页面结构和交付

• CSS和JavaScript等重要资源应该尽早在文档中出现
• 应该尽早交付CSS、从而解除渲染阻塞并让Javascript脚本运行。
• 非关键性JavaScript应该推迟，以避免阻塞DOM和CSSOM构建。
• HTML文档由解析器递增解析，从而保证文档可以间隙性发送，以求得最佳性能。

文档中嵌入提示

利用浏览器的优化机制，通过为<link>标签的rel属性指定“浏览器应该采取的优化机制”来优化界面。比如：

• dns-prefetch：预解析特定的域名
• subresource：预获取后面需要用到的关键性资源
• prerender：预渲染特定页面

(未完，待补充完善）
-