私は最小化の概念にやや慣れていませんが、十分に単純に思えます。jQuery のようなライブラリが最小化によってどのように利益を得ることができるかは理解していますが、私の質問は、それを HTML と CSS に拡張する必要があるかどうかです (CSS リセットがコードを最小化するのを見たことがあるので、おそらくパフォーマンスの向上が測定されています)。
まず、パフォーマンスの向上を測定する方法がわかりませんが、HTML および CSS コードを最小限に抑えた場合 (実質的、無視できるなど) に期待できるパフォーマンスの向上の大きさについて、知識や経験がある人がいるかどうか疑問に思っていました。
最後に、HTML、特に XHTML は、コードを保守する人にとって可能な限り読みやすくする必要があることを知っています。そのため、PHP を使用して、レンダリング時にのみこのコードを最小限に抑えることが最善であると考えていました。これが実行可能な場合、これを行う最善の方法は何ですか? HTML と CSS ( $html = trim($html);) をトリミングするだけですか?
Yahoo には、いくつかのハイ パフォーマンス Web サイト ルールがあります。ルールの一部を引用しました。注意深く読んでください。これらのルールはあなたの質問に答えます。
HTTP 要求と応答をネットワーク経由で転送するのにかかる時間は、フロントエンド エンジニアの決定によって大幅に短縮できます。エンド ユーザーの帯域幅速度、インターネット サービス プロバイダー、ピアリング交換ポイントへの近さなどは、開発チームの管理外であることは事実です。しかし、応答時間に影響を与える変数は他にもあります。圧縮により、HTTP 応答のサイズが縮小されるため、応答時間が短縮されます。
縮小化とは、コードから不要な文字を削除してサイズを縮小し、読み込み時間を短縮することです。コードが縮小されると、すべてのコメントが削除され、不要な空白文字 (スペース、改行、およびタブ) も削除されます。JavaScript の場合、ダウンロードされるファイルのサイズが小さくなるため、応答時間のパフォーマンスが向上します。JavaScript コードを圧縮するための 2 つの一般的なツールは、JSMin と YUI Compressor です。YUI コンプレッサーは、CSS を縮小することもできます。
したがって、HTTP 経由で転送されるコンテンツを最小限に抑えると、転送時間が短縮されます。したがって、レンダリングを有利に開始できます。そのため、Web サイトのパフォーマンスが向上します。圧縮を有効にすると、サイトのパフォーマンスが大幅に向上します。また、Javascript、HTML、CSS を圧縮して縮小すると、すべてが高速になります。
この場合のパフォーマンスを測定するには、YSlow (firefox > firebug) や Chrome インスペクターの [プロファイル] タブなどのツールを使用できます。
ウェブページを高速化するためにやるべきことはたくさんあります。小さな画像 (アイコン) がたくさんある場合は、すべてを大きな画像に結合し、css を使用して正しいものを選択することをお勧めします。cssタグとscriptタグを順番に配置します。
<?php header('Expires: '.gmdate('D, d M Y H:i:s \G\M\T', time() + 3600));
header('Content-Type: text/html; charset=utf-8');
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header('X-UA-Compatible: IE=Edge,chrome=1');
function ob_html_compress($buf){
return preg_replace(array('/<!--(?>(?!\[).)(.*)(?>(?!\]).)-->/Uis','/[[:blank:]]+/'),array('',' '),str_replace(array("\n","\r","\t"),'',$buf));
}
ob_start("ob_html_compress"); ?>
<?php // Your Code ?>
<?php ob_end_flush(); ?>
HTMLを1行で最適化するために、単純なphpスクリプトを使用しています
例を参照してください: http://cs.lviv.pro/