HTML コードを縮小するにはどうすればよいですか?
-
26-10-2019 - |
質問
私の考えは、 どうにか サーバー側で HTML コードを縮小し、クライアントが受け取るバイト数を減らします。
「縮小」とはどういう意味ですか?
ジッパーではありません。たとえば、jQuery 作成者は次のようにします。 .分.js バージョン。つまり、不要な空白や改行を削除する必要がありますが、HTML の表示が変わるほど削除することはできません (たとえば、段落内の実際の単語間の空白を削除するなど)。
それを行うことができるツールはありますか?あることは知っています HTMLピュリファイアー. 。それはできるでしょうか?他にオプションはありますか?
追伸正規表現を提供しないでください。彼らと一緒に HTML を解析できるのは Chuck Norris だけであることはわかっています。=]
解決
HTMLコードをDOMツリー(ノードにコンテンツホワイトスパースを保持する必要がある)に解析し、その後、きれいなスペースなしでHTMLにシリアル化することができます。
他のヒント
少し遅れますが、それでも... output_bufferingを使用することで、それはそれと同じくらい簡単です:
function compress($string)
{
// Remove html comments
$string = preg_replace('/<!--.*-->/', '', $string);
// Merge multiple spaces into one space
$string = preg_replace('/\s+/', ' ', $string);
// Remove space between tags. Skip the following if
// you want as it will also remove the space
// between <span>Hello</span> <span>World</span>.
return preg_replace('/>\s+</', '><', $string);
}
ob_start('compress');
// Here goes your html.
ob_end_flush();
できるツールはありますか?
はい、これはビルドプロセスに含めるか、Webキャッシュレイヤーに作業することができるツールです。http://code.google.com/p/htmlcompressor/
または、貼り付けているHTMLをマイニングするツールを探している場合は、次のことを試してください。http://www.willpeavy.com/minifier/
Pretty Diff ツールを使用できます。 http://prettydiff.com/?m=minify&html また、HTML コード内の CSS と JavaScript も縮小されます。縮小は、将来 HTML を読みやすい形式に美しくすることを妨げないように、回帰的な方法で行われます。
できるツールはありますか?
使用できます Codverter Online Web Development Editor 混合HTMLコードを圧縮するため。
コンプレッサーは、信頼性と精度のために複数回テストされました。
(完全な開示:私は開発者の一人です)。