【MovableType】テンプレート化したコードを圧縮するMinifierプラグインが超便利すぎる
いまさら、パズドラにハマってしまった ishida です。
先日のレアガチャは、4回まわして4回とも神がでたぜ。
さて、今回はMovableTypeで最近使ってみて感動したプラグインのご紹介です。
WebサイトをCMS管理する場合、HTMLのテンプレート以外にもJSやCSSもCMSで管理することがあると思います。
CMS管理化におく場合、更新性がよくなるので便利ですがコードを圧縮してしまうと、その後のメンテナンス性が落ちてしまいます。
そんなときに便利なMovableTypeプラグインが、以下のプラグインです。
テンプレート化したコードを圧縮するMinifierプラグイン
こちらのプラグインには、HTML/CSS/JavaScript のコードを圧縮するためのブロックタグがそれぞれあります。
HTMLコードを圧縮する MTHTMLCompressor タグ
MovableTypeのテンプレートコードを以下のように MTHTMLCompressor タグで囲みます。
<MTHTMLCompressor>
HTMLのコード
</MTHTMLCompressor>HTMLコードを圧縮する MTCSSCompressor タグ
MovableTypeのテンプレートコードを以下のように MTCSSCompressor タグで囲みます。
<MTCSSCompressor>
CSSのコード
</MTCSSCompressor>また @import でインポートしているCSSも 以下のように flatten_css_imports モディファイア 追加することで、1ファイルにマージされます。
<MTCSSCompressor flatten_css_imports="1">
@import "reset.css"; /* 外部CSSを読み込んでテンプレート中に展開 */
</MTCSSCompressor>同様に、JavaScript の場合は MTJSCompressor タグで圧縮できます。
さらにまだ使っていませんが、コンテンツのgzip圧縮にも対応しているそうです。
まとめ
データベース上のデータは改行がいきのまま可読性があり、出力されるコードは表示速度が向上されます。
まさに一石二鳥のプラグイン。スマートフォンサイトではより効果を発揮しそうなプラグインですね。
