人月ベースで

サイトが重くなってきてるのが嫌で、僕にも出来そうなお手軽な方法だけで高速化・最適化を図ってみました。

それでもなんとかなっちゃうどころか思ったより満足する結果が得られるのがワードプレスのいいところで、だいぶ速くなりました。プラグイン作者様や解説して下さってる皆様のおかげでございます 感謝

要らない物を消す

まずはこれに限る。プラグイン・ウィジェット・広告を削り、必要最小限の構成に。
＞ウィジェットは他サイトからの読込や動的生成の物をなるだけ少数に。
＞同じく広告も。減らしたくない場合はフラッシュ系でなくテキスト系に。
＞プラグイン減らすとキャッシュ系プラグインとのコンフリクトも減る。

プラグインを管理画面以外で読み込まないようにする

参考：WordPressプラグインをいっぱい入れすぎた場合の簡単に出来る高速化
管理画面でしか使用しない系統のプラグインは、管理画面以外で動かさないように設定する。
cbnet Ping Optimizer
Commenters Info
Google XML Sitemaps
Revision Control
Tiny MCE Advanced

.htaccess と php.ini

WordPressサイト用の.htaccess例 を参考。

このBLOGがあるサクラ鯖では mod_deflate(GZIP圧縮) と mod_expires (静的ファイルの有効期限設定）が使えないけど。

（そのためPHPだけでも圧縮しようと php.ini でzlib.output_compression=1 としていたのだが、だいぶ以前のことだったので忘れていた。そのまま後述のHeadCleanerを入れたところphpエラーログに「HeadCleanerとコンフリクト」と大量に吐かれて気付き、記述を消した。）

プラグイン

下記３つの併用で驚くほど速くなる。

ただし適切に設定しないとlightbox系が動かなくなったりアクセス不能になったりするので注意。

• オブジェクトをキャッシュ　WP-FileCache
• データベースをキャッシュ　DB Cache Reloaded Fix
• CSSやJSの整理・圧縮・キャッシュ　Head Cleaner

問題無く動いた設定

使用中のプラグインすべて

この環境で問題無く動いた。

WP-FileCache

これの有効・無効を切り替えるときに暴走してサイト表示不能・Wordpressコントロールパネルにアクセス出来なくなった場合、さくらのコンパネ  -> リソース情報 から プロセスを全部終了させ、FTPで /wp-content/ にある object-cache.phpファイルを削除またはリネームする。（このファイルはまた勝手に生成されるので削除しても構わない）

DB Cache Reloaded Fix

Head Cleaner

「JavaScriptを小さくする 」にチェックするとjQuery Colorboxが動作せず（対象外にチェックしても同じ）。JqueryColorBoxのバージョンを3.8.3に落とすと問題なく動作する。

iNoveテーマで気になっていた部分を修正した。

以前からわざわざ「コメントを受け付けていません」と表示するのはどうかなーと思っていたものの、どう触っていいのかわからず放置していた。今回、WP本家とWP日本語の情報を元に変更することが出来た。あざっす！

コメントが無効に設定されている記事において
・トップ、タグ/カテゴリー/年月別アーカイブ表示の右上にあるコメント関係の表示を無くす
・単一記事表示の下部にある 『コメントを受け付けていません』 を無くす

コメントが有効に設定されている記事において
・単一記事表示で右上にある『コメント』『コメントをどうぞ』を『コメント○件』ひとつにまとめる

[参考]
WordPress Codex 日本語版 > テンプレートタグ > comments_popup_link
WordPress.org > Support » Themes and Templates

 »»» 続きを読む »»»

wordpress標準の状態では、記事一覧表示の状態から「続きを読む」「Read More」等がクリックされた場合に 『投稿者がmoreタグを挿入している場所』 に飛ぶようになっている。

別に悪くはないがちょっと微妙。ちょっと違和感。

なので記事先頭から表示させるように変更した。

WordPress Codex の 「続きを読む」のカスタマイズ の項に従い、テーマのfunctions.phpに下記コードを追記。

function remove_more_jump_link($link) {
$offset = strpos($link, '#more-');
if ($offset) {
$end = strpos($link, '"',$offset);
}
if ($end) {
$link = substr_replace($link, '', $offset, $end-$offset);
}
return $link;
}
add_filter('the_content_more_link', 'remove_more_jump_link');

これまで記事にコードを載せるとき  Syntax Highlighter Evolved や Syntax Highlighter for WordPress を使ってきました。

# dd_rhelp /dev/sdd6 /media/WD10EACS/disk0.dd

↑ こーゆーの

コードを綺麗に色付けしたり、コピペ出来るアイコンと一緒に貼ることが出来たりするんですけども、その記事をビジュアルエディター（TinyMCE/TinyMCE Advanced）で開いてしまうとエディタがコードを勝手に整形してしまいコードがグチャグチャに壊れるという難点があったりします。

まあ事前にわかっていたことですし、 『HTMLモードで開けばいいだけじゃん』 とか軽く考えて設置し、以降そんなものだと諦めて使っていました。使うときは下記のような運用。

1. ダミーの下書き記事を作って常時置いておく
2. 記事を編集しようとするとき、記事中にコードが無いか事前に確認
3. コードのある場合はまずダミー記事を開きＨＴＭＬモードか確認
4. もしビジュアルエディタになっていたらＨＴＭＬモードにする
5. お目当ての記事を開いて編集
6. 編集中、HTMLモードからビジュアルエディタモードへ切り替えるのはNG

こんな感じで2年ほど使っているうち・・・・段々と面倒になってきました＞＜。いつの間にかコードを載せるのが億劫になってる自分に気付きました。これではメモ帳ブログとしての目的を果たせてません。

あと、おっちょこちょいの自分は間違ってビジュアルエディタで開いてしまって知らないうちに自動保存機能で上書きされ 『やっちまったぁーーふぁーっく！』 ってことが数ヶ月に一度くらい起きてたり。

ええ。最後に起きたのは昨日です。ふぁーっくふぁーーっっく！

さすがにヤバイだろ（この期に及んで何も対策しない自分が）と思い調べてみると、 Google Syntax Highlighter HF Editon という素晴らしいプラグインがあるじゃないですか。グラシァス！速攻乗り換えて解決しました。

PS Disable Auto Formating や mitsurin改造版 との併用も問題なく使えているようです。これで暫く運用してみようと思います。

使いかたと注意点

コードを挿入するときは［HTMLモード］にして、

<pre class="brush:php;">
ここに挿入したいコードを書く
</pre>

というふうにpreで囲って一旦保存する。これだけ！  »»» 続きを読む »»»

いつの間にか、携帯電話での閲覧時にAmazon広告画像・Webikeの広告画像が表示されなくなっていた。

記憶が曖昧なので対処に困った。2ヶ月ほど前までは正常に動いていたはずで、その頃はktai-styleのfunctions.phpにMitsurinの説明にあるコードを追加しただけでOKだったはず。

その後ktai-styleのテーマやfunctions.phpを弄ったような・・・弄ってないような・・・・うーん。とりあえずktai-style丸ごと入れ直して一から設定し直すことにした。

<参考>　[らいでん様] wordpress インストール 備忘録

0) コンパネで”オプションの削除”を実行した後にアンインストール

