2011-12-10 14 views
1

ページの読み込み時間を短縮するには、htmlタグ間のスペースを削除する場所はどこですか?私は各1を通過し、これと同じように自分自身にhtmlタグ間のスペースを削除しますか?

それらを取り外すことなく:

<body> 
    <p>Lot's of space</p> 
</body> 

<body><p>No space</p></body> 

私はこのsiteを見つけました。しかし、それはタグ間にののスペースを残します。しかし、私は何もしたくない。

+0

あなたは[HTML minifier](http://www.google.com/search?q=html+minifier)をしたい... –

答えて

1

あなたがit'sがあなたのhtmlを縮小化必要なもの。 ここではthis

についてのディスカッションを読むことができますまた、あなたのCSSとあなたのJSを小さくすることができます。

+0

はい!ありがとうございました。あなたのリンクは私をhttp://www.willpeavy.com/minifier/に誘導します。それは完全に動作します –

0

私はSmartyテンプレートエンジンでWebアプリケーションを開発しています。関数{strip}を持っています。これは、テンプレート内の新しい行、タブ、スペース...をすべて置き換えます。だからあなたは多くの新しい行とスペースでコードを書くことができます。しかし、出力は1行になります。

6

何が起こっているのか、ドキュメントの完全性を損なっているかどうかを気にしてください。完全に縮小されたコードサンプルは、すべてのコメントと、構文的に必要でないすべての空白文字を削除します。すなわち

HTMLのこの例:

<p>Some content 
    <strong>is strong</strong> 
    and 
    <em>emphasized</em> 
    in this paragraph.</p> 

完全に縮小さになる:

<p>Somecontent<strong>isstrong</strong>and<em>emphasized</em>inthisparagraph.</p> 

すべての単語がお互いに衝突しているように、その場合のコンテンツに破損が明らかです。明白ではないのは、コンテンツとタグ、および他のコンテンツに隣接していないタグ間のスペースをバッファリングするスペースです。 HTML文書のタグ外の空白文字はすべてDOM内のテキストノードであり、注意深く考慮しないでDOMノードを削除することは有害である可能性があります。

さらに、HTMLミニファイアがインラインJavaScriptまたはCSSコードを壊さないようにする必要があります。利用可能なさまざまなオプションを見て、これらの条件を注意深く調べます。

自動化されたきれいな印刷アプリケーションを使用して美化状態に完全に再帰的な方法でマークアップタグを縮小するので、あなたに役立つかもしれません。

http://prettydiff.com/?m=minify&html

関連する問題