質問: ご質問お願い致します。 私が運営しているECサイトのページ上で複数のimg、JSファイルがページの表示速度を著しく遅くしているので、それらのファイルをロードさせないようにしたいと考えております。 変更出来る領域が限られているので、それらの重いファイルを変更及び削除する事は出来ません。 そこでJavascriptは使用出来るので、それらの重いファイルをロードさせないようにする事は可能でしょうか? --- 目的 ページの表示速度の高速化 環境 ・ECサイト(yahooショッピングなどのモールサイト) ・css、Javascriptを使用可能 ・サーバー側からの操作は不可。 重いファイルの中身 ・複数のimg ・使用していないjQueryのプラグイン 既に行っている対処 ・画像の遅延読み込み わかりにくい内容ではございますが何卒、ご教授お願い致します。
回答: `$(document).ready` の時点ではまだ画像のロードは行われていませんので、一応、 ``` $(function() { $("[対象の img タグ]").attr('src', "[差し替える画像 URL]"); }); ``` で、画像を差し替えることが可能だと思います。これで固定の小さいサイズの画像に差し替えてしまうとか。 jQuery プラグインの方は `` でリンクしてあるならば同じやり方で差し替えるのは難しいと思います。 たとえば、 ``` ``` とやっても、読み込まれて評価されるのは `a.js` のほうかと思います(Chrome で確認)