圧縮のnginxのウェブページの最適化

I.概要

nginxののngx_http_gzip_module圧縮モジュールは、ファイルの内容の圧縮を提供し、オープン圧縮がユーザアクセスの利便性を高めるために、ブロードバンドのウェブサイトを保存することができ、デフォルトでインストールされている、あなただけのnginxの設定ファイルに関連するパラメータを開く必要があります。

第二に、実験環境

nginxの-1.12.2。バージョン

第三に、実験手順

手動で「------コンパイルとnginxのインストール」のgzip圧縮を有効に--------「」キャプチャテスト

第四に、インストールnginxの

設置環境の依存関係は、ユーザプログラムを作成します

[root@localhost ~]# yum install gcc gcc-c++ pcre* zlib-devel make -y
[root@localhost ~]# useradd -M -s /sbin/nologin nginx

nginxの公式サイトでインストールパッケージをダウンロードし、次のnginxののoptディレクトリにパッケージを解凍します

[root@localhost home]# cd LNMP-C7/
[root@localhost LNMP-C7]# ls
Discuz_X3.4_SC_UTF8.zip    php-5.6.11.tar.bz2
mao.jpg                    php-7.1.10.tar.bz2
mysql-boost-5.7.20.tar.gz  php-7.1.20.tar.bz2
ncurses-5.6.tar.gz         php-7.1.20.tar.gz
nginx-1.12.2.tar.gz        zend-loader-php5.6-linux-x86_64_update1.tar.gz
[root@localhost LNMP-C7]# tar zxvf nginx-1.12.2.tar.gz -C /opt

configureスクリプトにオプトイン

[root@localhost LNMP-C7]# cd /opt/nginx-1.12.2/
[root@localhost nginx-1.12.2]# ./configure \
> --prefix=/usr/local/nginx \
> --user=nginx \
> --group=nginx \
> --with-http_stub_status_module

コンパイルとインストール

[root@localhost nginx-1.12.2]# make && make install

第五に、オープン圧縮モジュール関連機能

[root@localhost nginx-1.12.2]# vim /usr/local/nginx/conf/nginx.conf
 33  gzip  on;   ##开启压缩
 34  gzip_min_length 1k;  ##允许压缩的最小字节数 
 35  gzip_buffers 4 16k;   ##buffers
 36  gzip_http_version 1.1;   ##版本
 37  gzip_comp_level 6;  ##压缩比率,最小为1,速度快;最大为9,速度慢
 38  gzip_types text/plain application/x-javascript text/css image/jpg image/jpeg image/png image/gif  application/xml text/javascript application/x-httpd-php application/javascript application/json;  ##支持压缩图片类型
 39  gzip_disable "MSIE [1-6]\.";    ##禁用gzip的条件,ie6以下不启用gzip
 40  gzip_vary on;  ##可以让前端的缓存服务器缓存经过gzip压缩页面

画像を挿入は、nginxのホームでテスト

[root@localhost nginx-1.12.2]#  cp /home/LNMP-C7/mao.jpg  /usr/local/nginx/html/
[root@localhost nginx-1.12.2]# cd /usr/local/nginx/html
[root@localhost html]# ls
50x.html  index.html  mao.jpg
[root@localhost html]# vim index.html 
14 <h1>Welcome to nginx!</h1>
15 <img src="mao.jpg"/>                ####加入图片     

ファイアウォールをオフにし、nginxのサービスを再起動します

[root@localhost nginx-1.12.2]#  systemctl stop firewalld.service 
[root@localhost nginx-1.12.2]#  setenforce  0
[root@localhost nginx-1.12.2]#  systemctl stop nginx.service
[root@localhost nginx-1.12.2]#  systemctl start nginx.service

第六に、キャプチャテスト

アクセスnginxのホーム
ここに画像を挿入説明

圧縮はオンになっていない前に、
ここに画像を挿入説明
圧縮をオンにした後、
ここに画像を挿入説明

公開された43元の記事 ウォン称賛56 ビュー7904

おすすめ

転載: blog.csdn.net/weixin_42953006/article/details/103676834