<?php
//1.js.php
sleep(5);
file_put_contents("tmp.txt", __FILE__.'->'.__LINE__.' ->' .date("Ymd H:i:s")."\r\n", FILE_APPEND);
?>
console.log("1.js");
<?php
//2.js.php
sleep(3);
file_put_contents("tmp.txt", __FILE__.'->'.__LINE__.' ->' .date("Ymd H:i:s")."\r\n", FILE_APPEND);
?>
console.log("2.js");
<?php
//img.pgp
file_put_contents("tmp.txt", __FILE__.'->'.__LINE__.' ->' .date("Ymd H:i:s")."\r\n", FILE_APPEND);
?>

用不同浏览器访问t.html:

<script  language="javascript" src="1.js.php"></script>
<script language="javascript" src="2.js.php"></script>
<img src="img.php" />

日志:

firefox 29.0.1

C:\D\OA_SVN\PHP\kkdian_pv\www\main\2.js.php->3 ->20140523 03:34:17

C:\D\OA_SVN\PHP\kkdian_pv\www\main\1.js.php->3 ->20140523 03:34:19

C:\D\OA_SVN\PHP\kkdian_pv\www\main\img.php->3 ->20140523 03:34:19

ie 10

C:\D\OA_SVN\PHP\kkdian_pv\www\main\img.php->3 ->20140523 03:33:20

C:\D\OA_SVN\PHP\kkdian_pv\www\main\2.js.php->3 ->20140523 03:33:23

C:\D\OA_SVN\PHP\kkdian_pv\www\main\1.js.php->3 ->20140523 03:33:25

chrome 34.0.1847.137 m

C:\D\OA_SVN\PHP\kkdian_pv\www\main\img.php->3 ->20140523 03:34:46

C:\D\OA_SVN\PHP\kkdian_pv\www\main\2.js.php->3 ->20140523 03:34:49

C:\D\OA_SVN\PHP\kkdian_pv\www\main\1.js.php->3 ->20140523 03:34:51

C:\D\OA_SVN\PHP\kkdian_pv\www\main\img.php->3 ->20140523 03:34:51

safari 5.1.7 windows

C:\D\OA_SVN\PHP\kkdian_pv\www\main\2.js.php->3 ->20140523 03:36:50

C:\D\OA_SVN\PHP\kkdian_pv\www\main\1.js.php->3 ->20140523 03:36:52

C:\D\OA_SVN\PHP\kkdian_pv\www\main\img.php->3 ->20140523 03:36:52

结论:

ie chrome不会阻塞图片加载,firefox safari会阻塞图片加载;但他们都不会阻塞js加载,js加载是多线程的。

关于JavaScript是否会阻塞图片加载的更多相关文章

  1. [转]JavaScript实现 页面滚动图片加载

    本文转自:http://www.cnblogs.com/Darren_code/archive/2011/07/21/LoadImage.html 又到了这个月的博客时间了,原计划是打算在这个月做一个 ...

  2. AntiModerate – 渐进式图片加载的 JavaScript 库

    AntiModerate 是一个渐进式图片加载的 JavaScript 库.我们多数看到的图片显示模式,都是从上到下逐渐显示的,这是“标准式”图像:而有的图片是先出现一个很低分辨率的图像轮廓,类似加了 ...

  3. HTML5+javascript实现图片加载进度动画效果

    在网上找资料的时候,看到网上有图片加载进度的效果,手痒就自己也写了一个. 图片加载完后,隐藏loading效果. 想看加载效果,请ctrel+F5强制刷新或者清理缓存. 效果预览:   0%   // ...

  4. imagepool前端图片加载管理器(JavaScript图片连接池)

    前言 imagepool是一款管理图片加载的JS工具,通过imagepool可以控制图片并发加载个数. 对于图片加载,最原始的方式就是直接写个img标签,比如:<img src="图片 ...

  5. 【转】js JavaScript 的性能优化:加载和执行

    JavaScript 的性能优化:加载和执行 转自:https://www.ibm.com/developerworks/cn/web/1308_caiys_jsload/ 随着 Web2.0 技术的 ...

  6. 让document.write的广告无阻塞的加载

    广告代码分析 很多第三方的广告系统都是使用document.write来加载广告,如下面的一个javascript的广告链接. 1 <script type="text/javascr ...

  7. Android 框架练成 教你打造高效的图片加载框架(转)

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/41874561,本文出自:[张鸿洋的博客] 1.概述 优秀的图片加载框架不要太多, ...

  8. iOS图片加载框架-SDWebImage解读

    在iOS的图片加载框架中,SDWebImage可谓是占据大半壁江山.它支持从网络中下载且缓存图片,并设置图片到对应的UIImageView控件或者UIButton控件.在项目中使用SDWebImage ...

  9. nginx实现动态分离,解决css和js等图片加载问题

    改帖专门为使用nginx,通过nginx把请求转发到web服务器再返回客户端的时候,解决css和js和图片加载不出来的问题. 如果没安装nginx,请访问一下地址进行安装 http://www.cnb ...

随机推荐

  1. CentOS6下yum下载的包存放路径

    http://showerlee.blog.51cto.com/2047005/1169818 yum下载下来的文件保存默认路径是: /var/cache/yum 修改yum配置文件 /etc/yum ...

  2. 关于inline-block 元素之间为何会产生间隔

    关于inline-block 元素之间为何会产生间隔 现象: <body> <input type="text"> <input type=" ...

  3. Xpert 调优

    -- 10046 event 可以定义 SQL TRACE 级别 /* || 默认的10046级别跟 SQL TRACE 一样, 另外还有一些级别: || level 1: SQL Tracing | ...

  4. Ubuntu 14.04 FTP服务器--vsftpd的安装和配置

    更新源列表 打开"终端窗口",输入"sudo apt-get update"-->回车-->"输入当前登录用户的管理员密码"-- ...

  5. 26个Jquery使用小技巧

    下面列出了一些Jquery使用技巧.比如有禁止右键点击.隐藏搜索文本框文字.在新窗口中打开链接.检测浏览器.预加载图片.页面样式切换.所有列等高.动态控制页面字体大小.获得鼠标指针的X值Y值.验证元素 ...

  6. JavaWeb学习总结(七)—HttpServletRequest

    一.Request概述 request是Servlet.service()方法的一个参数,类型为javax.servlet.http.HttpServletRequest.在客户端发出每个请求时,服务 ...

  7. Mybatis3+Spring4+SpringMVC4 整合

    首先在整合这个框架的时候,想想其一般的步骤是怎样的,先有个步骤之后,不至于在后面的搞混了,这样在整合的时候也比较清晰些. 然后我们就细细的一步一步来整合. 1  创建一个Web项目. 2  导入Myb ...

  8. SqlServer_Sql防止注入

    注入式攻击的详细解释SQL下面我们将以一个简单的用户登陆为例,结合代码详细解释一下SQL注入式攻击,与及他的防范措施.对于一个简单的用户登陆可能的代码如下:try{ string strUserNam ...

  9. Css_Backgroud-position(背景图片)定位问题详解

    background-position的说明:    设置或检索对象的背景图像位置.必须先指定 background-image 属性.该属性定位不受对象的补丁属性( padding )设置影响.   ...

  10. 转!Java关键字final、static使用总结

    Java关键字final.static使用总结   一.final 根据程序上下文环境,Java关键字final有“这是无法改变的”或者“终态的”含义,它可以修饰非抽象类.非抽象类成员方法和变量.你可 ...