スポンサーサイト
2008年08月22日 (金)
05:22
BLOG表示高速化作戦 その1
いろいろカスタマイズしていると、どうしても表示が重くなりがち(;´･д･)(･д･`;)ﾈｰ
少しでも表示を早くしようと、高速化作戦を実施。その1です。
早くしたいなら、ごちゃごちゃとカスタマイズしないのが一番なんて言わないでね＾＾；
まずは、カスタマイズでheadタグ内、bodyタグ内に追加したJavascriptを外部ファイル化してみました。
外部ファイル化すると、JavaScript外部ファイルがパソコン内にキャッシュされるので、
テンプレートにJavaScriptが直接記述されているよりも読み込みが格段と早くなり、
サーバーへの負担も軽くなり、高速化に期待ができます。
ただし、カスタマイズ上、テンプレートに直接書かれている方が便利なJavaScriptは外部ファイル化していません。
カスタマイズが落ち着いたところで、外部ファイル化しようと思っています。
で、この対策を行う前後で速度を計測してみました。
計測に利用したツールは、
「ダウンロード時間の無料測定ツール - ダウンロードTIMER」です。
ページのダウンロード時間を測定したいウェブページのアドレスを入力して送信ボタンを押すと、
おおよそのページダウンロード時間を計測してくれます。
下表がその結果。
低速モデム〜ISDNでは大きな変化は見られませんでしたが、
T1回線では0.5秒の改善が得られました。
このツールは実際の速度を計測しているのではなく、
画像、HTMLなどのファイルの総バイト数からダウンロード時間を算出しているようなので実測値とは異なりますが、
ADSLや光回線などの高速回線では大きな改善が期待できることが分かりました。
体感速度、速くなった様な気がするんですが、
どうですかね？ｗ
この次の高速化作戦は、”脱テーブルタグを使用したページレイアウト”です。
テーブルタグを使用してページ作成するのは、レイアウトし易く便利ですが、
反面、テーブルの入れ子になったりしてHTMLが複雑になり、総容量も当然増えます。
また、テーブルタグはテーブルの中のものが全て読み込まれるまで表示されないという特性を持っているため、テーブルの入れ子が多いと、表示速度が愕然と下がります。
テンプレートの作者様には申し訳ないですが、この点を改善したいと思います。
少しでも表示を早くしようと、高速化作戦を実施。その1です。
早くしたいなら、ごちゃごちゃとカスタマイズしないのが一番なんて言わないでね＾＾；
まずは、カスタマイズでheadタグ内、bodyタグ内に追加したJavascriptを外部ファイル化してみました。
外部ファイル化すると、JavaScript外部ファイルがパソコン内にキャッシュされるので、
テンプレートにJavaScriptが直接記述されているよりも読み込みが格段と早くなり、
サーバーへの負担も軽くなり、高速化に期待ができます。
ただし、カスタマイズ上、テンプレートに直接書かれている方が便利なJavaScriptは外部ファイル化していません。
カスタマイズが落ち着いたところで、外部ファイル化しようと思っています。
で、この対策を行う前後で速度を計測してみました。
計測に利用したツールは、
「ダウンロード時間の無料測定ツール - ダウンロードTIMER」です。
ページのダウンロード時間を測定したいウェブページのアドレスを入力して送信ボタンを押すと、
おおよそのページダウンロード時間を計測してくれます。
下表がその結果。
|
|
低速モデム〜ISDNでは大きな変化は見られませんでしたが、
T1回線では0.5秒の改善が得られました。
このツールは実際の速度を計測しているのではなく、
画像、HTMLなどのファイルの総バイト数からダウンロード時間を算出しているようなので実測値とは異なりますが、
ADSLや光回線などの高速回線では大きな改善が期待できることが分かりました。
体感速度、速くなった様な気がするんですが、
どうですかね？ｗ
この次の高速化作戦は、”脱テーブルタグを使用したページレイアウト”です。
テーブルタグを使用してページ作成するのは、レイアウトし易く便利ですが、
反面、テーブルの入れ子になったりしてHTMLが複雑になり、総容量も当然増えます。
また、テーブルタグはテーブルの中のものが全て読み込まれるまで表示されないという特性を持っているため、テーブルの入れ子が多いと、表示速度が愕然と下がります。
テンプレートの作者様には申し訳ないですが、この点を改善したいと思います。
JavaScript外部ファイル化手順メモ
�．謄鵐廛譟璽斑罎�JavaScript部分を切り出す。
�∪擇蟒个靴�JavaScriptから、JavaScriptの宣言やコメント部分を削除。
必要に応じて、スクリプト中の//コメントを<-- 〜 -->でコメントアウト。
�３板セ辧�.js”でファイル保存。
�ぅ侫．ぅ襪離▲奪廛蹇璽謬’修妊機璽个乏杏凜侫．ぅ襪鬟▲奪廛蹇璽鼻�
�ダ擇蟒个靴辛�分に、外部ファイルを読み込むスクリプトを追記。
�．謄鵐廛譟璽斑罎�JavaScript部分を切り出す。
�∪擇蟒个靴�JavaScriptから、JavaScriptの宣言やコメント部分を削除。
こういう部分を削除。<script language="JavaScript">
<!--
// -->
</script>
必要に応じて、スクリプト中の//コメントを<-- 〜 -->でコメントアウト。
�３板セ辧�.js”でファイル保存。
�ぅ侫．ぅ襪離▲奪廛蹇璽謬’修妊機璽个乏杏凜侫．ぅ襪鬟▲奪廛蹇璽鼻�
�ダ擇蟒个靴辛�分に、外部ファイルを読み込むスクリプトを追記。
ex.
<script src="http://blog-imgs-30.fc2.com/t/i/g/tigerwoos/new_mark.js" type="text/javascript"></script>
(0)
COMMENT
おぉ！ by マツタカ
確かにいつもより開かれるのが速かったです（笑）
>マツタカさん by Tigerうっす
ほんとに！？（むふ）
最初の表示には今までと同様だと思うのですが、
２回目以降は少しは早くなるんじゃないかなっと[ひょえ]
最初の表示には今までと同様だと思うのですが、
２回目以降は少しは早くなるんじゃないかなっと[ひょえ]
COMMENT
ほんとに！？（むふ）
最初の表示には今までと同様だと思うのですが、
２回目以降は少しは早くなるんじゃないかなっと[ひょえ]
最初の表示には今までと同様だと思うのですが、
２回目以降は少しは早くなるんじゃないかなっと[ひょえ]
2006.03.17(Fri) 22:41
Tigerうっす(#V.QdXw8.)
ゲイ･ヨンジュン(06/23)
みぎｗ(04/03)
亜里沙(03/08)
Tigerうっす(03/01)
Tigerうっす(03/01)
ゲイ･ヨンジュン(02/29)
ゲイ･ヨンジュン(02/26)
ひさちん＠(02/24)
Tigerうっす(02/22)
ひさちん＠(02/21)
ゲイ・ヨンジュン(02/18)
さや(02/10)
ゆきねこ(02/07)
ちよ(02/06)
こま(02/03)
ゆきねこ(01/30)
Tigerうっす(01/28)
ゲイ･ヨンジュン(01/28)
未流(01/27)
こま(01/27)