Movable Type 備忘録

ブログ・ダイエット

Jul182007
Author: bzbell
Categories: Troubleshooting
Tags: MovableType, Troubleshooting

Next Page: Movable Type 4 の公開キューを利用する
Prev Page: コメントの投稿が急に遅くなりました

こんばんわ^^

oscarさんのところで、気になる記事が紹介されてました。
わたしのサイトでご紹介してますMovableTypeのコメントをAjaxで投稿するは文字コードに UTF-8 をお使いの人が対象となっていました。
てか、Ajax 自体が UTF-8 を前提としてるんですけどね。

でも、先日、The blog of H.Fujimotoさんが執筆された書籍「AjaxとPHPによる MovableType高速&最強システム構築法」で、UTF-8 以外の人でも Ajax によるコメント投稿ができるカスタマイズ方法などが紹介されてるそうです。

わたしも購入してその方法など学ばせてもらおうと思う、今日この頃でございます。

さて、昨日はせっせとダイエットに励んでおりました。
その甲斐あって 76KB から 40KB にまでダイエットに成功しました (●´∀｀●)

表示時間もひどい時で 6～8 秒くらいかかってたのが、今では 4.5 ～ 5 秒くらいにまで早く表示できるようになりました。
時間帯によりますけど、とっても嬉しいですの♪

具体的にやったことは以下の通りです。

必要以上に外部ファイルの読み込みを行わない。
基本的にわたしはテンプレート・モジュールを使ってませんでした。ほとんど外部ファイル化してそのファイルをロードしてたんです。

それにより、サーバへのアクセス頻度が多くなり時間のロスに繋がっていたようです。

- 対策 -

動的に表示が代わるナビゲーションバーや、カテゴリ一覧は外部ファイルのままとして、そのれ以外はすべてテンプレート・モジュールにすることで、大幅なロスの軽減が望めました。
できる限りクライアント・サイドで動作するようにした。
1. と絡むことですが、PHP で作られたスクリプトはサーバ・サイドで動作します。ですので、アクセスが多い＝サーバに負荷がかかります。

その点、JavaScript はクライアント・サイドで動作します。

- 対策 -

ということで、今までサーバ・サイドで動作させていたものを JavaScript による処理に変更したことで負荷を軽減させました。

たとえば、先日ご紹介したブックマークレットを外部ファイルとして管理する(JavaScript版)がその産物となっています (￣∇￣)/
あと、各ページで表示している最近のコメント一覧／トラックバック一覧もそれに値します。ただ表示するだけじゃ味気ないので、少し色気付けてみました。

話は逸れますが、JavaScript が SEO 的にマイナスって意味が分かった気がします。
たとえば、Ajax によるコンテンツ表示した場合、表示上はコンテンツの内容が表示されますが、ファイルそのものにはその内容は記述されてませんね。

大事な内容を Ajax などの JavaScript で表示させてしまうと、検索エンジンにはその内容が認識されないことになります。
だから、JavaScript が SEO 的にマイナスと言われる理由なのか･･･とわたしは解釈しました (￣∇￣)b

あってるかな (´･д･`) !?
PHP ファイルアクセスによるサーバ負荷を削減した。
「条件付き GET」を行うことで、不必要にサーバアクセスを軽減しました。

とはいっても、これについては以前からやってたので改めて対応したわけではないんですけどね。
詳しいことは以下のサイトさんでご紹介してます。
- Ogawa::Memoranda::「条件付きGET」のススメ
- 小粋空間::HTTP/1.1 の「条件付きGET」を利用して PHP ファイルアクセスによるサーバ負荷を削減する
テンプレートのダイエット

- 対策 -

こちらのHTMLスリム化ツール(ベータ)を利用して、テンプレートの余分なスペースなど省きました。

これによりトップページなどのサイズをダイエットすることができます。
ただし、これをやってしまうと、いざ修正したいときには大変になってしまうので、2元管理する必要があります。