加载 Javascript 最佳实践
作者：sofish 来源：幸福收藏夹 发布时间：2011-01-16 18:29:00
相信很多与页面打过交道的同学都对 Yahoo 的 Best Practices for Speeding Up Your Web Site 不陌生。而这 35 条最佳实践中，对 Javascript 的加载顺序的要求是：Put Scripts at the Bottom。因为根据HTTP/1.1 specification 看来，在同一时间加载两个文件是最理想的，而 Javascript 脚本会阻碍平行下载。Steve 说那是 2008 – 2009 那个时代用的。现在，加载 Javascript 已经有了革命性的化变。
在开讲之前，有一个必须解决的问题是：为什么我们要把 JS 文件放在 </body> 之前的最底部。根本原因是，它不能平行下载。而其实并不是所有浏览器都不支持。现在大部分浏览器都支持 Script 的平行下载，除了老掉牙的 IE6&7、Firefox 2&3.0、 Safari 3、Chrome 1。但我们最熟悉的老掉牙同学 IE6 （或以IE为核的那些壳）还是中国（甚至世界上）市场上占用率最高的浏览器，因此我们需要一个折衷的方案。
一、分析
我们有6种方法可以实现平行（NON-Blocking）下载：
XHR Eval – 用 XHR 下载，并 eval() 执行 responseText.。
XHR Injection – 用 XHR 下载，在页面中动态创建一个 script 元素，并将 responseText 作为其 text 。
Script in Iframe – 把脚本放在 HTML 中，使用 ifame 来下载它。
Script DOM Element – 动态创建一个 script 元素，把 src 指向脚本URL.
Script Defer – 给 script 标添加 defer 属性
document.write Script Tag – 利用 document.write 把 <script src=""> 添加到 HTML 中。但这个只对 IE 有效。
兼容性可看下图：
0
投稿猜你喜欢
首先我很不喜欢验证码这东西。但现在越来越多的网站使用验证码来抵御spam的冲击。太揪心了。背景介绍验证码的技术叫CAPTCHA验证，CAPT- 其实我这样做的本意是为了防止盗链！大家帮忙看一下通过代码能够根治盗链！只要不是HTTP_REFERER来源于（google.com goog
- 注意：如果您尚未阅读过原来那篇老文章《悟透JavaScript》，请先行阅读该文，以了解上下文关系。在上面的示例中，我们定义了两个语法甘露，
- 不知道大家在做页面的时候会不会遇到样式定义不生效的问题，基本的表现就是怎么改样式都没显示或只有某些浏览器正常，这时通常需要做下面的几步：确认
- 做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。下面以 Tudou.com 的首页为例，总结总结。就制作而言，我
- 本文详细解说了MySQL Order By Rand()效率优化的方案，并给出了优化的思路过程，是篇不可多得的MySQL Order By
- 一、将PHP数组转换为JSON格式在PHP中，我们可以直接使用数组来存储数据。但是在JS中，数组通常以JSON（JavaScript Obj
- 如果一张表的数据达到上百万条，用游标的方法来删除简直是个噩梦，因为它会执行相当长的一段时间…… 开发人员的噩梦——删
- 和朋友讨论时，我提到过一个观点，所有框架层设计中，最核心的是导航设计。最近更看到有国外同行提出“80％的可用性是导航！”因为良好的导航可以保
- 对于个人网站来说，受到建站条件的制约，Access数据库成了广大个人网站站长的首选。然而，Access数据库本身存在很多安全隐患，攻击者一旦
- 很多朋友和我讨论了一些关于网站开发到底使用哪种语言最合适，尤其是到网站一定有一定流量的时候，到底那种web语言更适合做站呢，精灵这里根据自己
- MySQL使用环境变量TMPDIR的值作为保存临时文件的目录的路径名。如果未设置TMPDIR，MySQL将使用系统的默认值，通常为/tmp、
- 导语：排版是一门艺术，也是一门技巧。我们每天都能在报纸，书籍等各种媒介上看到排版，或精美，或丑陋。如何能在准确传递信息的同时，又能排出精美的
- asp压缩access数据库，具体asp代码见下： Class DatabaseTools &n
- eWebEditor在线HTML编辑助手是基于eWebEditor在线HTML编辑器的扩展工具。当您的电脑安装了eWebEditor在线HT
- 超酷的js图片轮换/轮播 渐变效果··来自腾讯刚刚在腾讯女性频道上看到一个很酷的图片渐变轮换效果·····于是乎····抠下来了···分享·
- 最近经常遇到xmlHttp组件的问题, 今天终于有空将解决过程中的经验整理下来了! ^o^一、在运用xmlhttp组件编
- 微软今天宣布正式发布SQL Server 2008服务器软件,这将帮助微软与Oracle 11g,IBM DB2 9.5数据库产品对抗.此前
- 这是一篇知识性的文档，主要目的是为了让Web缓存相关概念更容易被开发者理解并应用于实际的应用环境中。为了简要起见，某些实现方面的细节被简化或
- 各大著名厂家、公司的banner广告设计欣赏，尺寸468x60，gif格式！有acer，阿尔卡特，AMD，中国电信，爱立信，Greatwal
