[jQuery] Lazy與Lazy Load

在這篇11個小於4K的好用jQuery外掛裡面，介紹了Lazy，它可以讓瀏覽器只下載有用到的jQuery外掛檔案，以減少HTTP request（請開啟範例網頁後，使用Firebug觀察網路）。用法是：

$.lazy('jquery.elastic.js','elastic');
$.lazy('jquery.validation.js','validate');
$.lazy('jquery.ajaxdotnet.js','ajaxDotNet');

// 照常使用外掛
$('textarea').elastic();

當然這類用途的外掛並不新穎，重點是Lazy非常地輕巧，只有不到1K的大小。

有意思的是在Google這個外掛的時候，另外發現了jEditable作者的另一個作品：Lazy Load（Image Lazy Loader）。它可以加速瀏覽器讀入整個網頁的速度，讓瀏覽器在顯示可視範圍內的圖片後，就算完成網頁的載入；當使用者拉動捲軸繼續瀏覽網頁的其他部份時，圖片才會依序載入。請直接看作者一目了然的範例。

可能的相關文章：

• [jQuery] 用Jeditable快速更新MySQL資料
• 解析jQuery Selectors的效能
• [jQuery] .ajax 在 IE7 中無法執行 success 函式
• [jQuery UI] 讓每個 Tab 擁有獨立網址

這篇文章發表於 April 25th, 2009 ，分類為：Webdev，並且加上了以下的標籤：HTTP request, jQuery, plugins。你可以訂閱這篇文章的回應：RSS 2.0，也歡迎發表你的意見，或者從你的網站 Trackback 過來。