JekyllでHTMLを圧縮する

投稿日: 2022-04-20 2022-10-07
タグ: Jekyll

CSSやJavaScriptの場合と同様に、HTML出力は、空白、新しい行、コメントを削除し、特定のオプションの終了タグを削除することで圧縮および縮小でき、ファイルサイズを小さくできます。たとえば、このページのソースを見て、そのような圧縮の結果を確認してください。 Jekyllを使用すると、jekyll-compress-htmlと呼ばれるプラグインがまさにそれを行うのに役立ちます。プラグインは純粋なLiquid構文を使用してHTML圧縮を実行するため、何にも依存しません。

インストール

2つの簡単なステップでプラグインを使い始めましょう。

プラグインのcompress.htmlファイルをダウンロードして解凍し、Jekyllセットアップの_layoutフォルダーに配置します。
最上位のプラグイン（多くの場合 default.html ）に、次のフロントマターを追加します。

---
layout: compress
---

使用法

プラグインがインストールおよびセットアップされたので、_config.ymlファイルでその正確な動作を構成できます。例えば：

compress_html:
  clippings: all
  comments: [""]
  endings: [html, head, body, li, dt, dd, rt, rp, optgroup, option, colgroup, caption, thead, tbody, tfoot, tr, td, th]
  profile: false
  blanklines: false
  ignore:
    envs: []

そして、構成オプションの簡単な内訳は次のとおりです。

clippings ：空白が削除される要素の配列。 all キーワードを使用して、安全に操作できるすべての要素を含めます。 pre は、空白を保持するために無視されます。
comments ：コメントを削除するための開始タグと終了タグを持つ配列。余分なスペースに注意してください。そのため、その空白がないコメントは保持されます。
endings ：削除されるオプションの終了タグの配列。キーワードallを使用して、それらをすべて削除します。上記の例では、pを除くすべてのオプションの終了タグを指定しています。
profile ：開発モードでこのフラグをtrueにすると、ページの最後に追加された、ページ上の要素の内訳を表示するテーブルが表示されます。
blanklines ：空白行のみを折りたたんで、改行を空白以外の行のままにしておきたい場合は、このフラグをtrueに設定します。
ignore.envs ：圧縮レイアウトをオフにする必要があるJekyll環境名の配列。これは、開発モードで圧縮をオフにする場合に役立ちます。
startups ：削除されるオプションの開始タグの配列。例：開始：[html、head、body]

getdocs

13036