延迟加载JavaScript

 1 function downloadJSAtOnload() {
 2     var element = document.createElement("script");
 3     element.src = "defer.js";
 4     document.body.appendChild(element);
 5 }
 6 if (window.addEventListener)
 7     window.addEventListener("load", downloadJSAtOnload, false);
 8 else if (window.attachEvent)
 9     window.attachEvent("onload", downloadJSAtOnload);
10 else window.onload = downloadJSAtOnload;
时间: 2024-12-28 17:47:51

延迟加载JavaScript的相关文章

setTimeout延迟加载javascript

应用场景:当需要延迟加载该数据时,则可以使用setTimeout(). 意思:用于在指定的毫秒数后调用函数或计算表达式. 示例1: var t=setTimeout("alert('5 seconds!')",5000); 示例2:一个简单的计时操作: <head> <script type="text/javascript"> var c=0 var t function timedCount() { document.getElement

Echo.js 简单易用的图片延迟加载JavaScript插件

无需第三方库,引入echo.js即可.. 使用html5的data属性.. 支持IE8+ Example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&quo

延迟加载Javascript/CSS工具:LazyLoad

什么是LazyLoad LazyLoad是一个很小的,压缩后1.5kb(未使用Gzip压缩).不依赖的JavaScript实用程序,它使根据需要加载外部JavaScript和CSS文件变得超级容易. 只要有可能,LazyLoad将自动并行加载资源,同时在指定要加载的url数组时确保执行顺序.在不保留异步加载脚本的执行顺序的浏览器中,LazyLoad将安全地按顺序加载脚本. 所有浏览器都支持并行加载CSS.然而,目前只有Firefox和Opera支持并行脚本加载,同时保持执行顺序.为了确保脚本始终

简单的JavaScript图像延迟加载库Echo.js

插件描述:和 Lazy Load 一样,Echo.js 也是一个用于图像延迟加载 JavaScript.不同的是 Lazy Load 是基于 jQuery 的插件,而 Echo.js 不依赖于 jQuery 或其他 JavaScript 库,可独立使用.并且 Echo.js 非常小巧,压缩后不足 1KB. 兼容性 Echo.js 使用了 HTML5 的 date 属性,并且需要获取该属性的值,所以它并不兼容 IE6.IE7.虽然 Lazy Load 也使用了 HTML5 的 date 属性,但它

移除阻止呈现的JavaScript

个人原创网址:  http://www.phpthinking.com/archives/443 浏览器必须先解析网页,然后才能将其呈现给用户.如果浏览器在解析过程中遇到系统阻止的外部脚本,必须停止解析并且下载该JavaScript.每次遇到这种情况时,浏览器都会增加一个网络往返过程,这样就会导致首次呈现网页的时间延迟. 建议 建议您以内嵌方式处理呈现首屏区域所需的JavaScript,并让为网页添加其他功能所需的JavaScript延迟加载,直到首屏内容发送完毕为止.请注意,要通过这种方式缩短

Web性能优化系列(3):如何延迟加载JS

本文由 伯乐在线 - J.c 翻译,sunbiaobiao 校稿.未经许可,禁止转载!英文出处:www.feedthebot.com.欢迎加入翻译小组. 延迟加载JavaScript JavaScript的延迟加载是那些在web上,能让你想抓狂地去寻找解决方案的问题之一. 很多人说“那就用defer”或“async”,甚至有些人说“那就将你的javascript代码放在页面代码底部”. 上述方法都不能解决在web页面完全加载后,再加载外部js的问题.上述方法也会偶尔让你收到Google页面速度测

How Javascript works (Javascript工作原理) (十四) 解析,语法抽象树及最小化解析时间的 5 条小技巧

个人总结:读完这篇文章需要15分钟,文章介绍了抽象语法树与js引擎解析这些语法树的过程,提到了懒解析--即转换为AST的过程中不直接进入函数体解析,当这个函数体需要执行的时候才进行相应转换.(因为有的函数体只是声明了,并没有实际被调用) 解析,语法抽象树及最小化解析时间的 5 条小技巧 这是 JavaScript 工作原理的第十四章. 概述 我们都知道运行一大段 JavaScript 代码性能会变得很糟糕.代码不仅仅需要在网络中传输而且还需要解析,编译为字节码,最后运行.之前的文章讨论了诸如 J

如何延迟加载

js的延迟加载有助与提高页面的加载速度,以下是延迟加载的几种方法: 1.使用setTimeout延迟方法的加载时间 延迟加载js代码,给网页加载留出更多时间 ? 1 2 3 4 5 6 7 8 9 10 <script type="text/javascript" >   function A(){     $.post("/lord/login",{name:username,pwd:password},function(){       alert(

IPTV中的EPG前端优化

先看一下IPTV相关情况: l 目前TPTV市场情况 a) 截止今年2月,全国IPTV总用户数达3630.2万,我国移动互联网用户规模接近9亿,人均月接入量近300M,8M宽带达半数,光纤近4成. 图 1我国整体数字电视转换情况 图 2各省数字电视用户规模及有线数字化程度 b) 今年 3 月通信业经济运行情况显示,三家基础电信企业电信业务总量完成1810.1 亿元,同比增长 22.7%,比同期增速高 7.7 个百分点: l 中国目前市场上电信IPTV机顶盒主要有:[标清]:华为.中兴.长虹.UT