「ジャバスクリプト(javascript)の外部ファイル化」
ブログのカスタマイズ数が増えれば増えるほど
ぐちゃぐちゃになっていくテンプレのソース。
HTMLやCSSをほぼ独学で四苦八苦している素人があれこれいじるものだから
汚いし、長い。
ソースが長くなればページの読み込みにも時間がかかることになり
結果、訪問者の方にとってもストレスかかることになります。
(画像多かったりで他にも要因はあるんですが)
カスタマイズでかなり多くのjavascriptを導入しているので
javascriptのソースを簡素化するために外部ファイル化しました。
コメント絵文字やナビ折り畳みの長いソースが一行に短縮されたおかげで
「汚いソース」からちょっとましになって、「小汚いソース」になりました。
ぐちゃぐちゃになっていくテンプレのソース。
HTMLやCSSをほぼ独学で四苦八苦している素人があれこれいじるものだから
汚いし、長い。
ソースが長くなればページの読み込みにも時間がかかることになり
結果、訪問者の方にとってもストレスかかることになります。
(画像多かったりで他にも要因はあるんですが)
カスタマイズでかなり多くのjavascriptを導入しているので
javascriptのソースを簡素化するために外部ファイル化しました。
コメント絵文字やナビ折り畳みの長いソースが一行に短縮されたおかげで
「汚いソース」からちょっとましになって、「小汚いソース」になりました。
■外部ファイルを作る
外部ファイル化したいjavascriptの赤字以外のタグを
PC上の任意のテキストファイルにコピーします。
(例は画像をランダムに表示させるjavascript)
■■■は画像URLです
■外部ファイルの中身
外部ファイル内の記述は以下のみになり
ファイルの拡張子を「js」に変更して保存します。
■外部ファイルをアップロード
拡張子を「▲▲.js」とした外部ファイルをサーバーへアップロードします。
■外部ファイルを呼び出すタグ
アップロードしたファイルURLは相対パスでも絶対パスでもどちらでもOKです。
長〜いjavascriptのタグが、外部ファイル化することでたった一行になりました。
ジャバスクリプト(javascript)の外部ファイル化について(SEO対策ドットコムさま)
JavaScript 外部ファイルについて(JavaScript External Fileさま)
ハムスターブログに応援ありがとうございます
外部ファイル化したいjavascriptの赤字以外のタグを
PC上の任意のテキストファイルにコピーします。
(例は画像をランダムに表示させるjavascript)
<script language="JavaScript">
<!--
bbad=new Array();
bbad[0]='■■■';
bbad[1]='■■■';
bbad[2]='■■■';
i=Math.floor(Math.random()*bbad.length);
document.write(bbad[i]);
// -->
</script>
■■■は画像URLです
■外部ファイルの中身
外部ファイル内の記述は以下のみになり
ファイルの拡張子を「js」に変更して保存します。
bbad=new Array();
bbad[0]='■■■';
bbad[1]='■■■';
bbad[2]='■■■';
i=Math.floor(Math.random()*bbad.length);
document.write(bbad[i]);
■外部ファイルをアップロード
拡張子を「▲▲.js」とした外部ファイルをサーバーへアップロードします。
■外部ファイルを呼び出すタグ
<script type="text/javascript" src="http://●●●/▲▲.js"></script>
アップロードしたファイルURLは相対パスでも絶対パスでもどちらでもOKです。
長〜いjavascriptのタグが、外部ファイル化することでたった一行になりました。
ジャバスクリプト(javascript)の外部ファイル化について(SEO対策ドットコムさま)
JavaScript 外部ファイルについて(JavaScript External Fileさま)
![](http://hamster-santa.info/img/br.gif)
![](http://hamster-santa.info/img/face/orei.gif)