ການສະແດງຄວາມໄວຂອງ Nginx ກັບ Ngx_Pagespeed ໃນ CentOS 7


Nginx [ເຄື່ອງຈັກ x] ແມ່ນໂປແກຼມທີ່ສາມາດ ນຳ ໃຊ້ໄດ້ໂດຍບໍ່ເສຍຄ່າແລະເປີດ, ເວທີຂ້າມຜ່ານ, ເວບໄຊທ໌ທີ່ມີປະສິດທິພາບແລະຊອບແວຕົວແທນດ້ານຫລັງທີ່ຂຽນໃນ C. ການດຸ່ນດ່ຽງ.

Nginx ແມ່ນເຄື່ອງແມ່ຂ່າຍ HTTP ທີ່ມີຊື່ສຽງ (ທຽບກັບເຊີຟເວີ Apache HTTP) ກຳ ລັງສະ ໜອງ ສະຖານທີ່ ຈຳ ນວນຫລາຍໃນເວັບ; ມັນເປັນທີ່ນິຍົມສໍາລັບປະສິດທິພາບສູງແລະຄວາມຫມັ້ນຄົງຂອງມັນ.

ມີຫລາຍປັດໃຈທີ່ ສຳ ຄັນທີ່ຕ້ອງພິຈາລະນາເມື່ອທ່ານຕ້ອງການປັບປຸງປະສົບການຂອງຜູ້ໃຊ້ໃນເວັບໄຊທ໌້ຂອງທ່ານ, ລວມທັງຄວາມໄວຂອງເວບໄຊທ໌ແລະຄວາມໄວຂອງ ໜ້າ ເວບ (ຍັງເອີ້ນວ່າເວລາໂຫລດ ໜ້າ). ຖ້າເວັບໄຊທ໌ຂອງທ່ານຂັບເຄື່ອນໂດຍ Nginx, ຫຼັງຈາກນັ້ນທ່ານສາມາດໃຊ້ ngx_pagespeed ເພື່ອຈຸດປະສົງນີ້.

Ngx_pagespeed ແມ່ນໂມດູນ Nginx ທີ່ເປີດແລະເປີດໂດຍບໍ່ເສຍຄ່າໃຊ້ເພື່ອເພີ່ມຄວາມໄວຂອງເວບໄຊທ໌ຕ່າງໆພ້ອມທັງຂະຫຍາຍເວລາໂຫຼດ ໜ້າ ເວບໄຊທ໌. ມັນຫຼຸດລົງຢ່າງຫຼວງຫຼາຍເວລາທີ່ມັນໃຊ້ເວລາສໍາລັບຜູ້ໃຊ້ເບິ່ງແລະພົວພັນກັບເນື້ອຫາຂອງເວັບໄຊທ໌ຂອງທ່ານ.

  • ຮອງຮັບ HTTPS ແລະ URL ຄວບຄຸມ.
  • ການເພີ່ມປະສິດທິພາບຮູບພາບ: ການດຶງຂໍ້ມູນ meta-data, ການປັບຂະ ໜາດ ແບບເຄື່ອນໄຫວ, ການແນະ ນຳ.
  • CSS & JavaScript minification, concatenation, inlining and outlines.
  • ຊັບພະຍາກອນຂະ ໜາດ ນ້ອຍໃນສາຍ.
  • ການໂອນຮູບພາບແລະການໂຫຼດ JavaScript.
  • ການຂຽນຄືນ HTML.
  • ການຂະຫຍາຍຕະຫຼອດຊີວິດຂອງແຄດ.
  • ອະນຸຍາດໃຫ້ຕັ້ງຄ່າ ສຳ ລັບຫລາຍເຊີບເວີແລະອີກຫຼາຍໆເຄື່ອງ.

ໃນບົດແນະ ນຳ ນີ້, ພວກເຮົາຈະສະແດງວິທີການຕິດຕັ້ງ Nginx ດ້ວຍ ngx_pagespeed ແລະທົດສອບການຕິດຕັ້ງທັງ ໝົດ ໃນ RHEL/CentOS 7.

ຄວາມສົນໃຈ: ຜູ້ໃຊ້ Debian ແລະ Ubuntu ສາມາດປະຕິບັດຕາມຄູ່ມືນີ້ໃນການຕິດຕັ້ງ Ngx_Pagespeed ເພື່ອປັບປຸງການເຮັດວຽກຂອງ Nginx.

