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 の使い方チュートリアルの詳しい説明

推薦する

VSCode 構成 Git メソッドの手順

Git は vscode に統合されており、git コマンドをいくつか記述しなくても、クリックするだ...

アイデアを war パッケージにパッケージ化し、tomcat にデプロイしてアクセス パスの問題 (図とテキスト)

Web プロジェクトを war にパッケージ化するアイデアにとって最も重要なことは、アトリフィカを...

シンプルな広告ウィンドウを実現するjs

この記事では、参考までに、シンプルな広告ウィンドウを実装するためのjsの具体的なコードを紹介します。...

Typescript の as、疑問符、感嘆符の詳細な説明

1. asキーワードはアサーションを示すTypescript では、アサーションを表現する方法が 2...

Nginx ドメイン名 SSL 証明書の構成 (Web サイトの http を https にアップグレード)

序文HTTP と HTTPS日常生活でよく使われる URL は、おおまかに次の 2 種類に分けられま...

CSS -webkit-box-orient: コンパイル後に垂直プロパティが失われる

1. 原因要件は 2 行を表示することであり、余分なテキストは 3 つのドットに置き換えられるため、...

MySQL インデックスの長さ制限の原理の分析

この記事は主に、MySQL インデックスの長さ制限の原理の分析を紹介します。サンプル コードを通じて...

MySQL で主キーと ROWID を使用する際の落とし穴の概要

序文MySQL の rowid の概念については聞いたことがあるかもしれませんが、テストや実践が難し...

Vue ルーターにパラメータを渡すときにページを更新するとパラメータが失われる問題に対処する方法

目次概要方法1: params経由でパラメータを渡す方法2: クエリを通じてパラメータを渡す方法3:...

シンプルなページカウントダウンを実現するJavaScript

この記事では、参考までに、シンプルなページカウントダウンを実装するためのJavaScriptの具体的...

mysql5.6 の無効な utf8 設定の問題を解決する

mysql5.6 のグリーン バージョンを解凍すると、my-default.ini ファイルが作成さ...

Linux teeコマンドの使い方の詳しい説明

teeコマンドは主にstandout(標準出力ストリーム、通常はコマンド実行ウィンドウ)に出力し、同...

MySQL はリレーショナルデータベースですか?

MySQL はリレーショナル データベース管理システムです。リレーショナル データベースは、すべて...

CentOS 7 はネットワークカードを変更した後、インターネットにアクセスできません

不明なドメイン名 www.baidu.com を Ping するホストのIPアドレスを変更する右クリ...