JavaScript元素type属性达到预加载但不执行的效果

lifaming15

于 2012-03-27 21:57:00 发布

阅读量108

点赞数

文章标签： javascript ViewUI

本文介绍了一种通过将JavaScript文件类型设置为'text/cache'来实现文件预加载但不执行的方法，以此达到优化网页加载速度的目的。该技巧适用于需要预加载但暂时不需要执行的JavaScript资源。

我们经常使用动态创建 JavaScript 的方式来实现 JavaScript 文件的无阻塞（Non-blocking）、并行下载（Parallel ）。其实还可以添加自定义的 type 属性（比如 text/cache），达到预加载但不执行的效果：
var doc = document,
el = doc.createElement("script"),
head = doc.getElementsByTagName(''head'')[0];
el.src = "http://yui.yahooapis.com/2.8.2r1/build/yahoo-dom-event/yahoo-dom-event.js";
el.type = "text/cache";
head.insertBefore(el, head.firstChild);
注：Firefox 3.6.x 不请求 JavaScript 文件。
扩展阅读：
《Preload CSS/JavaScript without execution》
《Preloading JS and CSS as Print Stylesheets》