总结：

1.  CSS 都是可以并行下载的。

2.  IE6 和 IE7   JS 不能并行下载，CSS 和 JS 阻塞后面内容下载。

3.  IE8   JS 还是会阻塞图片下载

开始改变加载模式，把JS 和 CSS 全部放在一起加载。

4.    IE9 以后都是完美的

测试网站：http://www.webpagetest.org/

测试代码：

<!DOCTYPE HTML>

<html>

<head>

<title></title>

<link rel="stylesheet" href="test/1.css" media="all" />

<link rel="stylesheet" href="test/2.css" media="all" />

<link rel="stylesheet" href="test/3.css" media="all" />

<script src='test/1.js'></script>

<script src='test/2.js'></script>

<script src='test/3.js'></script>

<link rel="stylesheet" href="test/4.css" media="all" />

<link rel="stylesheet" href="test/5.css" media="all" />

<link rel="stylesheet" href="test/6.css" media="all" />

</head>

<body>

<img src='images/location/p-s2-1.jpg' />

<img src='images/location/p-s2-2.jpg' />

<img src='images/location/p-s2-3.jpg' />

<script src='test/10.js'></script>

<script src='test/11.js'></script>

<script src='test/12.js'></script>

<img src='images/our-guests/1.jpg' />

<img src='images/our-guests/2.jpg' />

<img src='images/our-guests/3.jpg' />

<script src='test/4.js'></script>

<img src='images/location/p-s1-1.jpg' />

<script src='test/5.js'></script>

<img src='images/location/p-s1-2.jpg' />

<script src='test/6.js'></script>

<img src='images/location/p-s1-3.jpg' />

<link rel="stylesheet" href="test/7.css" media="all" />

<img src='images/location/b-s1-1.jpg' />

<link rel="stylesheet" href="test/8.css" media="all" />

<img src='images/location/b-s1-2.jpg' />

<link rel="stylesheet" href="test/9.css" media="all" />

<img src='images/location/b-s1-3.jpg' />

<script src='test/7.js'></script>

<link rel="stylesheet" href="test/10.css" media="all" />

<script src='test/8.js'></script>

<link rel="stylesheet" href="test/11.css" media="all" />

<script src='test/9.js'></script>

<link rel="stylesheet" href="test/12.css" media="all" />

</body>

</html>

IE6：

IE7:

IE8:

IE9:

IE10：

