Ricerca nel sito web

Accelera le prestazioni di Nginx con Ngx_Pagespeed su CentOS 7

Nginx [engine x] è un potente server Web e software proxy inverso gratuito e open source, multipiattaforma, scritto in C. È anche un server proxy IMAP/POP3 e TCP/UDP standard, e può essere utilizzato come bilanciatore del carico.

Nginx è un noto server HTTP (paragonabile al server HTTP Apache) che alimenta numerosi siti sul web; è popolare per le sue alte prestazioni e stabilità.

Ci sono vari fattori importanti da considerare quando desideri migliorare l'esperienza utente sul tuo sito, tra cui la velocità del sito e la velocità della pagina (nota anche come tempo di caricamento della pagina). Se il tuo sito è basato su Nginx, puoi utilizzare ngx_pagespeed per questo scopo.

Lettura consigliata: installa Mod_Pagespeed per migliorare le prestazioni del server Apache

Ngx_pagespeed è un modulo Nginx gratuito e open source utilizzato per migliorare la velocità dei siti e ridurre il tempo di caricamento della pagina. Riduce significativamente il tempo necessario agli utenti per vedere e interagire con i contenuti del tuo sito.

Caratteristiche Ngx_pagespeed:

  • Supporto per HTTPS e controllo URL.
  • Ottimizzazione delle immagini: rimozione dei metadati, ridimensionamento dinamico, ricompressione.
  • Minimizzazione, concatenazione, incorporamento e struttura di CSS e JavaScript.
  • Inlining di piccole risorse.
  • Differimento del caricamento di immagini e JavaScript.
  • Riscrittura HTML.
  • Estensione della durata della cache.
  • Consente la configurazione per più server e molti altri.

In questo tutorial mostreremo come installare Nginx con ngx_pagespeed e testare l'intera installazione su RHEL/CentOS 7.

Attenzione: gli utenti Debian e Ubuntu possono seguire questa guida per installare Ngx_Pagespeed per migliorare le prestazioni di Nginx.

Passaggio 1: installa Nginx dal sorgente

1. Per installare Nginx con ngx_pagespeed è necessario compilarlo dal sorgente. Per prima cosa installa tutti i pacchetti richiesti per compilare Nginx da sorgenti come questo.

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

2. Successivamente, ottieni i file sorgente dell'ultima versione di Nginx (1.13.2 al momento in cui scriviamo) utilizzando il comando wget ed estrai il file tar scaricato come di seguito .

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. Successivamente, scarica i file sorgente ngx_pagespeed e decomprimi i file compressi.

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

4. Ora spostati nella directory decompressa ngx_pagespeed e ottieni le librerie di ottimizzazione PageSpeed per compilare Nginx come segue.

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

Passaggio 2: configura e compila Nginx con Ngx_Pagespeed

5. Ora vai nella directory nginx-1.13.2 e configura il sorgente Nginx eseguendo i comandi seguenti.

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. Successivamente, compila e installa Nginx come segue.

make
make install

7. Una volta completato il processo di installazione, crea tutti i collegamenti simbolici necessari per Nginx.

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

Passaggio 3: creazione del file unità Nginx per SystemD

8. Successivamente, poiché systemd è il sistema init in CentOS 7, è necessario creare manualmente l'unità Nginx archiviarlo.

Innanzitutto, crea il file /lib/systemd/system/nginx.service, quindi prendi il file del servizio systemd NGINX e incolla la configurazione del file dell'unità nel file seguente.

vi /lib/systemd/system/nginx.service

Prendi nota della posizione del PIDFile e del binario NGINX che hai impostato durante la configurazione e la compilazione di Nginx, li imposterai nelle variabili appropriate nel file unit come mostrato di seguito :

[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

Salva il file e chiudilo.

9. A questo punto, avvia temporaneamente il servizio nginx e abilitalo all'avvio all'avvio del sistema eseguendo i comandi seguenti.

systemctl start nginx
systemctl enable nginx
systemctl status nginx

Passaggio 4: configura Nginx con il modulo Pagespeed

10. Con Nginx installato, è necessario abilitare il modulo Ngx_pagespeed. Inizia creando una directory in cui il modulo memorizzerà nella cache i file per il tuo sito Web e imposta le autorizzazioni appropriate su questa directory con i comandi seguenti.

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

11. Ora è il momento di abilitare il modulo Ngx_pagespeed, aprire il file di configurazione Nginx e aggiungere le righe seguenti.

Importante: se hai configurato degli host virtuali nginx sul server, aggiungi le direttive pagespeed sopra riportate a ciascun blocco server per abilitare Ngx_pagespeed su ciascun sito.

vi /etc/nginx/nginx.conf

Aggiungi le seguenti righe di configurazione Ngx_pagespeed all'interno del blocco del 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" { }

Quello che segue è un esempio funzionante del file di configurazione Nginx con Ngx_pagespeed abilitato nell'host virtuale predefinito.

#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. Successivamente, assicurati che il file di configurazione di Nginx sia privo di errori eseguendo il comando seguente, vedrai l'output di seguito se tutto va bene.

nginx -t

13. Infine, riavvia il server Nginx affinché le modifiche abbiano effetto.

systemctl restart nginx

Passaggio 5: testare Nginx con Ngx_pagespeed

14. Per sapere se Ngx_pagespeed ora funziona insieme a Nginx, deve apparire nell'intestazione X-Page-Speed.

curl -I -p http://localhost

Nel caso in cui non riesci a visualizzare l'intestazione sopra, torna al passaggio 11 e segui attentamente le istruzioni per abilitare Ngx-pagespeed con i passaggi successivi.

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

Questo è tutto! In questo tutorial, abbiamo mostrato come installare e configurare Nginx con il modulo Ngx_pagespeed per ottimizzare e migliorare le prestazioni del sito e ridurre il tempo di caricamento della pagina.

Per proteggere il server Web Nginx, leggi questo articolo: La guida definitiva per proteggere, rafforzare e migliorare le prestazioni del server Web Nginx.

Come sempre, non esitate a farci sapere qualsiasi domanda o pensiero riguardante questo tutorial.