狠狠撸

デザイナーにもできるデザイナーにもできる
再構築の高速化／負荷分散再構築の高速化／負荷分散
2013/4/202013/4/20
MTCafeMTCafe Tokyo 2013 SpringTokyo 2013 Spring
藤本藤本壱壱

2
今日の内容
? 自己紹介
? テンプレートモジュール/ウィジェットのキャッシュ
? PHP／Ajaxによる共通部分の再構築負荷軽減
? 動的生成の併用
? 再構築高速化関連のその他のTips
? まとめ

4
自己紹介その1
? 藤本壱（ふじもとはじめ）
? 昭和44年4月生まれ／今年44歳
? 兵庫県伊丹市出身
? 群馬県前橋市在住

5
自己紹介その2
? 本職はPC系のフリーライター
? 2004年秋からMTユーザー
? さまざまなプラグインを開発
(MailForm,SuperSort等)

6
自己紹介その3
http://www.h-fj.com/blog/

7
再構築高速化／負荷分散の基本

8
そもそも「再構築」とは？
? ページのデータをデータベースから取り出す
? テンプレート内のテンプレートタグにデータを当て
はめる
? 当てはめた後のHTML等をファイルに出力する
これらの処理を減らして高速化

9
記事1件あたりの再構築時間をなるべく短縮
記事数
再
構
築
時
間

10
再構築時間をできるだけ記事数に比例させる
記事数
再
構
築
時
間

11
再構築を高速化するには？?その①
? 出力するデータを最小限に絞る
? データベースアクセスが減る
? テンプレートに当てはめる処理が少なくなる
? HTMLが短くなる(ファイル出力が速くなる)
実際には絞りづらい

12
再構築を高速化するには？?その②
? 処理時間が長いテンプレートタグを極力使わない
? ブログ全体のデータを対象にするテンプレートタグは
時間がかかる
例：MTArchiveListタグ
実際には使わざるを得ない

13
再構築を高速化するには？?その③
? 同じ部分を何度も再構築しない
? 一度再構築した結果を再利用
? テンプレートモジュールのキャッシュ
? PHP／Ajaxを使った共通化

14
再構築を高速化するには？?その④
? ページを動的に生成
? ユーザーが訪問した時点でページを生成
? 負荷の分散
? 動的生成の手法
? MT標準のダイナミックパブリッシング
? Perl版ダイナミックパブリッシング
? DynamicMTML
? オンデマンド再構築

15
テンプレートモジュール/
ウィジェットのキャッシュ

16
テンプレートモジュール／ウィジェットの
キャッシュとは？
? 一度再構築したテンプレートモジュール／ウィ
ジェットの出力結果を記憶
? 同じテンプレートモジュールが再構築される際に
は、記憶していた出力結果をそのまま出力
? 処理に時間がかかるテンプレートモジュールを
キャッシュすると効果的(月別アーカイブリスト、カ
テゴリ別アーカイブリスト等)

17
キャッシュ機能の有効化
? ウェブサイト／ブログご
とに設定
? 「設定」→「全般」メ
ニューを選択
? 「モジュール設定」の「モ
ジュールのキャッシュ」
をオン

18
テンプレートモジュール／ウィジェットご
とのキャッシュの設定
? テンプレートモジュー
ル／ウィジェットを開
く
? 「テンプレートの設
定」部分を開く
? 「モジュールのキャッ
シュ」部分でキャッ
シュ方法を設定

19
キャッシュの効果が高い部分
? ブログ全体のデータを扱う
テンプレートモジュール／
ウィジェット
? 例えば???
? カテゴリアーカイブ一覧の出
力
? 月別アーカイブ一覧の出力

20
キャッシュの効果の例
? 記事約1,300件／コメント約2,600件／トラックバック約
1,300件のブログでテスト
947
386
286
0 200 400 600 800 1000
再構築の所要時間(秒）
キャッシュなし
カテゴリ
カテゴリ＋?別

21
キャッシュの作り分け
? 同じテンプレートモジュール／ウィジェットでも、状
況によって再構築結果が変わる場合
? 例ある記事と同一カテゴリに属する記事のリスト
→ 記事のカテゴリによって結果が変化
? キャッシュのキーを指定
? 状況に応じてキャッシュを作り分ける
? ただしMT5.0～MT5.2.4では不具合あり（5.2.5で
修正予定)

