Ngx-pagespeed è un modulo Nginx gratuito e open source che può essere utilizzato per velocizzare il tuo sito e ridurre i tempi di caricamento della pagina. Funziona applicando automaticamente le migliori pratiche per le prestazioni web alle pagine e alle risorse associate senza richiedere la modifica del contenuto o del flusso di lavoro esistente. Puoi facilmente ottimizzare vari file come CSS, HTML, png e jpg usando il modulo Ngx-pagespeed.
Ngx-pagespeed include molte funzionalità, alcune delle quali sono elencate di seguito:
- Supporta il ridimensionamento dinamico, la ricompressione e l'ottimizzazione delle immagini.
- Incorporamento di piccole risorse.
- Riscrittura HTML.
- Estensione della durata della cache.
- Rinvio JavaScript e caricamento immagini.
In questo tutorial, discuteremo come compilare Nginx con il modulo ngx_pagespeed sul server CentOS 7.
Requisiti
- Server CentOS 7 fresco installato sul tuo sistema.
- Utente Sudo con privilegi di root.
1 Aggiorna il sistema
Iniziamo aggiornando il tuo sistema all'ultima versione stabile. Puoi farlo eseguendo il seguente comando:
sudo yum update -y
Una volta che il tuo sistema è stato aggiornato, riavvia il sistema e accedi con sudo user.
2 Installa le dipendenze richieste
Dovrai installare alcuni pacchetti per compilare Nginx. Puoi installare tutte queste dipendenze eseguendo il comando seguente:
sudo yum install gcc cmake unzip wget gcc-c++ pcre-devel zlib-devel -y
Una volta installate tutte le dipendenze necessarie, puoi procedere al passaggio successivo.
3 Compila Nginx con Ngx-pagespeed
Per installare Nginx con il modulo ngx-pagespeed dovrai compilare Nginx dal sorgente. Innanzitutto, dovrai scaricare il sorgente Nginx. Puoi scaricarlo eseguendo il seguente comando:
wget http://nginx.org/download/nginx-1.12.0.tar.gz
Per compilare Nginx con il modulo ngx_pagespeed, dovrai anche scaricare il pacchetto sorgente ngx_pagespeed. Puoi scaricarlo con il seguente comando:
wget https://github.com/pagespeed/ngx_pagespeed/archive/v1.12.34.2-stable.zip
Una volta scaricati entrambi i pacchetti, estraili con il seguente comando:
tar -xvzf nginx-1.12.0.tar.gz
tar -xvzf v1.12.34.2-stable.zip
Successivamente, dovrai anche scaricare le librerie di ottimizzazione PageSpeed per compilare Nginx. Puoi scaricarlo con il seguente comando:
cd ngx_pagespeed-1.12.34.2-stable
wget https://dl.google.com/dl/page-speed/psol/1.12.34.2-x64.tar.gz
tar -xvzf 1.12.34.2-x64.tar.gz
cd ..
Ora iniziamo a compilare Nginx con il modulo pagespeed.
Innanzitutto, cambia la directory nella directory di origine di Nginx con il seguente comando:
cd nginx-1.12.0
Quindi, configura il sorgente Nginx con il seguente comando:
sudo ./configure --add-module=$HOME/ngx_pagespeed-1.12.34.2-stable --user=nobody --group=nobody --pid-path=/var/run/nginx.pid ${PS_NGX_EXTRA_FLAGS}
Una volta completata la configurazione, compila Nginx eseguendo il seguente comando:
sudo make
Il comando precedente richiederà diversi minuti. Dopodiché puoi installare nginx eseguendo il seguente comando:
sudo make install
Una volta installato Nginx, dovrai creare un collegamento simbolico per Nginx:
sudo ln -s /usr/local/nginx/conf/ /etc/nginx
sudo ln -s /usr/local/nginx/sbin/nginx /usr/sbin/nginx
4 Crea script di avvio Nginx
Dovrai anche creare uno script di avvio per Nginx per arrestare e avviare Nginx. Puoi farlo creando il file nginx all'interno della directory /etc/init.d:
sudo nano /etc/init.d/nginx
Aggiungi le seguenti righe:
#!/bin/sh # # nginx - this script starts and stops the nginx daemon # # chkconfig: - 85 15 # description: NGINX is an HTTP(S) server, HTTP(S) reverse \ # proxy and IMAP/POP3 proxy server # processname: nginx # config: /etc/nginx/nginx.conf # config: /etc/sysconfig/nginx # pidfile: /var/run/nginx.pid # Source function library. . /etc/rc.d/init.d/functions # Source networking configuration. . /etc/sysconfig/network # Check that networking is up. [ "$NETWORKING" = "no" ] && exit 0 nginx="/usr/sbin/nginx" prog=$(basename $nginx) NGINX_CONF_FILE="/etc/nginx/nginx.conf" [ -f /etc/sysconfig/nginx ] && . /etc/sysconfig/nginx lockfile=/var/lock/subsys/nginx make_dirs() { # make required directories user=`$nginx -V 2>&1 | grep "configure arguments:.*--user=" | sed 's/[^*]*--user=\([^ ]*\).*/\1/g' -` if [ -n "$user" ]; then if [ -z "`grep $user /etc/passwd`" ]; then useradd -M -s /bin/nologin $user fi options=`$nginx -V 2>&1 | grep 'configure arguments:'` for opt in $options; do if [ `echo $opt | grep '.*-temp-path'` ]; then value=`echo $opt | cut -d "=" -f 2` if [ ! -d "$value" ]; then # echo "creating" $value mkdir -p $value && chown -R $user $value fi fi done fi } start() { [ -x $nginx ] || exit 5 [ -f $NGINX_CONF_FILE ] || exit 6 make_dirs echo -n $"Starting $prog: " daemon $nginx -c $NGINX_CONF_FILE retval=$? echo [ $retval -eq 0 ] && touch $lockfile return $retval } stop() { echo -n $"Stopping $prog: " killproc $prog -QUIT retval=$? echo [ $retval -eq 0 ] && rm -f $lockfile return $retval } restart() { configtest || return $? stop sleep 1 start } reload() { configtest || return $? echo -n $"Reloading $prog: " killproc $nginx -HUP RETVAL=$? echo } force_reload() { restart } configtest() { $nginx -t -c $NGINX_CONF_FILE } rh_status() { status $prog } rh_status_q() { rh_status >/dev/null 2>&1 } case "$1" in start) rh_status_q && exit 0 $1 ;; stop) rh_status_q || exit 0 $1 ;; restart|configtest) $1 ;; reload) rh_status_q || exit 7 $1 ;; force-reload) force_reload ;; status) rh_status ;; condrestart|try-restart) rh_status_q || exit 0 ;; *) echo $"Usage: $0 {start|stop|status|restart|condrestart|try-restart|reload|force-reload|configtest}" exit 2 esac
Salva e chiudi il file quando hai finito, quindi dai il permesso di esecuzione:
sudo chmod +x /etc/init.d/nginx
Ora avvia il servizio nginx e abilitalo all'avvio all'avvio con il seguente comando:
sudo systemctl start nginx
sudo systemctl enable nginx
Una volta terminato, puoi procedere al passaggio successivo.
5 Configura Nginx
Ora, Nginx è installato con il supporto ngx-pagespeed. Per impostazione predefinita, PageSpeed è disabilitato. Prima di abilitarlo, ti consigliamo di testare la velocità del tuo sito web. Successivamente, dovrai creare una directory cache per ngx-pagespeed e anche assegnarne la proprietà a Nginx:
sudo mkdir -p /var/ngx_pagespeed_cache
sudo chown -R nobody:nobody /var/ngx_pagespeed_cache
Successivamente, dovrai apportare alcune modifiche al file /etc/nginx/nginx.conf. Puoi farlo eseguendo il seguente comando:
sudo nano /etc/nginx/nginx.conf
Aggiungi il seguente codice tra il 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" { }
Nota:se stai utilizzando l'hosting virtuale, aggiungi le direttive pagespeed di cui sopra a ciascun file di configurazione del blocco server per abilitare la velocità di pagina su ciascun sito web.
Salva e chiudi il file quando hai finito, quindi controlla Nginx per eventuali errori di configurazione con il seguente comando:
sudo nginx -t
Se tutto va bene, dovresti vedere il seguente output:
nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful
Infine, riavvia Nginx per rendere effettive le modifiche:
sudo systemctl restart nginx
Una volta configurato Nginx, puoi procedere al test di Ngx-pagespeed.
6 Prova Ngx-pagespeed
Nginx è ora attivo e funzionante. È ora di verificare se il modulo funziona o meno. Puoi verificarlo eseguendo il seguente comando:
curl -I -p http://localhost
Dovresti vedere il seguente output:
HTTP/1.1 200 OK Server: nginx/1.12.0 Content-Type: text/html Connection: keep-alive Vary: Accept-Encoding Date: Wed, 21 Jun 2017 17:21:08 GMT X-Page-Speed: 1.12.34.2-0 Cache-Control: max-age=0, no-cache
Dovresti vedere X-Page-Speed e il suo numero di versione nell'output sopra. Ciò significa che hai installato con successo Ngx_pagespeed sul tuo server.
Conclusione
Congratulazioni! hai installato con successo Nginx con il supporto del modulo Ngx-pagespeed. Spero che ora tu possa distribuirlo facilmente in un ambiente di produzione. Sentiti libero di commentarmi se hai domande.