浏览器了解（五）资源加载顺序

资源加载顺序

在加载web资源时，首先下载html文件，进行html解析，在遇到javascript或css标签时，启动相应的解析机处理。

当遇到外部资源时（如<script src='xxx'>）启动网络接口程序，下载对应的资源并交由相应的解析机处理。

在执行javascript的解析的时候，为了保证javascript操作DOM的准确性，此时DOMTree的构建工作必须被中断掉（当然对于HTML资源序列化和输入DOM构建机动作可以同步进行，浏览器此时也可以加载外部资源、排版、显示等），直到javascript的解析动作完成，之后可以继续HTML的解析和DOMTree的构建。

我们知道CSS不会影响到DOMTree的构建，但是如果此时javascript需要取得某些样式信息，必然需要CSS已经被解析，为了防止javascript取CSS出现未定义的问题，通常在执行CSS解析的时候，javascript的执行会被阻塞。对于webkit而言，webkit本身对此进行了优化，即在javascript可能会用到某些样式而此时样式尚未解析完毕时阻塞javascript解析。

本文出自 “雨轩印象” 博客，请务必保留此出处http://zilla.blog.51cto.com/3095640/838450

浏览器了解（五）资源加载顺序相关推荐

前端静态资源加载顺序
一．js放在head中会立即执行,阻塞后续的资源下载与执行.因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控. 正常的网页加载流程是这样的. 浏览器一边下载HTML网页,一 ...
jquery ready 与资源加载顺序
虽然jquery已经失去了统治前端开发的地位,但是依然有其适用性. 很久以前就知道,js文件要放在页面的底部加载. 一则,让css尽快加载,把完整的页面呈现给用户. 二则,有时候js需要操作DOM,需 ...
queueing 优化_简单聊聊网页的资源加载优化
移动开发中很重要的一块是资源的加载优化.移动开发由于网速低带宽,高延迟,移动设备小内存,低处理器性能的原因,因此很多时候不得不通过优化前端页面的性能来满足用户对网页加载的预期. 前段时间做了相关方面的 ...
【读书笔记】【WebKit技术内幕（二）】Chromium Webkit资源加载与网络栈、DOM树、HTML解释器、影子DOM、CSS解释器和样式布局、网页层次与渲染、绘图上下文、
文章目录前言 Something great 第4章资源加载和网络栈 Webkit 资源加载 Chromium多进程资源加载 Chromium 网络栈第5章 HTML解释器和DOM模型 DOM模 ...
关于mui 加载顺序摘要 ( plusReady(),DOMContentLoaded、onload)
plus初始化原理及plus is not defined,mui is not defined 错误汇总 plusready plus is not defined 关于plus是哪里来的问题 pl ...
浏览器页面资源加载过程与优化
评价页面性能好坏的核心之一就是页面的加载速度,而页面加载速度的关键就是页面资源的加载.本文将从浏览器浏览器页面资源加载过程展开分析,来引出页面关键请求路径的概念,并给出如何优化该关键请求路径的一些方法 ...
让我们再聊聊浏览器资源加载优化
几乎每一个前端程序员都知道应该把script标签放在页面底部.关于这个经典的论述可以追溯到Nicholas的 High Performance Javasript 这本书的第一章Loading and ...
【让我们再聊聊浏览器资源加载优化】
几乎每一个前端程序员都知道应该把script标签放在页面底部.关于这个经典的论述可以追溯到Nicholas的 High Performance Javasript 这本书的第一章Loading and ...
关于html和javascript在浏览器中的加载顺序问题的讨论
转自:http://www.cnblogs.com/beyondstorm/archive/2008/09/17/1292940.html 前一阵子横扫了javascript,当时自我感觉良好.现在一 ...

浏览器了解（五）资源加载顺序

浏览器了解（五）资源加载顺序相关推荐

最新文章

热门文章