22
キーの指定
? MTIncludeタグの「key=“キー”」のモディファイア
? 例
? 記事と同一カテゴリに属する記事のリストを出力
? 記事の主カテゴリに応じてキャッシュを作り分ける
? キーを「cat_カテゴリのID」にする
<mt:EntryPrimaryCategory>
<mt:SetVarBlock name=“cache_key”>cat_<$mt:CategoryID></mt:SetVarBlock>
</mt:EntryPrimaryCategory>
<$mt:Include module=“同一カテゴリ記事リスト” key=“$cache_key”$>

23
ウィジェットでのキー指定
? ウィジェットはMTWidgetSetタグで一括インク
ルード
→ ウィジェット毎のキー指定は不可
? テンプレートモジュールを併用して解决

24
ウィジェットでのキー指定
ウィジェット
テンプレートモジュール
コピー
<mt:Include module=“テンプレートモジュール名” key=“キー”>

25
PHP／Ajaxによる
共通部分の再構築負荷軽減

26
基本的な仕組み
? 多くのページで共通な部分を1回だけ再構築し別
ファイルに出力
? 例：最近のブログ記事一覧、カテゴリアーカイブ一覧、
月別アーカイブ一覧
? ユーザーがページにアクセスした時点で、PHPや
Ajaxで動的に別ファイルを組み込む

27
通常の再構築
最新記事一覧
ページ1
最新記事一覧
ページ2
最新記事一覧
ページ3 ? 記事を追加
する
? 全ページの
最新記事一
覧を更新す
る必要が生
じる
? やむなく全
再構築

28
PHP／Ajaxによる共通化
ページ1
最新記事一覧
ページ2 ページ3 ? 記事を追加
する
? 最新記事一
覧のファイ
ルだけ更新
すれば良い
? 全再構築は
不要
動的
組み込み

29
MT標準の共通化機能
(サーバーサイドインクルード)
? テンプレートモジュール／ウィジェットを独立した
ファイルに保存
? ページにアクセスがあった時点で動的にテンプ
レートモジュール／ウィジェットをインクルード
? PHP／SSIなどを利用
? PHP等を動作させるために、ページの拡張子の
変更（＝URLの変更）やリダイレクト等の作業が
必要

30
インクルードの有効化
? ウェブサイト／ブログご
とに設定
? 「設定」→「全般」メ
ニューを選択
? 「モジュール設定」の
「サーバーサイドインク
ルード」でインクルード
方法を指定

31
テンプレートモジュール/ウィジェット毎の
インクルードの設定
? テンプレートモジュール
／ウィジェットを開く
? 「テンプレートの設定」
部分を開く
? 「サーバーサイドインク
ルード」のチェックをオン

32
PHPを使った手動インクルード
? テンプレートから各ページに共通部分な部分を抜
き出す
? インデックステンプレート等で共通部分を1回だけ
再構築
? 各ページの共通部分の組み込み先にPHPを追
加<?php include(‘<$mt:BlogSitePath$>共通部分の出力ファイル名’); ?>
? PHP等を動作させるために、ページの拡張子の
変更（＝URLの変更）やリダイレクト等の作業が必
要

