ForHosting KIT · データ変換・整形

HTMLを軽量化して表示を高速化

Q: 見た目やレイアウトは変わりますか？

変わりません。 取り除くのは表示に影響しない空白やコメントだけです。

Q: ZIP圧縮と併用できますか？

はい。 この機能で軽量化したHTMLを、さらにZIPやgzipでまとめて圧縮することもできます。

Q: 登録は必要ですか？

必要ありません。 登録不要・インストール不要でご利用いただけます。

配信する前にページを軽くします。コメントとタグの間の空白や改行を取り除くため、例の字下げされたブロックは1行になり、コメントは消え、Holaはそのまま残ります。ブラウザで無料で使えます。

無料
ブラウザで動作
登録不要
データは端末の外に出ません

無料で実行 API仕様を見る

ご利用方法ウェブAPIメールTelegramアプリ近日

計算例

入力した場合

圧縮済みHTML: <div>  <p> Hola </p> </div>

結果

圧縮済みHTML: <div><p> Hola </p></div>

HTMLファイルから不要な空白・改行・コメントを取り除き、ファイルサイズを小さくするツールです。ZIPのような圧縮アルゴリズムとは異なり、コードの見た目を整理して軽くする機能です。

軽量化で消えるもの、残るもの

テンプレートやサイト作成ツールが出すHTMLは、ブラウザがダウンロードするためではなく、人がソースを読むために整えられていることが多く、入れ子の字下げやブロック間の空行、作成中にしか意味のないコメントが含まれます。どれも画面の表示は変えませんが、ページを開くたびにその分のバイトが運ばれます。このツールはコメントとタグの間の空白や改行を取り除き、文書の最初と最後も詰めます。要素の中の文字には手を付けないので、例ではコメント付きの字下げされたブロックが1行になり、段落の中身はそのまま残ります。

役立つ場面と、確認したい空白

サイトを書き出す最後の工程、コンテンツ管理システムからの公開前、メールのテンプレートを小さくしたいときに向いています。編集する人は読みやすい元の版を使い続け、訪問者には軽い版を届けられます。効果が大きいのはモバイル回線です。ただし、意味のある空白もあります。整形済みのブロックの中、入力欄の中、2つのリンクが並ぶような行内要素の間では、空白が消えると2つの単語がくっついて見えることがあります。読みやすい元の版を残し、軽量化のあとでその部分を一度確かめてください。

コメントや開発用メモの扱い

開発中に残したコメントや空白は、公開後は不要になることがほとんどです。この機能はそうした部分をまとめて取り除きます。

活用例

公開前のページ軽量化

合同会社みどりデザインは、制作したLPを公開する前にこの機能でHTMLを軽量化し、表示速度を確認しています。

社内システムの画面軽量化

山本翔太さんは、社内で使うウェブシステムの画面のHTMLをこの機能で軽量化し、読み込み時間を短縮しています。

メール配信用HTMLの整理

株式会社山田商事の広報担当は、メール配信サービスに登録するHTMLをこの機能で軽量化してから登録しています。

よくある質問

見た目やレイアウトは変わりますか？

変わりません。取り除くのは表示に影響しない空白やコメントだけです。

ZIP圧縮と併用できますか？

はい。この機能で軽量化したHTMLを、さらにZIPやgzipでまとめて圧縮することもできます。

なぜ無料で使えるのですか？

軽量化の処理はブラウザの中だけで行われ、サーバー側の計算コストがかからないため無料で提供しています。

登録は必要ですか？

必要ありません。登録不要・インストール不要でご利用いただけます。

HTMLのコメントも削除されますか？

はい、すべて削除されます。コメントはコードを読む人のためのもので、ブラウザの表示には影響しません。コメント付きの版は元のファイルとして手元に残し、公開には軽くした版を使うと便利です。

開発者向け — APIアクセス

このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。

エンドポイント

POSThttps://api.kit.forhosting.com/data/html-minify

Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。

お使いのスタックから呼び出す

curl -X POST https://api.kit.forhosting.com/data/html-minify \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"html":"<p>  a  </p>   <p>b</p>"}'

const res = await fetch("https://api.kit.forhosting.com/data/html-minify", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "html": "<p>  a  </p>   <p>b</p>"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/data/html-minify",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "html": "<p>  a  </p>   <p>b</p>"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/data/html-minify", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"html":"<p>  a  </p>   <p>b</p>"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"html":"<p>  a  </p>   <p>b</p>"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/data/html-minify", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

リクエスト例

{
  "html": "<p>  a  </p>   <p>b</p>"
}

レスポンス例

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "data.html_minify",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

非同期APIです。task_idは即時に返ります。ポーリングは1秒あたり1リクエストまでです。

料金

1リクエストあたり$0.002

単価はすべて公開しています。トークン換算や独自クレジットはありません。失敗したタスクは課金されません。

制限

max_mb 25

エラー

HTTP	コード	意味
`401`	`unauthorized`	APIキーが無効か、指定されていません。Authorizationヘッダーを確認してください。
`402`	`insufficient_balance`	残高が不足しています。チャージ後に再度お試しください。
`404`	`unknown_type`	指定されたタスクタイプは存在しません。タイプ名を確認してください。
`429`	`rate_limited`	リクエストが多すぎます。しばらく待ってから再度お試しください。

技術的な注記

ZIP圧縮との違い

ZIPやgzipはファイルをアルゴリズムで圧縮しますが、この機能は改行やインデント、コメントといった表示に影響しない部分を取り除くことでファイルを軽くします。

表示速度への影響

HTMLファイルが軽くなると、ブラウザが読み込むデータ量が減り、特に通信環境が不安定なモバイル回線でのページ表示が速くなりやすくなります。

上限について

1回のリクエストで処理できるのは最大25MBまでです。

技術的な質問

処理するHTMLはサーバーに保存されますか

保存されません。軽量化の処理はブラウザ内で完結します。

まとめて自動処理したい場合は

サイト全体のHTMLをまとめて自動で軽量化したい場合は、APIから同じ処理を呼び出せます。1回のリクエストにつき$0.002です。

KITの完全なドキュメントを見る →