ຂັ້ນຕອນທີ 1: ຕິດຕັ້ງ Nginx ຈາກ Source

1. ການຕິດຕັ້ງ Nginx ກັບ ngx_pagespeed ຮຽກຮ້ອງໃຫ້ທ່ານລວບລວມມັນຈາກແຫຼ່ງ. ທຳ ອິດຕິດຕັ້ງທຸກຊຸດທີ່ ຈຳ ເປັນ ສຳ ລັບການລວບລວມ Nginx ຈາກແຫຼ່ງຂໍ້ມູນເຊັ່ນນີ້.

# yum install wget gcc cmake unzip gcc-c++ pcre-devel zlib-devel
OR
# yum group install "Development Tools"

2. ຕໍ່ໄປ, ເອົາເອກະສານແຫຼ່ງທີ່ມາຂອງ Nginx ລຸ້ນ ໃໝ່ ລ້າສຸດ (1.13.2 ໃນເວລາຂຽນນີ້) ໂດຍໃຊ້ ຄຳ ສັ່ງ wget ແລະສະກັດບານ tar ທີ່ດາວໂຫລດມາຂ້າງລຸ່ມນີ້.

# mkdir ~/downloads
# cd ~/downloads
# wget -c https://nginx.org/download/nginx-1.13.2.tar.gz
# tar -xzvf nginx-1.13.2.tar.gz

3. ຕໍ່ໄປ, ດາວນ໌ໂຫລດໄຟລ໌ແຫຼ່ງ ngx_pagespeed ແລະໄຟລ໌ທີ່ຖືກບີບອັດ.

# wget -c https://github.com/pagespeed/ngx_pagespeed/archive/v1.12.34.2-stable.zip
# unzip v1.12.34.2-stable.zip

4. ຕອນນີ້ຍ້າຍເຂົ້າໄປໃນໄດເລກະທໍລີ ngx_pagespeed ທີ່ບໍ່ຖືກດຶງແລະໃຫ້ໄດ້ຫ້ອງສະຫມຸດການເພີ່ມປະສິດທິພາບຂອງ PageSpeed ເພື່ອລວບລວມ Nginx ດັ່ງຕໍ່ໄປນີ້.

# cd ngx_pagespeed-1.12.34.2-stable/
# wget -c https://dl.google.com/dl/page-speed/psol/1.12.34.2-x64.tar.gz
# tar -xvzf 1.12.34.2-x64.tar.gz

ຂັ້ນຕອນທີ 2: ຕັ້ງຄ່າແລະລວບລວມ Nginx ດ້ວຍ Ngx_Pagespeed

5. ຕອນນີ້ເຂົ້າໄປໃນໄດເລກະທໍລີ nginx-1.13.2, ແລະຕັ້ງຄ່າແຫຼ່ງ Nginx ໂດຍການແລ່ນ ຄຳ ສັ່ງຂ້າງລຸ່ມນີ້.

# cd ~/downloads/nginx-1.13.2
# ./configure --add-module=$HOME/downloads/ngx_pagespeed-1.12.34.2-stable/ --user=nobody --group=nobody --error-log-path=/var/log/nginx/error.log --http-log-path=/var/log/nginx/access.log --pid-path=/var/run/nginx.pid ${PS_NGX_EXTRA_FLAGS}

6. ຕໍ່ໄປ, ລວບລວມແລະຕິດຕັ້ງ Nginx ດັ່ງຕໍ່ໄປນີ້.

# make
# make install

7. ເມື່ອຂັ້ນຕອນການຕິດຕັ້ງ ສຳ ເລັດແລ້ວ, ສ້າງທຸກ symlinks ທີ່ ຈຳ ເປັນ ສຳ ລັບ Nginx.

# ln -s /usr/local/nginx/conf/ /etc/nginx/
# ln -s /usr/local/nginx/sbin/nginx /usr/sbin/nginx

ຂັ້ນຕອນທີ 3: ການສ້າງເອກະສານຫນ່ວຍງານ Nginx ສຳ ລັບ SystemD

8. ຕໍ່ໄປ, ເພາະວ່າ systemd ແມ່ນລະບົບ init ໃນ CentOS 7, ທ່ານ ຈຳ ເປັນຕ້ອງສ້າງເອກະສານຫົວຂໍ້ Nginx ໂດຍຕົນເອງ.

