HTMLを軽量化して表示を高速化
HTMLファイルから不要な空白・改行・コメントを取り除き、ファイルサイズを小さくするツールです。ZIPのような圧縮アルゴリズムとは異なり、コードの見た目を整理して軽くする機能です。
無料で実行
処理はブラウザ内で完結します。ファイルは送信されません。無料でご利用いただけます。
ZIP圧縮との違い
ZIPやgzipはファイルをアルゴリズムで圧縮しますが、この機能は改行やインデント、コメントといった表示に影響しない部分を取り除くことでファイルを軽くします。
表示速度への影響
HTMLファイルが軽くなると、ブラウザが読み込むデータ量が減り、特に通信環境が不安定なモバイル回線でのページ表示が速くなりやすくなります。
コメントや開発用メモの扱い
開発中に残したコメントや空白は、公開後は不要になることがほとんどです。この機能はそうした部分をまとめて取り除きます。
上限について
1回のリクエストで処理できるのは最大25MBまでです。
活用例
公開前のページ軽量化
合同会社みどりデザインは、制作したLPを公開する前にこの機能でHTMLを軽量化し、表示速度を確認しています。
社内システムの画面軽量化
山本翔太さんは、社内で使うウェブシステムの画面のHTMLをこの機能で軽量化し、読み込み時間を短縮しています。
メール配信用HTMLの整理
株式会社山田商事の広報担当は、メール配信サービスに登録するHTMLをこの機能で軽量化してから登録しています。
よくある質問
処理するHTMLはサーバーに保存されますか
保存されません。軽量化の処理はブラウザ内で完結します。
見た目やレイアウトは変わりますか
変わりません。取り除くのは表示に影響しない空白やコメントだけです。
ZIP圧縮と併用できますか
はい。この機能で軽量化したHTMLを、さらにZIPやgzipでまとめて圧縮することもできます。
なぜ無料で使えるのですか
軽量化の処理はブラウザの中だけで行われ、サーバー側の計算コストがかからないため無料で提供しています。
登録は必要ですか
必要ありません。登録不要・インストール不要でご利用いただけます。
まとめて自動処理したい場合は
サイト全体のHTMLをまとめて自動で軽量化したい場合は、APIから同じ処理を呼び出せます。1回のリクエストにつき$0.002です。
開発者向け — APIアクセス
このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。
エンドポイント
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 '{"input":"…"}'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({
"input": "…"
})
});
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={
"input": "…"
},
)
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" => '{"input":"…"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"input":"…"}`)
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)リクエスト例
{
"input": "…"
}レスポンス例
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "data.html_minify",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}非同期APIです。task_idは即時に返ります。ポーリングは1秒あたり1リクエストまでです。
料金
単価はすべて公開しています。トークン換算や独自クレジットはありません。失敗したタスクは課金されません。
制限
max_mb | 25 |
エラー
| HTTP | コード | 意味 |
|---|---|---|
401 | unauthorized | APIキーが無効か、指定されていません。Authorizationヘッダーを確認してください。 |
402 | insufficient_balance | 残高が不足しています。チャージ後に再度お試しください。 |
404 | unknown_type | 指定されたタスクタイプは存在しません。タイプ名を確認してください。 |
429 | rate_limited | リクエストが多すぎます。しばらく待ってから再度お試しください。 |