magento的速度是令人頭疼的問題，我現在介紹一種前端的加速方法。說到lazyload,相信很多人都不陌生，現在很多**都已經用到這個技術，他可以延遲載入長頁面的。對於magento這樣的****的加速就很明顯了。我今天說的這個lazyload是經過popo 改造的（強逼我給他加外連……）。下面我放一些測試的資料，我正在做的乙個**的列表頁。
很明顯的就能看出差距。接下來寫下用法：
首先加上jquery,lazyload兩段js。
lazyload：
view plain
copy to clipboard
print?
( function ($);
if (options)
/*fireonescrolleventperscroll.notonescrolleventperimage.*/
var elements= this ;
if ( "scroll" ==settings.event)else
if (!$.belowthefold( this ,settings)&&
!$.rightoffold(this ,settings))else
} });
/*removeimagefromarraysoitisnotloopednexttime.*/
var temp=$.grep(elements, function (element));
elements=$(temp);
});
} this .each( function ())
.attr("src" ,$(self).attr( "original" ));
}; });
/*whenwantedeventistriggeredloadoriginalimage*/
if ( "scroll" !=settings.event)
});
} });
$(settings.container).trigger(settings.event);
return
this ;
}; /*conveniencemethodsinjquerynamespace.*/
/*useas$.belowthefold(element,)*/
$.belowthefold=function (element,settings)else
return fold<=$(element).offset().top-settings.threshold;
}; $.rightoffold=function (element,settings)else
return fold<=$(element).offset().left-settings.threshold;};$.abovethetop= function (element,settings) else return fold>=$(element).offset().top+settings.threshold+$(element).height();
}; $.leftofbegin=function (element,settings)else
return fold>=$(element).offset().left+settings.threshold+$(element).width();
}; /*customselectorsforyourconvenience.*/
/*useas$("img:below-the-fold").something()*/
$.extend($.expr[':' ],)" ,
"above-the-fold" : "!$.belowthefold(a,)" ,
"right-of-fold" : "$.rightoffold(a,)" ,
"left-of-fold" : "!$.rightoffold(a,)"
});
$(function ());
});
})(jquery);
然後修改的路徑
例如：修改為
後面這個src裡的是乙個1畫素的透明gif。
這樣就可以了，有興趣的可以嘗試下。
Magento加速利器 lazyload
magento的速度是令人頭疼的問題，我現在介紹一種前端的加速方法。說到lazyload,相信很多人都不陌生，現在很多 都已經用到這個技術，他可以延遲載入長頁面的。對於magento這樣的 的加速就很明顯了。我今天說的這個lazyload是經過popo改造的 強逼我給他加外連 下面我放一些測試的資料...
330425 01 00本特利內華達加速度計
330425 01 00本特利內華達加速度計 330425 01 00加速度感測器應用於要求對殼體加速度進行測量的關鍵機械，如齒輪嚙合監測。330400 的設計滿足美國石油協會標準 670 對加速度計的要求。它提供 50 g 峰值的振幅和 100 mv g 的靈敏度。330425 與 330400 ...
magento新增confirm email驗證
2012 5 26更新為 編輯prototype validation.js 新增 validate cemail please make sure your email matches.function v validate cemail是html中標籤的class，checkemail 是在另外...