预加载就是页面打开，图片什么的都加载好了优先显示图片延迟加载优先显示别的，等别的显示完了，再加载图片优先显示其他东西各有所需，看你的用户需要优先看什么。

lazyloadjs 延迟加载效果是为了快速展现页面图片，比如很多屏的图片，文件比较大，这个插件目的不是为了节省服务器资源，而是为了浏览体验，如果你拉动到底部，其实也是一样的消耗服务器资源是有选择性的请求图片，很多人曲解了这个意思，其实插件并没有给你节约带宽，而是腾出来给视觉区域的图片有很多图。

Firefox36Opera 105IE 9和 最新的Chrome 和 Safari 都支持 async 属性可以同时使用 async 和 defer，这样IE 4之后的所有IE 都支持异步加载3动态创建DOM方式 使用的最多 function downloadJSAtOnload var element = documentcreateElementquotscriptquot elementsrc = quotdeferjsquot。

将JS切分成许多模块，页面初始化时只加载需要立即执行的JS，然后其它JS的加载延迟到第一次需要用到的时候再加载类似图片的延迟加载JS的加载分为两个部分下载和执行异步加载只是解决了下载的问题，但是代码在下载完成后就会立即执行，在执行过程中浏览器处于阻塞状态，响应不了任何需求解决思路为了解决JS延迟加载。

1延迟加载js代码 复制代码 代码如下 setTimeout“documentgetElementById‘my#39src=#39includephp100php#39“，3000延时3秒 这样通过延迟加载js代码，给网页加载留出更多的时间2js最后加载方案一 在需要插入JS的地方插入以下代码程序代码 复制代码 代码如下LOADING 当然，那个LOAD。

当前屏时，提前加载下一屏的图不需要在图片onload时才去设置src。

意思应该是延迟加载，延迟加载主要是因为一次加载图片过多会导致网络请求过多，性能下降所以才有延迟加载这一说主要思路在HTML引入图片是，不要用src直接引入图片路径，定一个_src私有属性存储图片路径当页面加载时，先加载可视区的图片，即将私有属性_src 修改为src下面是思路的代码实现 *。

JS延迟加载的方式主要包括异步加载async动态导入dynamic import延迟执行脚本使用windowsetTimeout使用第三方库等解释异步加载async这是HTML5引入的一种脚本加载方式当浏览器遇到带有async属性的脚本时，它会异步加载并执行脚本，这意味着脚本的加载不会阻止页面的渲染这种。

使用lazyloadjs使用方法如下var jsfiles = #39$webjszeptojs#39，#39$webjsindexjs？v=2014_01#39，#39$webjsjson2js#39，#39$webjsmyjs#39LazyLoadjsjsfiles， function。

在JavaScript中，实现延迟加载的方式通常使用setTimeout函数或setInterval函数使用setTimeout函数延迟加载时，可以设置一个定时器来延迟加载js文件使用setInterval函数延迟加载时，可以通过循环不断地请求资源，直到资源加载完成此外，还可以使用jQuery的$ajaxSetup方法来设置全局的Ajax请求。

JS延迟加载，也就是等页面加载完成之后再加载JavaScript文件JS延迟加载有助于提高页面加载速度一般有以下几种方式defer属性，async属性，动态创建DOM方式，使用jQuery的getScript方法使用setTimeout延迟方法，让JS最后加载HTML称为超文本标记语言，是一种标识性的语言它包括一系列标签，通过这些标签。

在script标签内，用js创建一个script元素并插入到document中，这种就是异步加载js文件了同步加载流程是瀑布模型，异步加载流程是并发模型三延迟加载lazy loading前面解决了异步加载async loading问题，再谈谈什么是延迟加载延迟加载有些 js 代码并不是页面初始化的时候就立刻需要的，而稍后。

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式 用户滚动到它们之前，可视区域外的图像不会加载这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快在某些情况下，它还可以帮助减少服务器负载常适用图片很多，页面很长的电商网站场景中首先将页面上。

datajs文件是一个脚本文件，网页需要打开脚本文件可以通过src属性引入。

javascript给img节点添加一个事件句柄onload，等到图片加载完了就会知道执行这个onload事件例如。

是可以有的，主要是看你js代码设计结构，因为像datasrc等这类属性是html5，主要的应用是在延迟加载，把图片延迟加载，当浏览到的时候读取datasrc，然后他就自动引导到src这个属性，大概是这个意思，可以直接用js读取到它的值，至于你说的为什么不行，没代码不好说。

通过setTimeout函数调用如下setTimeout functionadd your code， 5 * 1000 延迟5000毫米 setTimeout 的第一个参数是含有 JavaScript 语句的字符串这个语句可能诸如 quotalert#395 seconds！#39quot，或者对函数的调用，诸如 alertMsgquot第二个参数指示从当前起多少毫秒后执行第一个。