关键渲染路径
2018-06-24 00:58:16来源：未知 阅读 ()
关键渲染路径，即页面呈现在浏览器上所需的必要步骤：
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Critial Path: Hello world!</title>
<link rel="stylesheet" href="/a.css">
<script src="/b.js"></srcipt>
</head>
<body>
……
</body>
</html>
分析上述代码的执行渲染步骤（简要流程）
1、解析html，生成dom。
2、请求css和js，并同时继续解析html。请求css完成后生成cssom
3、等待cssom完成，执行js，阻塞dom生成
4、根据dom和cssom生成渲染树
5、计算渲染树元素的位置，尺寸
6、绘制并呈现到屏幕上。
优化关键呈现路径，可以大大缩短首次呈现网页的时间. 另外，了解关键呈现路径还可以为构建高性能交互式应用程序打下基础
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- web前端工程师的学习路径，每个阶段都需要学什么？ 2020-05-04
- web前端开发入门，学习路径以及具体的学习内容 2020-03-27
- 从浏览器渲染原理，浅谈回流重绘与性能优化 2019-11-01
- 从页面加载到首屏渲染时机 2019-10-30
- HTML常用标签二 2019-10-28
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