1) ktai-styleを 公式プラグインディレクトリー の”Development Version”よりDL 。このDevelopment Versionのリンク先が常に最新の開発版とのこと。この時点でのバージョンは2.1.0-beta2だった。(開発版は安定版ではない旨を理解した上で使うこと)。

2) 普通にインストール

3) wp-content/plugins/ktai-style/themes/使用しているテーマ名/functions.phpを作成し下記コードを書く（今回、オリジナルにwebikeを追記したので、ks_keep_amazon_imageからks_keep_affiliate_imageに変えている）。

テーマによりfunctions.phpが既に存在している場合がある。そのときは下記から先頭行＜？ｐｈｐ　と　最終行？＞　を抜いたものを既存のスクリプトの？＞以前に追記する。

楽天アフィリエイトとかもこんな感じで追記すれば動くと思います。

<?php
function ks_keep_affiliate_image($replace, $orig, $src) {
    if (preg_match('#^http://ecx.images-amazon.com/images/#', $src)) {
        $replace = $orig;
    }
    if (preg_match('#^http://www.assoc-amazon.jp/#', $src)) {
        $replace = $orig;
    }
    if (preg_match('#^http://w1.webike.net/#', $src)) {
        $replace = $orig;
    }
    return $replace;
}
add_filter('ktai_image_to_link', 'ks_keep_affiliate_image', 10,3);

function ks_direct_external_link($link_html, $href, $label) {
    return '<a href="' . attribute_escape($href) . '">' . $label . '</a>';
}
add_filter('ktai_external_link', 'ks_direct_external_link', 90, 3);
?>

以上で直った。

らいでん様、有益な情報を有り難う御座います。