ຈາກ Fisrt, ສ້າງແຟ້ມເອກະສານ /lib/systemd/system/nginx.service, ຫຼັງຈາກນັ້ນຈັບເອົາເອກະສານບໍລິການລະບົບ NGINX ວາງລະບົບການຕັ້ງຄ່າເອກະສານເຂົ້າໄປໃນແຟ້ມລຸ່ມນີ້.

# vi /lib/systemd/system/nginx.service

ຈົດບັນທຶກສະຖານທີ່ຂອງ PIDFile ແລະໄບນາລີ NGINX ທີ່ທ່ານຕັ້ງໄວ້ໃນຂະນະທີ່ ກຳ ລັງຕັ້ງຄ່າແລະລວບລວມ Nginx, ທ່ານຈະຕັ້ງຄ່າຕົວແປເຫລົ່ານັ້ນໃຫ້ ເໝາະ ສົມໃນເອກະສານຫົວ ໜ່ວຍ ດັ່ງທີ່ສະແດງຢູ່ດ້ານລຸ່ມ:

[Unit]
Description=The NGINX HTTP and reverse proxy server
After=syslog.target network.target remote-fs.target nss-lookup.target

[Service]
Type=forking
PIDFile=/var/run/nginx.pid
ExecStartPre=/usr/sbin/nginx -t
ExecStart=/usr/sbin/nginx
ExecReload=/bin/kill -s HUP $MAINPID
ExecStop=/bin/kill -s QUIT $MAINPID
PrivateTmp=true

[Install]
WantedBy=multi-user.target

ບັນທຶກເອກະສານແລະປິດມັນ.

9. ໃນຈຸດນີ້, ເລີ່ມຕົ້ນໃຫ້ບໍລິການ nginx ໃນຊ່ວງເວລາທີ່ໃຊ້ເວລາແລະຊ່ວຍໃຫ້ມັນເລີ່ມຕົ້ນໃນລະບົບເລີ່ມຕົ້ນໂດຍການເຮັດວຽກ ຄຳ ສັ່ງຂ້າງລຸ່ມນີ້.

# systemctl start nginx
# systemctl enable nginx
# systemctl status nginx

ຂັ້ນຕອນທີ 4: ຕັ້ງຄ່າ Nginx ດ້ວຍ Pagespeed Module

10. ດ້ວຍການຕິດຕັ້ງ Nginx, ຕໍ່ໄປ, ທ່ານ ຈຳ ເປັນຕ້ອງເປີດໃຊ້ Ngx_pagespeed module. ເລີ່ມຕົ້ນໂດຍການສ້າງໄດເລກະທໍລີທີ່ໂມດູນຈະເກັບຂໍ້ມູນ ສຳ ລັບເວັບໄຊທ໌ຂອງທ່ານແລະ ກຳ ນົດສິດທີ່ ເໝາະ ສົມໃນໄດເລກະທໍລີນີ້ດ້ວຍ ຄຳ ສັ່ງຂ້າງລຸ່ມ

# mkdir -p /var/ngx_pagespeed_cache
# chown -R nobody:nobody /var/ngx_pagespeed_cache

11. ດຽວນີ້ເຖິງເວລາແລ້ວທີ່ຈະເປີດໃຊ້ໂມດູນ Ngx_pagespeed, ເປີດເອກະສານການຕັ້ງຄ່າ Nginx ແລະເພີ່ມສາຍຢູ່ທາງລຸ່ມ.

ສິ່ງທີ່ ສຳ ຄັນ: ຖ້າທ່ານໄດ້ ກຳ ຫນົດຄ່າພາບ Nginx ທີ່ມີຢູ່ໃນເຊີບເວີ, ເພີ່ມ ຄຳ ແນະ ນຳ ຕ່າງໆທີ່ຖືກລະບຸໄວ້ຂ້າງເທິງໃນແຕ່ລະ block server ເພື່ອໃຫ້ Ngx_pagespeed ຢູ່ໃນແຕ່ລະເວັບໄຊ.

# vi /etc/nginx/nginx.conf

ຕື່ມໃສ່ແຖວການຕັ້ງຄ່າຕ່າງໆຂອງ Ngx_pagespeed ພາຍໃນ block server.

# Pagespeed main settings

pagespeed on;
pagespeed FileCachePath /var/ngx_pagespeed_cache;


# Ensure requests for pagespeed optimized resources go to the pagespeed
# handler and no extraneous headers get set.

