PHP、JS、CSS、その他のテキスト タイプ コードを圧縮する_PHP チュートリアル
ご存知のとおり、送信中のコードのサイズを小さくすると、ページの送信速度が向上し、Web ページをより速く開くことができます。これは、帯域幅のボトルネックの理論に基づいています。もちろん、サーバーの速度は他の多くの要因の影響を受けます。 PHP コードの実行速度、データベースのアクセス速度、ディスクの読み書き IO 速度などがありますが、チャイナ テレコムやチャイナ ネットコムなどの通信会社の制約により、帯域幅への影響は非常に大きくなります。 、サーバーのネットワーク帯域幅があまり豊富ではないため、圧縮コードの送信により帯域幅が大幅に節約されます。
この記事では、Gzip 圧縮を使用して対応するコードを自動的に圧縮する方法について説明します。これは、ブラウザー実行のために訪問者のブラウザー上のコードに自動的に復元されます。コードを記述する際の適切なスタイルとスペース節約の方法については、この記事には含まれていません。記事。
GZIP は、UNIX システムでのファイル圧縮のために Jean-loup Gailly と Mark Adler によって最初に作成されました。 LINUX では、拡張子 .gz が付いたファイルをよく使用しますが、それらは GZIP 形式です。現在、インターネット上で使用される非常に一般的なデータ圧縮形式またはファイル形式になっています。 HTTP プロトコル上の GZIP エンコードは、WEB アプリケーションのパフォーマンスを向上させるために使用されるテクノロジーです。トラフィックの多い WEB サイトでは、ユーザーがより高速な速度を体験できるように、GZIP 圧縮テクノロジがよく使用されます。
まず、Web サイトの各ページが Gzip 圧縮を使用しているかどうかをテストします。これが テスト ツールです
。現在、Gzip 圧縮を実装するには 2 つの主流な方法があります。
1. mod_deflate モジュール
mod_deflate モジュールは DEFLATE 出力フィルターを提供します。これにより、サーバーはクライアントに送信する前に出力コンテンツを圧縮して (gzip データ形式圧縮も使用する必要があります。deflate は圧縮アルゴリズムです)、帯域幅を節約します。 Apache 1.3.x 時代では、これを実装するために mod_gzip モジュールが使用されており、Apache2 にはすでに mod_deflate モジュールが組み込まれています。
この方法では、Apache の http サーバー ソフトウェアがインストールされ、deflate モジュールがロードされる必要があります。
使用方法:
Web パブリッシング ディレクトリの .htaccess ファイルを追加します。
- ifmodulemod_deflate.c>
- AddOutputFilter DEFLATE html htm xml php js css
- ifmodule>
これにより、Apache は html、xml、php、js、css などのファイルをパブリッシュするときにデータを送信するために Gzip を使用します。この方法は簡単で、一度だけ実行できます。ただし、一般的に使用される deflate モジュールはインストールされません。 Apache では必ずしもそうであるとは限りませんが、それでも方法はあります:
2. ob_gzhandler関数
ホスト要件: PHP をサポート、PHP バージョンは 4.0.4 以降、zlib ライブラリがインストールされている
PHP ファイル転送中に圧縮するには、元の PHP ファイルの最初の行に
を追加するだけです
最後に
を追加します
コピー時に通常の PHP 形式に戻します。
js ファイルの場合は、元の js ファイルの最初の行に
を追加します。
最後に
も追加します
次に、それを abc.js.PHP のようなファイルとして保存し、すべての html、PHP、およびその他のファイルをこれを指すように変更します。
変更
のために
a.html ファイルの場合は、アクセスするために a.PHP に変更するだけです。元の URL を保持したい場合は、.htaccess 疑似 URL を変更するか、Web ページのジャンプを作成します。これに基づいて他の CSS や他のテキストを推定できます。 。 かわった。圧縮パフォーマンスの説明: jQuery ライブラリのソース コードは約 50k ですが、最初にコードを記述し、スペースを削除したり、関数を組み合わせたりして 26k に減らし、その後 GZIP を使用して 14k に圧縮するときに最適化されます。
他のウェブサイトの圧縮性能の比較表を添付します。図にある 3 つの方法はすべて GZIP ですが、実行方法が異なります。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









ブートストラップボタンの使用方法は?ブートストラップCSSを導入してボタン要素を作成し、ブートストラップボタンクラスを追加してボタンテキストを追加します

PHPでは、最終的なキーワードを使用して、クラスが継承されないようにし、メソッドが上書きされます。 1)クラスを決勝としてマークする場合、クラスを継承することはできません。 2)メソッドを最終的にマークする場合、メソッドはサブクラスによって書き換えられません。最終的なキーワードを使用すると、コードの安定性とセキュリティが保証されます。

ファイルアップロード機能は、Bootstrapを介して実装できます。手順は次のとおりです。BootstrapCSSおよびJavaScriptファイルを紹介します。ファイル入力フィールドを作成します。ファイルアップロードボタンを作成します。ファイルのアップロードを処理します(FormDataを使用してデータを収集し、サーバーに送信します)。カスタムスタイル(オプション)。

ブートストラップに画像を挿入する方法はいくつかあります。HTMLIMGタグを使用して、画像を直接挿入します。ブートストラップ画像コンポーネントを使用すると、レスポンシブ画像とより多くのスタイルを提供できます。画像サイズを設定し、IMG-Fluidクラスを使用して画像を適応可能にします。 IMGボーダークラスを使用して、境界線を設定します。丸い角を設定し、IMGラウンドクラスを使用します。影を設定し、影のクラスを使用します。 CSSスタイルを使用して、画像をサイズ変更して配置します。背景画像を使用して、背景イメージCSSプロパティを使用します。

回答:ブートストラップの日付ピッカーコンポーネントを使用して、ページで日付を表示できます。手順:ブートストラップフレームワークを紹介します。 HTMLで日付セレクター入力ボックスを作成します。ブートストラップは、セレクターにスタイルを自動的に追加します。 JavaScriptを使用して、選択した日付を取得します。

ブートストラップリストのデフォルトスタイルは、CSSオーバーライドで削除できます。より具体的なCSSルールとセレクターを使用し、「近接原理」と「重量原理」に従って、ブートストラップのデフォルトスタイルをオーバーライドします。スタイルの競合を避けるために、よりターゲットを絞ったセレクターを使用できます。オーバーライドが失敗した場合は、カスタムCSSの重量を調整します。同時に、パフォーマンスの最適化に注意を払い、重要な!の過剰使用を避け、簡潔で効率的なCSSコードを書いてください。

ブートストラップの日付を確認するには、次の手順に従ってください。必要なスクリプトとスタイルを紹介します。日付セレクターコンポーネントを初期化します。 Data-BV-Date属性を設定して、検証を有効にします。検証ルール(日付形式、エラーメッセージなどなど)を構成します。ブートストラップ検証フレームワークを統合し、フォームが送信されたときに日付入力を自動的に検証します。
