Instalați Nginx cu Ngx_Pagespeed (Optimizare viteză) pe Debian și Ubuntu


În ultimul nostru articol, am arătat cum să accelerați performanța Nginx cu Ngx_Pagespeed pe CentOS 7. În acest tutorial, vom explica cum să instalați Nginx cu ngx_pagespeed pe sistemul Debian și Ubuntu pentru a îmbunătăți performanța site-urilor web Nginx.

Nginx [engine x] este un server HTTP gratuit și cu sursă deschisă, popular, care alimentează multe site-uri de pe web: binecunoscut pentru performanța și stabilitatea sa înaltă. De asemenea, funcționează ca un proxy invers, e-mail generic și server proxy TCP/UDP și poate fi implementat suplimentar ca echilibrator de încărcare.

Ngx_pagespeed este un modul Nginx gratuit și open source destinat îmbunătățirii vitezei site-urilor, precum și reducerii timpului de încărcare a paginii; reduce drastic timpul necesar utilizatorilor pentru a vedea și a interacționa cu conținutul de pe site-ul dvs.

Caracteristici Ngx_pagespeed:

  • Compatibilitate HTTPS cu control URL.
  • Optimizarea imaginii: eliminarea metadatelor, redimensionarea dinamică, recomprimarea.
  • Minificarea, concatenarea, integrarea și conturarea CSS și JavaScript.
  • Inline de resurse mici.
  • Amânarea încărcării imaginii și JavaScript.
  • Rescriere HTML.
  • Extensie de viață a memoriei cache.
  • Permite configurarea pentru mai multe servere și multe altele.

Pasul 1: Instalarea Nginx din sursă

1. Pentru a instala Nginx cu ngx_pagespeed din sursă, este necesar ca următoarele pachete să fie instalate pe sistem.

$ sudo apt-get install build-essential zlib1g-dev libpcre3 libpcre3-dev unzip

2. Apoi, descărcați fișierele sursă ale celei mai recente versiuni de Nginx (1.13.2 la momentul scrierii acestui articol) folosind comanda wget și extrageți fișierele așa cum se arată mai jos.

$ mkdir -p ~/make_nginx
$ cd ~/make_nginx
$ wget -c https://nginx.org/download/nginx-1.13.2.tar.gz
$ tar -xzvf nginx-1.13.2.tar.gz

3. Apoi, obțineți fișierele sursă ngx_pagespeed și dezarhivați fișierul comprimat astfel.

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

4. Apoi treceți în directorul dezarhivat ngx_pagespeed și descărcați bibliotecile de optimizare PageSpeed pentru a compila Nginx după cum urmează.

$ 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

Pasul 2: Configurați și compilați Nginx cu Ngx_Pagespeed

5. Mutați apoi în directorul nginx-1.13.2 și configurați sursa Nginx utilizând următoarele comenzi.

$ cd  ~/make_nginx/nginx-1.13.2
$ ./configure --add-module=$HOME/make_nginx/ngx_pagespeed-1.12.34.2-stable/ ${PS_NGX_EXTRA_FLAGS}

6. Apoi, compilați și instalați Nginx după cum urmează.

$ make
$ sudo make install

7. După finalizarea procesului de instalare, rulați comenzile de mai jos pentru a crea linkurile simbolice necesare pentru Nginx.

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

Pasul 3: Crearea fișierului unitar Nginx pentru SystemD

8. Aici, va trebui să creați manual fișierul unității Nginx, deoarece systemd este sistemul init pe versiunile mai noi ale sistemului Debian și Ubuntu

Mai întâi, creați fișierul /lib/systemd/system/nginx.service.

$ sudo vi /lib/systemd/system/nginx.service

Apoi descărcați fișierul de serviciu NGINX systemd, lipiți configurația fișierului unității în fișier.

[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ți fișierul și închideți-l.

9. Acum, porniți serviciul nginx pentru moment și activați-l să pornească la pornirea sistemului utilizând comenzile de mai jos.

$ sudo systemctl start nginx
$ sudo systemctl enable nginx

Important: după pornirea serviciului Nginx, este posibil să vedeți o eroare, așa cum se arată în captura de ecran de mai jos.

systemd[1]: nginx.service: PID file /run/nginx.pid not readable (yet?) after start: No such file or directory 

Pentru a o rezolva, deschideți fișierul de configurare Nginx /etc/nginx/nginx.conf și adăugați următoarea linie.

#pid  logs/nginx.pid;
to
pid  /run/nginx.pid;

În sfârșit, reporniți serviciul nginx din nou.

$ sudo systemctl daemon-reload
$ sudo systemctl start nginx
$ sudo systemctl status nginx

Pasul 4: Configurați Nginx cu modulul Pagespeed

10. Acum că Nginx este instalat și rulează pe sistemul dvs., trebuie să activați modulul Ngx_pagespeed. Mai întâi creați un director în care modulul va stoca în cache fișierele pentru site-ul dvs. și setați permisiunile potrivite pentru acest director, după cum urmează.

$ sudo mkdir -p /var/ngx_pagespeed_cache
$ sudo chown -R nobody:nogroup /var/ngx_pagespeed_cache

11. Pentru a activa modulul Ngx_pagespeed, deschideți fișierul de configurare Nginx.

$ sudo vi /etc/nginx/nginx.conf

Adăugați următoarele linii de configurare Ngx_pagespeed în blocul serverului.

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

Notă: dacă ați implementat orice gazdă virtuală nginx pe server, adăugați directivele de mai sus pagespeed la fiecare bloc de server pentru a activa Ngx_pagespeed pe fiecare site.

Următorul este un exemplu de lucru al fișierului de configurare Nginx cu Ngx_pagespeed activat în gazda virtuală implicită.

#user  nobody;
worker_processes  1;
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
pid   /run/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;
    #    }
    #}
}

Salvați și închideți fișierul.

12. Apoi verificați dacă sintaxa fișierului de configurare Nginx nu conține erori, rulând comanda de mai jos; dacă este corectă, veți vedea rezultatul de mai jos:

$ sudo nginx -t

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

13. După aceea, reporniți serverul Nginx pentru a efectua modificările recente.

$ sudo systemctl restart nginx

Pasul 5: Testarea Nginx cu Ngx_pagespeed

14. Acum testați dacă Ngx-pagespeed funcționează acum împreună cu Nginx folosind comanda cURL de mai jos.

$ curl -I -p http://localhost

Dacă nu ați reușit să vedeți antetul de mai sus, reveniți la pasul 10 și parcurgeți cu atenție instrucțiunile pentru a activa Ngx-pagespeed cu pașii succesivi.

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

Dacă doriți să securizați serverul web Nginx, vă recomandăm să citiți acest tutorial util: Ghidul final pentru a securiza, consolida și îmbunătăți performanța Nginx.

Aia este! În acest tutorial, am explicat cum să instalați Nginx cu ngx_pagespeed pe Debian și Ubuntu. Dacă aveți întrebări, trimiteți-ne folosind formularul nostru de comentarii de mai jos.