IE 下JS和CSS 阻塞后面内容总结的更多相关文章

  1. idea环境下js、css中文乱码

    idea2018.2+tomcat8+java8+win10 异常:本地js和css通过tomcat发布时,在页面打印出的中文是乱码.而从数据库读取的中文数据和html的中文显示正常. 解决方法: 步 ...

  2. JS阻塞以及CSS阻塞

    一.JS阻塞 所有的浏览器在下载JS文件的时候,会阻塞页面上的其他活动,包括其他资源的下载以及页面内容的呈现等等,只有当JS下载.解析.执行完,才会进行后面的 操作.在现代的浏览器中CSS资源和图片i ...

  3. 哪些地方会出现css阻塞，哪些地方会出现js阻塞？

    Js的阻塞特性: 所有浏览器在下载JS的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等.直到JS下载.解析.执行完毕后才开始继续并行下载其他资源并呈现内容.为了提高用户体验,新一代浏览器 ...

  4. JS以及CSS对页面的阻塞

    一.JS阻塞 所有的浏览器在下载JS文件的时候,会阻塞页面上的其他活动,包括其他资源的下载以及页面内容的呈现等等,只有当JS下载.解析.执行完,才会进行后面的 操作.在现代的浏览器中CSS资源和图片i ...

  5. 【对比分析五】CSS阻塞和JS阻塞

    js 的阻塞特性: 所有浏览器在下载 JS 的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等.直到 JS 下载.解析.执行完毕后才开始继续并行下载其他资源并呈现内容.为了提高用户体验,新 ...

  6. 【JS】JS以及CSS对页面的阻塞

    一.JS阻塞 所有的浏览器在下载JS文件的时候,会阻塞页面上的其他活动,包括其他资源的下载以及页面内容的呈现等等,只有当JS下载.解析.执行完,才会进行后面的 操作.在现代的浏览器中CSS资源和图片i ...

  7. 哪些地方会出现css阻塞,哪些地方会出现js阻塞？

    js的阻塞特性: 所有浏览器在下载JS的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等. 直到JS下载.解析.执行完毕后才开始继续并行下载其他资源并呈现内容. 为了提高用户体验,新一代浏 ...

  8. css、js的相互阻塞

    先决条件:脚本前面存在外部样式 以下试验虽然是在chrome下,但是对于IE8+以及其他浏览器也适用. 1.内联脚本(http://jsbin.com/mudab/1) <!DOCTYPE ht ...

  9. 原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的

    hello~各位亲爱的看官老爷们大家好.估计大家都听过,尽量将CSS放头部,JS放底部,这样可以提高页面的性能.然而,为什么呢?大家有考虑过么?很长一段时间,我都是知其然而不知其所以然,强行背下来应付 ...

随机推荐

  1. jsp打印页面 js代码

    function doPrint() { bdhtml=window.document.body.innerHTML; sprnstr=""; //开始打印标识字符串有17个字符 ...

  2. Linux字符界面的优势

    优势一:字符界面占用的系统资源更少,更加适合服务器 优势二:字符界面减少了出错.被攻击的可能性(一.二决定了服务器一般不装图形界面,安全稳定优先)

  3. [HNOI2008],[bzoj1008] 越狱（dp+组合数学）

    题目传送门:http://www.lydsy.com/JudgeOnline/problem.php?id=1008 Description 监狱有连续编号为1...N的N个房间,每个房间关押一个犯人 ...

  4. JSON.parse()的正确用法

    昨天晚上在项目中使用JSON.parse()来将字符串格式的数据转换成json,结果悲剧了,总感觉方法没有用错,可是就是报错!想了好久,最后发现原来是json字符串格式不标准! 如:var a = “ ...

  5. 如何设置UNIX/Linux中新创建目录或文件的默认权限

    在unix或者linux中,每创建一个文件或者目录时,这个文件或者目录都具有一个默认的权限,比如目录755,文件644,那么这些默认权限是怎么控制的呢? 答案是"umask"权限掩 ...

  6. 每日学习心得：SharePoint 为列表中的文件夹添加子项（文件夹）、新增指定内容类型的子项、查询列表中指定的文件夹下的内容

    前言: 这里主要是针对列表中的文件下新增子项的操作,同时在新建子项时,可以为子项指定特定的内容类型,在某些时候需要查询指定的文件夹下的内容,针对这些场景都一一给力示例和说明,都是一些很小的知识点,希望 ...

  7. CentOS7 登陆密码遗忘和修改

    在虚拟机当中我们设置的linux密码可能会遗忘,那么我们怎么来找回密码,并且重置密码呢? 1:我们需要进入单用户模式才能修改密码      1:重启linux,进入grub界面,敲击空格键暂停 2:按 ...

  8. [zz] 混合高斯模型 Gaussian Mixture Model

    聚类(1)——混合高斯模型 Gaussian Mixture Model http://blog.csdn.net/jwh_bupt/article/details/7663885 聚类系列: 聚类( ...

  9. android学习笔记55——ContentProvider_2

    实现ContentProvider 创建ContentProvider的步骤: 1.开发一个ContentProvider的子类,该子类需要实现增.删.改.查等方法: 2.在AndroidMainfe ...

  10. Oracle正确删除archivelog文件(转)

    from:http://www.itpub.net/thread-1636118-6-1.html Oracle在开启了归档模式后,会在指定的archive目录下产生很多的archivelog文件,而 ...