总结：

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. C语言编译和链接过程

    1.程序的编译  一般而言,大多数编译系统都提供编译驱动程序(complier driver),根据用户需求调用语言预处理器,编译器,汇编器和链接器.例如有如下历程://main.c void swa ...

  2. android之ActionBar

    最近忙着做项目了,很久么来博客园看看了.最近项目中用到了actionbar,那就依我个人之建,来跟大家谈谈吧. 首先最重的是看你自己所见的项目的最小Api是为11,(在设置Minsdkversion最 ...

  3. 5X + 2Y +Z = 50 的所有非负整数解

    这种题的解题方法都差不多,不停的循环,不过如果做一下细分,效率应该可以提升很多,下面把最常规效率也最低的代码贴上,有时间再优化 #include <iostream> using name ...

  4. [原创]cocos2d-x研习录-第三阶 特性之触屏

    游戏跟视频最大的区别就是互动,而手游(基于智能手机)主要靠触摸屏幕.重力传感和虚拟键盘等方式实现互动.这里主要记录Cocos2D-x对玩家触屏操作的处理. 在Cocos2D-x中触屏分为单点触屏和多点 ...

  5. IntelliJ 2016.02设置maven 阿里云加速

    修改maven 的setting.xml <mirror> <id>nexus-aliyun</id> <mirrorOf>*</mirrorOf ...

  6. iOS学习-----真机测试过程

    原文 http://www.th7.cn/Program/IOS/201407/233103.shtml   1:进入苹果开发者平台 2:进入Member Center 3:输入开发者账号和密码 4: ...

  7. Tomcat长出现的内存溢出问题

    以下内容转载自博客:http://www.cnblogs.com/apaqi/archive/2012/07/09/2582480.html 在eclipse.ini配置文件中加上以下两行 -XX:P ...

  8. English sentence

    For a better environment, we should teach our children to put litter/garbage/trash into dustbin/dust ...

  9. pl/sql和sql的区别

    源地址:https://zhidao.baidu.com/question/187511430.html 1 sql(数据定义语言) 和PL/Sql的区别:答:SQL是结构化查询语言,比较接近自然语言 ...

  10. FW: javascripts 要不要加引号

    Javascript编程风格  http://www.ruanyifeng.com/blog/2012/04/javascript_programming_style.html 作者: 阮一峰 日期: ...