Javascriptで特定のimg,JSファイルを読み込ませない方法を教えて下さい。

Question

ご質問お願い致します。

私が運営しているECサイトのページ上で複数のimg、JSファイルがページの表示速度を著しく遅くしているので、それらのファイルをロードさせないようにしたいと考えております。
変更出来る領域が限られているので、それらの重いファイルを変更及び削除する事は出来ません。

そこでJavascriptは使用出来るので、それらの重いファイルをロードさせないようにする事は可能でしょうか？

---

目的
ページの表示速度の高速化

環境
・ECサイト（モールサイト）
・css、Javascriptを使用可能

重いファイルの中身
・複数のimg
・使用していないjQueryのプラグイン

わかりにくい内容ではございますが何卒、ご教授お願い致します。

Answer 1

興味深い課題ですね。
まず前提として「私が運営しているECサイト」ではあるが「複数のimg、JSファイル」を読み込んでいるページは質問者さんご自身で編集管理しているのではない、ということでよろしいでしょうか。
つまり、サーバーそのものの管理権はあるが、コンテンツの管理権は持っていない、という状況という条件で可能な方法を考えてみました。

もし問題になっている「複数のimg、JSファイル」を読み込んでいるページ（HTMLファイル）と、それらのimgやJSファイルのすべてが、質問者さんが管理されているサーバーから配信されているものでしたら、一連のHTTP-GETリクエストを解析して特定のHTMLファイルに続くimgやjsファイルのGET要求に404などの適当なエラーを返す、という方法が考えられますね。これで「それらのファイルをロードさせない」という当初の目的は達成できると思います。

そうではなく、問題のページ（HTMLファイル）は質問者さん管理のサーバーから配信しているが、imgやJSは別の（他者が管理している）サーバーから配信されているということでしたら、HTMLファイルのGETのレスポンスをハイジャックして、問題になる<img>や<script>タグを改ざんするという方法が考えられます。ただし、この方法は質問者さんとコンテンツのオーナーさんとの契約条件によっては、法的な問題が発生する可能性が高いので、実際にそうするかどうかを決める前に弁護士等に相談されることをお勧めします。

いずれにしても、これらのimgやJSファイルが読み込まれるのを阻止した場合でも、当該のWebページが本来の存在意義を失わない、ということが前提条件として必要だと思います。

何かが解決できる回答ではないと思いますが、ご参考になれば。

Comments

[akky-cha]

tkanda 様
ご回答ありがとうございます。

＞ページは質問者さんご自身で編集管理しているのではない、ということでよろしいでしょうか。
はい、ページの中の一部のみ編集が可能でございます。
またサーバーの管理権は持っていませんので、1つ目のご提案は対応出来ないかと思います。

2つ目にご提案頂いた件ですが、Javascriptで出来る範囲で具体的な方法をご教授頂けないでしょうか？

宜しくお願い致します。

Answer 2

解決しました。ありがとうございます。

Comments

[tkanda]

どのように解決したのか、可能でしたら教えていただきたいです。

Answer 3

使わないJSファイルやサイズの大きいイメージファイルを取得することは動的ページをすべてカバすることがより難しいんだど思います。

考え方を変えてその逆の方法を探るのがより簡単かもしれません。

参考までに以下の方法を追記します。

• CSS、JS、imgなどはキャッシュを使うことで速度を上げる方法もあります。
• イメージなどは遅延ロードすることで速度上昇可能です。

Comments

[akky-cha]

JinwonKim 様
ご回答ありがとうございます。

＞CSS、JS、imgなどはキャッシュを使うことで速度を上げる方法もあります。
サーバー側の操作が出来ない為、キャッシュ操作は難しいかと思います。もしJavascriptでimgやJSファイルをキャッシュさせる方法がございましたらご教授お願いします。

＞イメージなどは遅延ロードすることで速度上昇可能です。
重いimgファイルは、CSSで非表示にさせているので遅延ロードであっても読み込ませたくないと考えております。

宜しくお願い致します。