js および css コードを圧縮する php gzip の例

帯域幅を節約するために、ファイルを送信する前に圧縮する必要があることがよくあります。PHP プログラミングでは、CSS および JS ファイルを圧縮するために gzip モジュールを使用するのが最も一般的な方法です。この記事では、この点に関する例を示します。

まず、圧縮の利点を理解しましょう。 1) 複数の CSS/JS ドキュメントを 1 つのファイルに結合して、HTTP リクエストを削減します。 2) js 圧縮と CSS 圧縮をそれぞれ使用するなど、結合されたファイルに対してドキュメント圧縮を実行します。 3) JQuery、Mootools、YUI などの主流の JavaScript フレームワークを使用している場合は、Google AJAX ライブラリを直接使用して、外部リンクの形式で基本ライブラリをインポートすることを強くお勧めします。 4) GZIP を使用して、サーバー側で JS/CSS ドキュメントを圧縮します。

PHP で GZIP 圧縮を使用するのは非常に簡単で、その中心となるのは ob_gzhandler を使用することです。 注: すべてのブラウザがクライアントに送信される GZIP データをサポートしているわけではないため、フォールト トレランスを考慮する必要があります。 PHP が GZIP を通じて CSS を圧縮する例を示します。 CSS が保存されているフォルダーに、新しい style.php ファイルを作成します。 ファイル style.php:

リーリー

上記のコードは CSS ファイルを圧縮するためにのみ使用されます。JavaScript ファイルを圧縮する必要がある場合は、上記のコードの 5 行目の Content-type を次のように変更します。 リーリー

同時に、ファイルのエンコーディングに注意してください。ここでは gb2312 が使用されています。UTF-8 または他のエンコーディングを使用している場合は、対応するエンコーディング (つまり utf-8) に変更してください。 修正が完了したら、該当する必要なCSSファイルを導入し、元のHTMLのCSSを導入している箇所を以下の導入方法に置き換えます。 リーリー

同様にJSの導入方法は以下の通りです

リーリー

上記のコードでは、クライアント側でCSS/JSコードをキャッシュするためにHTTP Expires属性を使用しているため、有効期限が長すぎる(1年など)と、サーバー側のコードでJS/CSSを変更する際に、クライアントはすぐには有効にならない場合があります。 解決： php ファイルの後にランダム パラメータを追加します (上の例では v=121 など)。次回ファイルを変更するときは、このランダム パラメータをそれに応じて変更することを忘れないでください (たとえば、122 に変更します)。

以上です。圧縮前後で Web サイトのアクセス速度が大幅に向上するかどうかをご自身でテストしていただければ幸いです。 プログラマーズホーム、皆さんの日々の勉強と進歩を祈っています！ ！