关于JavaScript是否会阻塞图片加载
<?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是否会阻塞图片加载的更多相关文章
- [转]JavaScript实现 页面滚动图片加载
本文转自:http://www.cnblogs.com/Darren_code/archive/2011/07/21/LoadImage.html 又到了这个月的博客时间了,原计划是打算在这个月做一个 ...
- AntiModerate – 渐进式图片加载的 JavaScript 库
AntiModerate 是一个渐进式图片加载的 JavaScript 库.我们多数看到的图片显示模式,都是从上到下逐渐显示的,这是“标准式”图像:而有的图片是先出现一个很低分辨率的图像轮廓,类似加了 ...
- HTML5+javascript实现图片加载进度动画效果
在网上找资料的时候,看到网上有图片加载进度的效果,手痒就自己也写了一个. 图片加载完后,隐藏loading效果. 想看加载效果,请ctrel+F5强制刷新或者清理缓存. 效果预览: 0% // ...
- imagepool前端图片加载管理器(JavaScript图片连接池)
前言 imagepool是一款管理图片加载的JS工具,通过imagepool可以控制图片并发加载个数. 对于图片加载,最原始的方式就是直接写个img标签,比如:<img src="图片 ...
- 【转】js JavaScript 的性能优化:加载和执行
JavaScript 的性能优化:加载和执行 转自:https://www.ibm.com/developerworks/cn/web/1308_caiys_jsload/ 随着 Web2.0 技术的 ...
- 让document.write的广告无阻塞的加载
广告代码分析 很多第三方的广告系统都是使用document.write来加载广告,如下面的一个javascript的广告链接. 1 <script type="text/javascr ...
- Android 框架练成 教你打造高效的图片加载框架(转)
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/41874561,本文出自:[张鸿洋的博客] 1.概述 优秀的图片加载框架不要太多, ...
- iOS图片加载框架-SDWebImage解读
在iOS的图片加载框架中,SDWebImage可谓是占据大半壁江山.它支持从网络中下载且缓存图片,并设置图片到对应的UIImageView控件或者UIButton控件.在项目中使用SDWebImage ...
- nginx实现动态分离,解决css和js等图片加载问题
改帖专门为使用nginx,通过nginx把请求转发到web服务器再返回客户端的时候,解决css和js和图片加载不出来的问题. 如果没安装nginx,请访问一下地址进行安装 http://www.cnb ...
随机推荐
- GFS Google File System(中文翻译)
Google文件系统 GFS是一个可扩展的分布式文件系统,用于大型的.分布式的.对大量数据进行访问的应用.它运行于廉价的普通硬件上,但可以提供容错功能.它可以给大量的用户提供总体性能较高的服务. 1. ...
- 什么是Plist文件
直接将数据直接写在代码里面,不是一种合理的做法.如果数据经常改,就要经常翻开对应的代码进行修改,造成代码扩展性低 因此,可以考虑将经常变的数据放在文件中进行存储,程序启动后从文件中读取最新的数据.如果 ...
- 树状数组求逆序对:POJ 2299、3067
前几天开始看树状数组了,然后开始找题来刷. 首先是 POJ 2299 Ultra-QuickSort: http://poj.org/problem?id=2299 这题是指给你一个无序序列,只能交换 ...
- 【服务器防护】iptables 配置详解(非常棒的案例)
一. iptables 基本命令使用举例 链的基本操作 1.清除所有的规则.1)清除预设表filter中所有规则链中的规则.# iptables -F2)清除预设表filter中使用者自定链中的规则. ...
- Android控件之RadioGroup与RadioButton(单选控件)
一.RadioGroup与RadioButton 1.什么是RadioGroup: RadioButton的一个集合,提供多选机制 2.什么是RadioButton: RadioButton包裹在Ra ...
- Sqlserver_自定义函数操作
use Test go if exists( SELECT * FROM sys.objects WHERE object_id = OBJECT_ID(N'gettime') AND type in ...
- Jni碰到的一个异常
Java与C++都有String对象,而c没有,只有char类型,所以在向C传入String类型的时候,如何处理需要注意一点 jstring Java_com_skymaster_hs_test4_M ...
- <转>java 快速查找
[Ct rl+T] 搜索当前接口的实现类 1. [ALT +/] 此快捷键为用户编辑的好帮手,能为用户提供内容的辅助,不要为记不全方法和属性名称犯愁,当记不全类.方法和属性的名字时,多体验一下[ ...
- Cache模拟器(CacheSim)
最近写了一个Cache的模拟器,由于平时空余时间比较分散,前前后后用了一周多的时间,基本实现的Cache的模拟功能(通过读取trace文件得到相应的命中率),能够实现直接映射.全相联.组相联三种 ...
- location.pathname;outline:medium;undefined不能加引号
1. location.pathname -- 返回URL的域名后的部分.例如 http://www.dreamdu.com/xhtml/ 返回/xhtml/ 2. 判断某个名称为undefined时 ...