总结：

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. oracle 常用语法

    一.ORACLE的启动和关闭1.在单机环境下要想启动或关闭ORACLE系统必须首先切换到ORACLE用户,如下su - oraclea.启动ORACLE系统oracle>svrmgrlSVRMG ...

  2. OC前15天重点回顾

  3. 一些上流的CSS3图片样式

    直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时,浏览器并不能完美的渲染它们.不过,如果把这个图片用作背景图,你就可以可以给它添加任何样式了,浏览器 ...

  4. MFC 中编辑框数字限制范围

    http://www.cnblogs.com/ziwuge/archive/2011/11/15/2249541.html void CSAAlt::OnEnChangeSlocp()//样本盘号输入 ...

  5. java初探/java读取文件

    import java.io.*; import java.util.Arrays; public class WriteText { public static void main(String[] ...

  6. Morphia 学习一 注解

    http://blog.csdn.net/liumm0000/article/details/7535858 生命周期方法注解(delete没有生命周期事件)@PrePersist save之前被调用 ...

  7. 如何解决虚拟机克隆导致"Bringing up interface eth0: Error: No suitable device found: no device found for connection 'System eth0'."

    在VMware的虚拟机中克隆CentOS,在重启网卡的时候报错: Bringing up interface eth0:  Error: No suitable device found: no de ...

  8. I do not want to inherit the child opacity from the parent in CSS(不想让子元素继承父元素的透明度)

    Instead of using opacity, set a background-color with rgba, where 'a' is the level of transparency. ...

  9. Android学习笔记（六）

    活动的生命周期 Android中的活动是可以重叠的,每启动一个新的活动,就会覆盖在原活动之上,然后点击Back键就会销毁最上面的活动. Android是使用任务(Task)来管理活动的,一个任务就是一 ...

  10. C#和Javascript间互转的Xxtea加解密

    很有意思的一件事情,当我想要找 Xxtea 加解密算法的时候,发现了前同事(likui318)的代码,不妨分享出来.此代码满足: 1:Xxtea支持中文: 2:支持 JS 和 C# 加解密之间的互转: ...