location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
location ~ "^/ngx_pagespeed_static/" { }
location ~ "^/ngx_pagespeed_beacon" { }

ຕໍ່ໄປນີ້ແມ່ນຕົວຢ່າງທີ່ເຮັດວຽກຂອງແຟ້ມການຕັ້ງຄ່າ Nginx ກັບ Ngx_pagespeed ເປີດໃຊ້ງານໃນໂຮດຕິ້ງເສີຍໆໃນຕອນຕົ້ນ.

#user  nobody;
worker_processes  1;
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
#pid        logs/nginx.pid;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;
    sendfile        on;
    #tcp_nopush     on;
    #keepalive_timeout  0;
    keepalive_timeout  65;
    #gzip  on;
    server {
        listen       80;
        server_name  localhost; 
        #charset koi8-r;
        #access_log  logs/host.access.log  main;

        # Pagespeed main settings
        pagespeed on;
        pagespeed FileCachePath /var/ngx_pagespeed_cache;

        # Ensure requests for pagespeed optimized resources go to the pagespeed
        # handler and no extraneous headers get set.

        location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
        location ~ "^/ngx_pagespeed_static/" { }
        location ~ "^/ngx_pagespeed_beacon" { }

        location / {
            root   html;
            index  index.html index.htm;
        }
        #error_page  404              /404.html;
        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}
        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }

    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

12. ຫລັງຈາກນັ້ນ, ຮັບປະກັນວ່າແຟ້ມ Nginx config ແມ່ນຜິດພາດໂດຍການກົດ ຄຳ ສັ່ງຂ້າງລຸ່ມ, ທ່ານຈະເຫັນຜົນໄດ້ຮັບດ້ານລຸ່ມຖ້າທຸກຢ່າງດີ.

# nginx -t

13. ສຸດທ້າຍ, ເລີ້ມ server Nginx ຄືນ ໃໝ່ ເພື່ອການປ່ຽນແປງຈະມີຜົນ.

# systemctl restart nginx

ຂັ້ນຕອນທີ 5: ການທົດສອບ Nginx ກັບ Ngx_pagespeed

14. ເພື່ອຢາກຮູ້ວ່າຕອນນີ້ Ngx_pagespeed ເຮັດວຽກຮ່ວມກັບ Nginx, ມັນຕ້ອງປາກົດຢູ່ໃນຫົວ X-Page-Speed.

# curl -I -p http://localhost

ໃນກໍລະນີທີ່ທ່ານບໍ່ເຫັນຫົວຂໍ້ຂ້າງເທິງ, ຫຼັງຈາກນັ້ນກັບໄປທີ່ຂັ້ນຕອນທີ 11 ແລະປະຕິບັດຕາມ ຄຳ ແນະ ນຳ ຢ່າງລະມັດລະວັງເພື່ອເຮັດໃຫ້ Ngx-pagepeed ມີຂັ້ນຕອນຕໍ່ໄປ.

Ngx-pagespeed Github repository: https://github.com/pagespeed/ngx_pagespeed

ຫມົດເທົ່ານີ້! ໃນບົດແນະ ນຳ ນີ້, ພວກເຮົາໄດ້ສະແດງວິທີການຕິດຕັ້ງແລະ ກຳ ຫນົດຄ່າ Nginx ດ້ວຍໂມດູນ Ngx_pagespeed ເພື່ອເພີ່ມປະສິດທິພາບແລະປັບປຸງການເຮັດວຽກຂອງເວບໄຊທ໌ແລະຫຼຸດຜ່ອນເວລາໂຫຼດ ໜ້າ ເວັບ.

ເພື່ອຮັບປະກັນເຄື່ອງແມ່ຂ່າຍເວັບໄຊຕ໌ Nginx, ອ່ານບົດຄວາມນີ້ - ຄູ່ມືສຸດທ້າຍເພື່ອຄວາມປອດໄພ, ແຂງກະດ້າງແລະປັບປຸງການປະຕິບັດງານຂອງ Nginx Web Server.

ດັ່ງທີ່ເຄີຍເຮັດ, ຢ່າລັງເລທີ່ຈະແຈ້ງໃຫ້ພວກເຮົາຮູ້ ຄຳ ຖາມຫລືຄວາມຄິດໃດໆກ່ຽວກັບ ຄຳ ແນະ ນຳ ນີ້.