製品画像のデフォルトの遅延読み込みが発生しないようにするバリエーションでサイトを分割テストしようとしています。代わりに、画像をいつ読み込むかをユーザーが制御できる「さらに読み込む」ボタンを表示します。これはテストページです: http://www.dunelm.com/category/home-and-furniture/bedding/bedding-sets
問題は、サイトが簡単にアクセスできる遅延ロード用のプラグインを使用していないように見えることです。Chrome Dev Tools のネットワーク タブから、AJAX 呼び出しを開始するコード行を確認できますが、これは縮小されたメインの JavaScript ファイルの一部であり、かなり複雑です。これはオーバーライドすることさえ可能ですか?
( http://www.dunelm.com/wcsstore/public/js/main.min.js行 3,863):
et.ajaxTransport(function(e) {
var t;
return Q.cors || Li && !e.crossDomain ? {
send: function(i, n) {
var s, o = e.xhr(), r = ++Pi;
if (o.open(e.type, e.url, e.async, e.username, e.password),
e.xhrFields)
for (s in e.xhrFields)
o[s] = e.xhrFields[s];
e.mimeType && o.overrideMimeType && o.overrideMimeType(e.mimeType),
e.crossDomain || i["X-Requested-With"] || (i["X-Requested-With"] = "XMLHttpRequest");
for (s in i)
o.setRequestHeader(s, i[s]);
t = function(e) {
return function() {
t && (delete Ai[r],
t = o.onload = o.onerror = null ,
"abort" === e ? o.abort() : "error" === e ? n(o.status, o.statusText) : n(Di[o.status] || o.status, o.statusText, "string" == typeof o.responseText ? {
text: o.responseText
} : void 0, o.getAllResponseHeaders()))
}
}
,
o.onload = t(),
o.onerror = t("error"),
t = Ai[r] = t("abort"),
o.send(e.hasContent && e.data || null )
},
abort: function() {
t && t()
}
} : void 0
}