一般有以下幾種方式：
成都一家集口碑和實力的網站建設服務商，擁有專業(yè)的企業(yè)建站團隊和靠譜的建站技術，十多年企業(yè)及個人網站建設經驗 ,為成都上千客戶提供網頁設計制作,網站開發(fā),企業(yè)網站制作建設等服務,包括成都營銷型網站建設，品牌網站設計，同時也為不同行業(yè)的客戶提供網站設計、網站建設的服務,包括成都電商型網站制作建設,裝修行業(yè)網站制作建設，傳統(tǒng)機械行業(yè)網站建設,傳統(tǒng)農業(yè)行業(yè)網站制作建設。在成都做網站,選網站制作建設服務商就選創(chuàng)新互聯。
defer 屬性
HTML 4.01 為 script標簽定義了 defer屬性。
用途：表明腳本在執(zhí)行時不會影響頁面的構造。也就是說，腳本會被延遲到整個頁面都解析完畢之后再執(zhí)行。
在script 元素中設置 defer 屬性，等于告訴瀏覽器立即下載，但延遲執(zhí)行。
!DOCTYPE?htmlhtmlheadscript?src="test1.js"?defer="defer"/scriptscript?src="test2.js"?defer="defer"/script/headbody?!--?這里放內容?--?/body/html? ?
說明：雖然script 元素放在了head元素中，但包含的腳本將延遲瀏覽器遇到/html標簽后再執(zhí)行。
HTML5規(guī)范要求腳本按照它們出現的先后順序執(zhí)行。在現實當中，延遲腳本并不一定會按照順序執(zhí)行。
defer屬性只適用于外部腳本文件。支持 HTML5 的實現會忽略嵌入腳本設置的 defer屬性。
2. async 屬性
HTML5 為 script標簽定義了 async屬性。與defer屬性類似，都用于改變處理腳本的行為。同樣，只適用于外部腳本文件。
目的：不讓頁面等待腳本下載和執(zhí)行，從而異步加載頁面其他內容。
異步腳本一定會在頁面 load 事件前執(zhí)行。
不能保證腳本會按順序執(zhí)行。
!DOCTYPE?htmlhtmlhead?script?src="test1.js"?async/scriptscript?src="test2.js"?async/script?/headbody?!--?這里放內容?--?/body/html? ?
4.使用jQuery的getScript()方法
$.getScript("outer.js",function(){//回調函數，成功獲取文件后執(zhí)行的函數??
console.log("腳本加載完成")??
});
5.使用setTimeout延遲方法
6.讓JS最后加載
把js外部引入的文件放到頁面底部，來讓js最后引入，從而加快頁面加載速度
by三人行慕課
云聯中國可以負責任的告訴你，你給的財富值太少了！
1.不用說了，肯定是導入JS插件
script src=”jquery.js” type=”text/javascript”/script
script src=”jquery.lazyload.js” type=”text/javascript”/script
在你的頁面中加入如下的javascript：
script type=”text/javascript” charset=”utf-8″
$(function() {
$(“img.lazy”).lazyload();
});
/script
2.如果想提載入圖片，可以使用 threshold 進行設置，下例的含義是：在圖片距離屏幕180px時提前載入
$(“img.lazy”).lazyload({ threshold :180});
可以自定義一個簡單的淺色或灰色系的小圖片（越小越好，1*1px最佳，格式推薦采用gif）作為占位圖片來觸發(fā)加載動作。
事件觸發(fā)可以是jQuery的任何事件（如click、mouseover），還可以使用自己定義的事件。
例如：處于等待狀態(tài), 直到瀏覽者滾動到窗口中圖片所在位置，在占位圖片被點擊之前不加載圖片, 可以這樣做:
$(“img”).lazyload({
placeholder : “img/grey.gif”,
event : “click”
});
3.當圖片完全加載的時候，默認使用show()方法來顯示圖片，所以，上面的那個基本設置示例中未寫出show(),但是可以照常運行。
圖片淡入（FadeIn）效果$(“img.lazy”).lazyload({
effect : “fadeIn”
});
Lazyload圖片淡入效果演示
將圖片放在特定容器中
先看示例：水平滾動演示頁面和垂直滾動的演示頁面
CSS部分示例
#container {
height: 600px;
overflow: scroll;
}
js部分示例
$(“img.lazy”).lazyload({
container: $(“#container”)
});
圖片未按順序排列的情況
滾動頁面的時候，Lazyload會按照在HTML代碼中的順序先后可視范圍內的加載圖片，在第一張不在可視范圍內的圖片處停止執(zhí)行，但是在某些頁面布局中，這種聰明的假設可能是不成立的，那么可以用failurelimit來控制加載動作：
$(“img.lazy”).lazyload({
failure_limit : 10
});
上面的意思是：在找到10張不在可視范圍內的圖片時停止執(zhí)行。額，好吧，如果你的頁面布局猥瑣到10不足以滿足的時候，那就再大一些吧。
Lazyload定時延遲圖片載入
Lazyload的一個并不完備的功能，并不影響使用，但是實際用途并不大！用途描述：在頁面和可見圖片載入后一定時間內載入圖片。Lazyload定時延遲圖片載入示例
$(function() {
$(“img:below-the-fold”).lazyload({
event : “sporty”
});
});
$(window).bind(“l(fā)oad”, function() {
var timeout = setTimeout(function() {$(“img.lazy”).trigger(“sporty”)}, 5000);
});
上例中采用的參數或者說定時是5秒。
加載隱藏的圖片
你的頁面上可能隱藏了很多不可見的圖片用作特殊用途，Lazyload默認是忽略這些圖片的，如果不想忽略掉，可以這樣：
$(“img.lazy”).lazyload({
skip_invisible : false
});
你看到這篇文章時可能有更新的版本了，請百度搜索Lazyload了解更多！如果這則經驗通過了，希望大家能夠為我補充一下不足之處！謝謝。
兼容于：OSX平臺： Safari 5.1, Safari 6, Chrome 20, Firefox 12
WIN平臺：Chrome 20, IE 8 and IE 9 on Windows
iPhone和 iPad上：Safari 5.1
jquery是在html文檔加載完才執(zhí)行的，如果網頁上圖片過多，沒有下載完的話是無法加載效果的。
延遲加載一般是根據當前滾動條的位置來決定何時加載圖片。
所以個人覺得，在做圖片延遲加載時，不建議直接對img直接篩選
針對主要內容區(qū)域進行延遲加載就可以了。
例如 $("#Containter img").lazyload()
這樣做的目的就是合理避開你需要滾動的地方
$(document).ready(function()?{????????????
$(".mainbox").hover(function()?{????????????????
t?=?setTimeout(function()?{????????????????????
//這里寫你的AJAX請求????????????????
},?3000);????????????
},function()?{???????????????????
clearTimeout(t);???????????????
});????????
});
1、把js的代碼放在body里面，最好是放在頁面最后的位置，而不是放在head里面。這樣整個頁面加載結束的時候才會加載到js。
2、你可以使用js函數動態(tài)的修改頁面，加載js。下面附上兩個函數，可以用來加載js或者css。
/*Title : 包含其它 js 文件。
* Description : 將其它 Js 文件引入本文件中，方便管理、維護。*/
function include_js(path) {
var sobj = document.createElement('script');
sobj.type = "text/javascript";
sobj.src = path;
var headobj = document.getElementsByTagName('head')[0];
headobj.appendChild(sobj);
}
/* Title : 包含其它 css 文件。
* Description : 將其它 css 文件引入本文件中，方便管理、維護。 */
function include_css(path) {
var fileref = document.createElement("link")
fileref.rel = "stylesheet";
fileref.type = "text/css";
fileref.href = path;
}
3、利用ajax加載js。
重慶分公司
重慶分公司