33
Ajaxを使った手動インクルード
? 共通部分を別ファイルにするまではPHPと同じ
? 共通部分の組み込み先に以下のような部分を入
れる
<div id=“hoge”></div>
<script type=“text/javascript”>
jQuery(function(){
jQuery(‘#hoge’).load(‘共通部分の出力ファイル名’);
});
</script>
? ユーザーがJavaScriptをオフにしていると、Ajax
が動作しない→表示されない

35
静的生成と動的生成
? 静的生成
? あらかじめHTMLをファイルに出力
? ページが増えるにつれてHTML出力（再構築）に時間がかかる
? ユーザーのアクセスによる負荷が少ない
? 動的生成
? ユーザーのアクセス時にHTMLを生成
? 再構築が不要
? アクセス数が多いサイトでは、静的生成より強力なサーバーが
必要（ランニングコスト増）

36
MT標準のダイナミックパブリッシング
? メリット
? 最も分かりやすい(MT標準機能)
? テンプレート(またはアーカイブマッピング)単位でダイナミック／
スタティックを指定可能
? デメリット
? PHPで作られている(MT本体はPerl)
? テンプレートタグ追加系のプラグインはPerlとPHPの両方で作
る必要がある → 対応プラグインがあまり多くない
? テンプレートに直書きしたPHPは修正が必要(Smartyの仕様に
合わせる）

37
ダイナミックパブリッシングの利用
? テンプレートの設定を開
く
? 「公開」の部分で「ダイナ
ミック」を選択
? アーカイブテンプレートで
は、アーカイブマッピング
ごとに「公開」の部分を設
定可能

38
Perl版ダイナミックパブリッシング
? 拙作のプラグイン
http://www.h-fj.com/blog/mt5plgdoc/perldynamic.php
? MTのコアのコード（Perl）を利用
? 利用手順はMT標準のダイナミックパブリッシングとほぼ
同じ
? 既存のほとんどのプラグインが動作
? テンプレートに直書きしたPHPもそのまま動作
? MT標準のダイナミックパブリッシングに比べて動作が重
い（キャッシュやPSGI化で高速化可能）

39
DynamicMTML
? アルファサード株式会社様が開発／シックスア
パートに寄贈
https://github.com/movabletype/DynamicMTM
L
? 静的／動的の混在動作が可能(必要な部分だけ
動的にできる)
? <mt:DynamicMTML>等のタグで動的部分を指
定

40
DynamicMTMLの例
<h1><$mt:BlogName$></h1>
<mt:DynamicMTML>
<p>時刻は<$mt:Date format="%H時%M分%S秒"$>です</p>
</mt:DynamicMTML>
? 現在の時刻を表示
? ページを読み込みなおすたびに时刻が更新

41
オンデマンド再構築
? アルファサード株式会社様が開発
https://github.com/alfasado/mt-plugin-rebuild-
on-demand
? ページにアクセスがあった時点で静的ファイルが
存在しなければ、再構築して静的ファイルを保存
? 静的ファイルがあればそのファイルを出力
? 通常の再構築は静的ファイルを削除するだけ
→大幅な時間短縮

42
再構築高速化関連の
その他のTips

43
公開キューの利用
? 公開キュー＝バックグラウン
ドで徐々に再構築
? 見た目上は再構築が短時間
で終わる(実際には終わって
いないが???)
? テンプレートの設定の「公開」
部分で「公開キュー経由」を
指定
? cronでrun-periodic-tasksを
定期実行

44
EntriesPerRebuild環境変数
? 一度に再構築する記事の数を指定
? デフォルトでは40
? 数を増やすと再構築時間を若干短縮可能
? 増やしすぎると500エラーが発生

45
PageButeの罠
? PageBute(静的ページ分割プラグイン)
http://www.skyarc.co.jp/engineerblog/entry/26
42.html
? 動作原理
? 分割対象の記事すべてを一気に再構築
? ページ単位に区切ってファイルに出力
? 大量の記事をページ分割すると処理時間がかか
る
? 500エラー発生の原因になりやすい

46
静的／動的ページ分割の併用
? 1ページ目のみ静的
? 2ページ目以降を動的
? MT標準のページ分割機能を利用
http://www.h-fj.com/blog/archives/2012/12/12-
115414.php
? リアルタイム再構築プラグインを利用
103321.php

47
mt-tmpl-testツール
? テンプレートタグごとの処理時間を調べられるコ
マンドラインツール
? MTインストール先の「tools」ディレクトリに存在
? 使い方は以下の記事を参照
131503.php

48
mt-tmpl-testツールの実行例

50
まとめ
? キャッシュを活用して無駄な再構築を減らす
? PHP／Ajaxを利用して全再構築を減らす
? 动的生成を利用して负荷を分散する

52
MTCafe Saitama 2013
? 6月29日(土)に大宮(コワーキングスペースOffice 7F)に
て開催
? 「WPer＆PHPerのためのMovable Type」がテーマ
? WordPress on Movable Type(藤本)
? Movable TypeのPHP API(柳下さん)
? ダイナミックパブリッシング&DynamicMTML用プラグインの開
発方法（野田さん)
? セッション／LT希望者募集
http://kokucheese.com/event/index/85970/

53
ご清聴ありがとうございました

狠狠撸

デザイナーにもできる再构筑の高速化／负荷分散

Recommended

More Related Content

What's hot (19)

Viewers also liked (20)

Similar to デザイナーにもできる再构筑の高速化／负荷分散 (20)

More from Hajime Fujimoto (20)

Recently uploaded (11)

デザイナーにもできる再构筑の高速化／负荷分散