微妙に納得できてなかった WordPress のテーマを DeepBlue というテーマに変更しました。これのおかげで Ads が貼りやすくなりました。

Google Adsense を追加しました。以前から Google Adsense 自体は登録していたのですが、テーマの関係上貼ってないままでした。 DeepBlue では Ads 用にスタイルが用意されているので、埋め込むだけで適用できました。

WordPress で言うページがなかったので、自己紹介ページを作りました。

http://blog.vaduz.tk/about/

これで一気にそれっぽいブログになりました！

http://se.vaduz.tk/

昨日ようやくメンバー全員にアカウントの発行が終わったところで、まだ使い方にも慣れていないようで試行錯誤しているところですが、徐々にコンテンツを増やしていこうと思っています。

Sunrise Empire をよろしくお願いします！

• Firefox
• Firebug
• YSlow

の 3 つをインストールします。
何も対策していない状態での Performance Grade は D でした。
対策したのは評価 F だった以下の 4 つ

• 2. Use a CDN
• 3. Add an Expires header
• 4. Gzip components
• 13. Configure ETags

2. Use a CDN

根本的な対策になってませんが、Firefox の設定でこのドメインを CDN として設定してしまいます。

1. Firefox のアドレスバーに about:config を入れて開きます
2. 右クリックして新規作成から新しい文字列を選択します
3. 設定名を extensions.firebug.yslow.cdnHostnames とします
4. CDN のホスト名をカンマ区切りで入力します。vaduz.tk など

これで評価が A になります。

3. Add an Expires header, 13. Configure ETags

この二つは同じなので一緒に解説します。
httpd.conf に ETags を利用する設定を追加します。

1
2
3
4
5
6
7
8

LoadModule expires_module modules/mod_expires.so
ExpiresActive On
FileETag None
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"

適切な場所に追加したら設定を再読込します。

$ /etc/init.d/httpd reload

これで両方とも評価は A になります。

4. Gzip components

Apache の mod_deflate モジュールを使って HTTP 通信を圧縮します。
/etc/httpd/conf.d/deflate.conf を下記のように設定しました。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

 
# DEFLATEの有効化
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/x-javascript
 
# 送信先ブラウザがNetscape 4.xの場合はtext/htmlのみ圧縮
BrowserMatch ^Mozilla/4 gzip-only-text/html
 
# 送信先ブラウザがNetscape 4.06-4.08の場合は圧縮しない
BrowserMatch ^Mozilla/4\.0[678] no-gzip
 
# 送信先ブラウザがMSIEの場合は全て圧縮する
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
 
# プロキシサーバーが圧縮未対応ブラウザへ圧縮ファイルを送信しないようにする
Header append Vary User-Agent env=!dont-vary

これで評価 A になりました。

総合で A(97) になりました。

$ wget http://downloads.wordpress.org/plugin/openid.3.1.4.zip
$ wget http://downloads.wordpress.org/plugin/xrds-simple.1.0.zip
$ unzip openid.3.1.4.zip
$ mv openid /path/to/wordpress/wp-content/plugins
$ unzip xrds-simple.1.0.zip
$ mv openid /path/to/wordpress/wp-content/plugins
$ rm -f openid.3.1.4.zip xrds-simple.1.0.zip

コメント欄にフォームを追加するためにテンプレートを編集します。
デザイン → テーマエディタ → コメント に行き、Website の後ぐらいに下記の HTML を追加します。

1
2

<input id="openid_identifier" name="openid_identifier" type="text" />
<label for="openid_identifier"><small>OpenID URL</small></label>

これでコメントページに OpenID フォームが現れるようになります。