摘要: 1. js代码嵌入网页的方式 1. script标签嵌入脚本 script标签有个属性type,用于指定脚本的类型; 1. "text/javascript": 默认值,指定运行的是js代码 2. "application/javascript": 在较新的浏览器中,指定是JS代码 3. "text 阅读全文
posted @ 2019-11-17 20:34 Lyra李 阅读(426) 评论(0) 推荐(0)
摘要: 如图所示,图中蓝线表示DOMContentLoaded事件触发时经过的时间,DOM树构建花费的时间。 图中红线表示onload事件触发时经过的时间,也是所有的资源(图片等)下载处理完成的时间。 图中绿色的条表示等待服务器响应的时间;蓝色的条表示资源下载的时间。 由此可知,第一个蓝色条结束的位置,是H 阅读全文
posted @ 2019-11-17 17:04 Lyra李 阅读(238) 评论(0) 推荐(0)
摘要: 优化浏览器渲染,要从关键渲染路径出发,基本上是优化HTML、CSS、JS的依赖关系。 其中HTML构建的DOM消耗是必须的。 1. 从阻塞渲染的CSS出发 CSS默认是阻塞渲染的资源。 根据浏览器渲染的过程可知,浏览器渲染的基础是DOM和CSSOM。在生成CSSOM之前,不会渲染任何内容。 生成CS 阅读全文
posted @ 2019-11-17 10:48 Lyra李 阅读(218) 评论(0) 推荐(0)