总结：

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. PAT (Basic Level) Practise：1026. 程序运行时间

    [题目链接] 要获得一个C语言程序的运行时间,常用的方法是调用头文件time.h,其中提供了clock()函数,可以捕捉从程序开始运行到clock()被调用时所耗费的时间.这个时间单位是clock t ...

  2. mm/kmalloc.c

    /* *  linux/mm/kmalloc.c * *  Copyright (C) 1991, 1992  Linus Torvalds & Roger Wolff. * *  Writt ...

  3. HttpSendRequest同步请求不返回

    HttpSendRequest是基于socket实现的 在工作过程中发现当发送请求时 1.当网络没有连接时 会同步返回失败 2.当发送请求时 把网线拔下也是会同步返回失败 3.但是第三种情况 发送请求 ...

  4. linux下oracle 10g的sqlplus无法使用

    问题如标题所示. 解决办法, 1,root用户登录,建立软连接 cd / cd /usr/bin ln -s /home/oracle/product/10.2.0/db_1/bin/sqlplus ...

  5. Alpha版本项目展示

    成员简介 谷大鑫: 热爱编程,技术狂魔,可以对感兴趣的技术钻研到茶饭不思,队伍的技术中坚.标签:整个队伍里最靠谱的人. 个人博客:http://www.cnblogs.com/nrm1/ 杨金键: 未 ...

  6. ipvsadm命令使用方法

    由于LVS(IPVS)是工作在内核空间的,因此要在用户空间对其进行配置和管理就要用到ipvsadm,ipvsadm是LVS在用户空间的管理命令. 一般在安装linux(CentOS6.5)时该命令是为 ...

  7. CommandExtra.lua --游戏命令扩展

    --[[作者信息: Command Extra (游戏命令扩展) 作者QQ:247321453 作者Email:247321453@qq.com 修改日期:2014-3-12 功能:添加额外的命令.G ...

  8. Mabitis 多表查询（一）resultType=“java.util.hashMap”

    1.进行单表查询的时候,xml标签的写法如下 进行多表查询,且无确定返回类型时 xml标签写法如下: <select id="Volume" parameterType=&q ...

  9. 调Windows 7的图片浏览器查看图片

    public static void viewPicFromWindows(string pPicPath) { if (pPicPath!="" && Syste ...

  10. JAVA监听器原理

    http://blog.csdn.net/longyulu/article/details/25054697 JAVA监听器原理 标签: 监听器 2014-05-05 15:40 9070人阅读 评论 ...