• 关于JavaScript是否会阻塞图片加载


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

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

    <?php 
    //img.pgp
    file_put_contents("tmp.txt", __FILE__.'->'.__LINE__.' ->' .date("Ymd H:i:s")."
    ", 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:DOA_SVNPHPkkdian_pvwwwmain2.js.php->3 ->20140523 03:34:17
    C:DOA_SVNPHPkkdian_pvwwwmain1.js.php->3 ->20140523 03:34:19
    C:DOA_SVNPHPkkdian_pvwwwmainimg.php->3 ->20140523 03:34:19

    ie 10

    C:DOA_SVNPHPkkdian_pvwwwmainimg.php->3 ->20140523 03:33:20
    C:DOA_SVNPHPkkdian_pvwwwmain2.js.php->3 ->20140523 03:33:23
    C:DOA_SVNPHPkkdian_pvwwwmain1.js.php->3 ->20140523 03:33:25

    chrome 34.0.1847.137 m

    C:DOA_SVNPHPkkdian_pvwwwmainimg.php->3 ->20140523 03:34:46
    C:DOA_SVNPHPkkdian_pvwwwmain2.js.php->3 ->20140523 03:34:49
    C:DOA_SVNPHPkkdian_pvwwwmain1.js.php->3 ->20140523 03:34:51
    C:DOA_SVNPHPkkdian_pvwwwmainimg.php->3 ->20140523 03:34:51

    safari 5.1.7 windows

    C:DOA_SVNPHPkkdian_pvwwwmain2.js.php->3 ->20140523 03:36:50
    C:DOA_SVNPHPkkdian_pvwwwmain1.js.php->3 ->20140523 03:36:52
    C:DOA_SVNPHPkkdian_pvwwwmainimg.php->3 ->20140523 03:36:52

    结论:

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

  • 相关阅读:
    适配器模式
    快排变种
    美团面试问题
    gulp前端自动化构建工具新手入门篇
    javascript继承
    .call()和.apply()相同点与不同点
    JavaScript原型,原型链 !
    锚点链接和hash属性
    构造函数与普通函数的比较
    JS的作用域和作用域链
  • 原文地址:https://www.cnblogs.com/lein317/p/5067562.html
Copyright © 2020-2023  润新知