Accelera el rendiment de Nginx amb Ngx_Pagespeed a CentOS 7


Nginx [engine x] és un programari de servidor web i servidor intermediari invers gratuït i de codi obert, multiplataforma, potent i escrit en C. També és un servidor intermediari IMAP/POP3 i TCP/UDP estàndard, i es pot utilitzar com a càrrega. equilibrador.

Nginx és un servidor HTTP molt conegut (comparable al servidor HTTP Apache) que alimenta nombrosos llocs web; és popular pel seu alt rendiment i estabilitat.

Hi ha diversos factors importants a tenir en compte quan voleu millorar l'experiència de l'usuari al vostre lloc, com ara la velocitat del lloc i la velocitat de la pàgina (també conegut com a temps de càrrega de la pàgina). Si el vostre lloc funciona amb Nginx, podeu utilitzar ngx_pagespeed per a aquest propòsit.

Ngx_pagespeed és un mòdul Nginx gratuït i de codi obert que s'utilitza per millorar la velocitat dels llocs, així com per reduir el temps de càrrega de la pàgina. Redueix significativament el temps que triguen els usuaris a veure i interactuar amb el contingut del vostre lloc.

  • Compatibilitat amb HTTPS i control d'URL.
  • Optimització de la imatge: eliminació de metadades, redimensionament dinàmic, recompressió.
  • Minificació, concatenació, integració i esquema de CSS i JavaScript.
  • Incrustació de recursos petits.
  • Ajornar la càrrega de la imatge i JavaScript.
  • Reescriptura HTML.
  • Extensió de vida útil de la memòria cau.
  • Permet configurar diversos servidors i molts altres.

En aquest tutorial, mostrarem com instal·lar Nginx amb ngx_pagespeed i provar tota la instal·lació a RHEL/CentOS 7.

Atenció: els usuaris de Debian i Ubuntu poden seguir aquesta guia per instal·lar Ngx_Pagespeed per millorar el rendiment de Nginx.

Pas 1: instal·leu Nginx des de la font

1. Per instal·lar Nginx amb ngx_pagespeed cal que el compileu des de la font. Primer instal·leu tots els paquets necessaris per compilar Nginx des de la font com aquesta.

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

2. A continuació, obteniu els fitxers font de l'última versió de Nginx (1.13.2 en el moment d'escriure aquest article) mitjançant l'ordre wget i extreu la bola de tar descarregada com a continuació.

# 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. A continuació, baixeu els fitxers font ngx_pagespeed i descomprimiu els fitxers comprimits.

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

4. Ara aneu al directori ngx_pagespeed descomprimit i obteniu les biblioteques d'optimització de PageSpeed per compilar Nginx de la manera següent.

# 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

Pas 2: configureu i compileu Nginx amb Ngx_Pagespeed

5. Ara aneu al directori nginx-1.13.2 i configureu la font de Nginx executant les ordres següents.

# 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. A continuació, compileu i instal·leu Nginx de la manera següent.

# make
# make install

7. Quan finalitzi el procés d'instal·lació, creeu tots els enllaços simbòlics necessaris per a Nginx.

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

Pas 3: Creació del fitxer Nginx Unit per a SystemD

8. A continuació, com que systemd és el sistema d'inici de CentOS 7, cal que creeu manualment el fitxer d'unitat Nginx.

Primer, creeu el fitxer /lib/systemd/system/nginx.service i, a continuació, agafeu el fitxer de servei NGINX systemd enganxeu la configuració del fitxer de la unitat al fitxer següent.

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

Preneu nota de la ubicació del fitxer PIDFile i del binari NGINX que configureu mentre configureu i compileu Nginx, els establiu a les variables adequades al fitxer de la unitat tal com es mostra a continuació:

[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

Deseu el fitxer i tanqueu-lo.

9. En aquest punt, inicieu el servei nginx durant el temps mitjà i activeu-lo per iniciar-se a l'arrencada del sistema executant les ordres següents.

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

Pas 4: configureu Nginx amb el mòdul Pagespeed

10. Amb Nginx instal·lat, a continuació, heu d'habilitar el mòdul Ngx_pagespeed. Comenceu creant un directori on el mòdul guardarà a la memòria cau els fitxers del vostre lloc web i establiu els permisos adequats en aquest directori amb les ordres següents.

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

11. Ara és el moment d'habilitar el mòdul Ngx_pagespeed, obriu el fitxer de configuració Nginx i afegiu les línies a continuació.

Important: si heu configurat qualsevol host virtual nginx al servidor, afegiu les directives de velocitat de pàgina anteriors a cada bloc de servidor per habilitar Ngx_pagespeed a cada lloc.

# vi /etc/nginx/nginx.conf

Afegiu les següents línies de configuració Ngx_pagespeed dins del bloc del servidor.

# 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" { }

El següent és un exemple de treball del fitxer de configuració Nginx amb Ngx_pagespeed habilitat a l'amfitrió virtual predeterminat.

#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. Després, assegureu-vos que el fitxer de configuració de Nginx estigui lliure d'errors executant l'ordre següent, veureu la sortida a continuació si tot està bé.

# nginx -t

13. Finalment, reinicieu el servidor Nginx perquè els canvis tinguin efecte.

# systemctl restart nginx

Pas 5: prova Nginx amb Ngx_pagespeed

14. Per saber si Ngx_pagespeed ara funciona conjuntament amb Nginx, ha d'aparèixer a la capçalera X-Page-Speed.

# curl -I -p http://localhost

En cas que no veieu la capçalera anterior, torneu al pas 11 i seguiu acuradament les instruccions per habilitar Ngx-pagespeed amb els passos següents.

Repositori de Github Ngx-pagespeed: https://github.com/pagespeed/ngx_pagespeed

Això és tot! En aquest tutorial, vam mostrar com instal·lar i configurar Nginx amb el mòdul Ngx_pagespeed per optimitzar i millorar el rendiment del lloc i reduir el temps de càrrega de la pàgina.

Per protegir el servidor web Nginx, llegiu aquest article: La guia definitiva per assegurar, endurir i millorar el rendiment del servidor web Nginx.

Com sempre, no dubteu a fer-nos saber qualsevol consulta o reflexió sobre aquest tutorial.