Nginx 最適化サービスで Web ページ圧縮を実装する方法

Nginx 最適化サービスで Web ページ圧縮を実装する方法

リソースを節約するためにWebページの圧縮を設定する

1.まず、設定を変更しましょう

vim /usr/local/nginx/conf/nginx.conf
http {
......
  gzip on; #コメントを解除して gzip 圧縮機能を有効にします gzip_min_length 1k; #圧縮ファイルの最小サイズ gzip_buffers 4 64k; #圧縮バッファ、サイズは 4 64k バッファ gzip_http_version 1.1; #圧縮バージョン (デフォルトは 1.1、フロントエンドが squid2.5 の場合は 1.0 を使用してください)
  gzip_comp_level 6; #圧縮率 gzip_vary on; #圧縮されたページを保存するためのフロントエンドキャッシュサーバーをサポート gzip_types test/plain text/javascript application/x-javascript text/css text/xml application/xml application/xml+rss
  image/jpg image/jpeg image/png image/gif application/x-httpd-php application/javascript application/json;
  #圧縮タイプ。どの Web ドキュメントが圧縮機能を有効にするかを示します。
} 

ここに画像の説明を挿入

ここに画像の説明を挿入

2. 表示したい写真をフォルダにドラッグします

ここに画像の説明を挿入

3. この画像をウェブページに挿入する

vim インデックス.html
......
<img src="game.jpg"/> #Webページに画像を挿入する</body>
</html> 

ここに画像の説明を挿入

4. サービスを再起動する

ここに画像の説明を挿入

5. 要素をチェックインし、圧縮されていることを確認する

ここに画像の説明を挿入

Nginx 最適化サービスによる Web ページ圧縮に関するこの記事はこれで終わりです。Nginx による Web ページ圧縮に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • nginx 基本チュートリアル
  • Nginx 設定入門チュートリアル
  • Windows での nginx HTTP サーバーの入門チュートリアル
  • Nginx ロードバランシングとは何か、そしてそれをどのように設定するか
  • nginx を最適化する 6 つの方法
  • Nginx がフロントエンド リソースへのクロスドメイン アクセスの問題をどのように解決するかの詳細な説明
  • proxy_pass を設定した後に Nginx が 404 を返す問題を解決する
  • Nginx をベースに特定の IP への短期アクセス数を制限する
  • Nginx の構成と HTTP 実装コード分析との互換性
  • Nginx サービス クイック スタート チュートリアル

<<:  Vue-Routerのルート設定の詳しい説明

>>:  MySQL Workbench の使い方チュートリアルの詳しい説明

推薦する

検証コードケースのjs実装

この記事の例では、検証コードを実装するためのjsの具体的なコードを参考までに共有しています。具体的な...

MySql 8.0.11 のインストールと設定のチュートリアル

公式ウェブサイトアドレス: https://dev.mysql.com/downloads/mysq...

LinuxでIPを表示する方法の例

ネットワークの問題のトラブルシューティング、新しい接続のセットアップ、ファイアウォールの構成を行うと...

mysql 起動時の ERROR 2003 (HY000) の問題を解決する方法

1. 問題の説明MYSQL を起動すると、図に示すように、「ERROR 2003 (HY000): ...

入力テキストボックスの長さをコンテンツに応じて変更する方法

初め:コードをコピーコードは次のとおりです。 <input type="text&q...

JavaScript オブジェクト (詳細)

目次JavaScript オブジェクト1. 定義2. オブジェクトの分類3. オブジェクトを定義する...

URLエスケープエンコーディングの特殊文字に基づいて

目次URL 内の特殊文字URL 特殊文字エスケープ、URL 内の一部の文字には特別な意味があり、基本...

css3 flexレイアウト justify-content:space-between 最後の行は左揃えになります

justify-content:space-betweenレイアウトを使用する場合、要素の最後の行に...

純粋な CSS でカスタムラジオボタンとチェックボックス機能を実装する

1. 効果を達成する 2 知識ポイント2.1 <label> タグHTML では、<...

印刷広告を成功させるための「3I」基準

国内の多くの広告主にとって、印刷広告の制作と評価は、しばしばかなり主観的です。自分の感情や美的感覚に...

MySQL インデックスがソートに与える影響の分析例

この記事では、例を使用して、MySQL インデックスがソートに与える影響を説明します。ご参考までに、...

Vue コンポーネント ライブラリ ElementUI はテーブル読み込みツリー データのチュートリアルを実装します

ElementUIは、参考のためにテーブルツリーリストの読み込みチュートリアルを実装しています。具体...

MySQL の詳細な単一テーブルの追加、削除、変更、クエリの CRUD ステートメント

MySQL の追加、削除、変更、クエリステートメント1. 練習シートを作成するここでの練習表は3つの...

MySQLでテーブル名を変更する方法と注意すべき点

目次1. テーブル名を変更する方法2. 注記要約: 1. テーブル名を変更する方法RENAME TA...

JavaScript を使用してタイムラインとアニメーション効果を実装するためのサンプル コード (フロントエンドのコンポーネント化)

目次コードのクリーニングJavaScript の「フレーム」 「フレーム」の実装方法1. 間隔を設定...