Installéiert Nginx mat Ngx_Pagespeed (Speed Optimization) op Debian an Ubuntu


An eisem leschten Artikel hu mir gewisen, wéi d'Nginx-Performance mat Ngx_Pagespeed op CentOS 7 beschleunegt gëtt. An dësem Tutorial erkläre mir wéi Dir Nginx mat ngx_pagespeed op Debian an Ubuntu System installéiere kënnt fir d'Performance vun Nginx Websäiten ze verbesseren.

Nginx [Motor x] ass e gratis an Open-Source, populäre HTTP-Server deen vill Siten um Internet ubitt: bekannt fir seng High-Performance a Stabilitéit. Et funktionnéiert och als Reverse Proxy, Generic Mail an TCP/UDP Proxy Server, a kann zousätzlech als Lastbalancer agesat ginn.

Ngx_pagespeed ass e gratis an Open Source Nginx Modul geduecht fir d'Geschwindegkeet vun de Site ze verbesseren an d'Säitlaaschtzäit ze reduzéieren; et reduzéiert drastesch d'Zäit déi et brauch fir d'Benotzer ze gesinn an ze interagéieren mat Inhalt op Ärem Site.

  • HTTPS Ënnerstëtzung mat URL Kontroll.
  • Bildoptiméierung: Meta-Daten ofhuelen, dynamesch Gréisst änneren, Neikompressioun.
  • CSS a JavaScript Minifikatioun, Konkatenatioun, Inlining an Outlining.
  • Kleng Ressource Inlining.
  • Bild an JavaScript Luede ofsetzen.
  • HTML ëmschreiwen.
  • Cache Liewensdauer Verlängerung.
  • Erlaabt Konfiguratioun fir verschidde Serveren a vill anerer.

Schrëtt 1: Nginx Installatioun vu Quell

1. Fir Nginx mat ngx_pagespeed aus der Quell z'installéieren, erfuerderlech folgend Pakete fir op de System installéiert ze ginn.

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

2. Als nächst luet d'Quelldateien vun der leschter Versioun vun Nginx (1.13.2 zum Zäitpunkt vun dësem Schreiwen) mat dem wget Kommando erof an extrahéiert d'Dateien wéi hei ënnendrënner.

$ 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. Als nächst huelt d'ngx_pagespeed Quelldateien an unzip déi kompriméiert Datei esou.

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

4. Gitt dann an den unzipped ngx_pagespeed Verzeichnis an luet d'PageSpeed Optimisatiounsbibliothéiken erof fir Nginx ze kompiléieren wéi follegt.

$ 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

Schrëtt 2: Nginx konfiguréieren a kompiléieren mat Ngx_Pagespeed

5. Als nächst gitt an den nginx-1.13.2 Verzeichnis, a konfiguréiert d'Nginx Quell mat de folgende Kommandoen.

$ 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. Nächst, kompiléieren an installéieren Nginx wéi follegt.

$ make
$ sudo make install

7. Nodeems de Installatiounsprozess fäerdeg ass, lafen d'Befehle hei ënnen fir déi néideg Symlinks fir Nginx ze kreéieren.

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

Schrëtt 3: Erstellt Nginx Eenheetsdatei fir SystemD

8. Hei musst Dir d'Nginx Eenheetsdatei manuell erstellen, well systemd ass den Init System op méi nei Versioune vum Debian an Ubuntu System

Fisrt, erstellt d'Datei /lib/systemd/system/nginx.service.

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

Luet dann d'NGINX systemd Service Datei erof, paste d'Eenheetsdatei Konfiguratioun an d'Datei.

[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

Späichert d'Datei a maach se zou.

9. Elo starten den nginx Service fir de Moment, an aktivéiert et fir beim Systemboot ze starten andeems Dir d'Befehle hei drënner benotzt.

$ sudo systemctl start nginx
$ sudo systemctl enable nginx

Wichteg: Nodeems Dir den Nginx Service gestart hutt, kënnt Dir e Feeler gesinn wéi am Bildschierm hei ënnen gewisen.

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

Fir et ze léisen, öffnen d'Nginx Konfiguratioun /etc/nginx/nginx.conf Datei an fügen déi folgend Linn un.

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

Endlech den nginx Service erëm nei starten.

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

Schrëtt 4: Nginx mat Pagespeed Modul konfiguréieren

10. Elo datt Nginx installéiert ass an op Ärem System leeft, musst Dir den Ngx_pagespeed Modul aktivéieren. Erstellt als éischt e Verzeechnes wou de Modul d'Dateien fir Är Websäit Cache wäert an déi passend Permissiounen op dësem Verzeechnes wéi follegt setzen.

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

11. Fir den Ngx_pagespeed Modul z'aktivéieren, öffnen d'Nginx Konfiguratiounsdatei.

$ sudo vi /etc/nginx/nginx.conf

Füügt folgend Ngx_pagespeed Konfiguratiounslinnen am Serverblock dobäi.

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

Bemierkung: Wann Dir nginx virtuelle Hosten um Server ofgesat hutt, füügt déi uewe genannte Pagespeed Direktiven un all Serverblock un fir Ngx_pagespeed op all Site z'aktivéieren.

Déi folgend ass e funktionnéiert Beispill vun der Nginx Konfiguratiounsdatei mat Ngx_pagespeed aktivéiert am Standard virtuelle Host.

#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;
    #    }
    #}
}

Späichert an zou der Datei.

12. Da kontrolléiert ob d'Syntax vun der Nginx Konfiguratiounsdatei Feelerfräi ass andeems Dir de Kommando hei drënner leeft, wann et richteg ass, gesitt Dir d'Ausgab hei ënnen:

$ 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. Duerno Restart den Nginx Server fir déi rezent Ännerungen ze beaflossen.

$ sudo systemctl restart nginx

Schrëtt 5: Testen Nginx mat Ngx_pagespeed

14. Elo testen ob Ngx-pagespeed elo a Verbindung mat Nginx funktionnéiert mat dem cURL Kommando hei drënner.

$ curl -I -p http://localhost

Wann Dir den uewe genannten Header net gesinn hutt, gitt zréck op Schrëtt 10 a gitt opmierksam duerch d'Instruktioune fir Ngx-pagespeed mat de successive Schrëtt z'aktivéieren.

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

Wann Dir den Nginx Webserver séchere wëllt, da proposéiere mir dësen nëtzlechen Tutorial ze liesen: Den Ultimate Guide fir Séchert, Harden an d'Performance vun Nginx ze verbesseren.

Dat ass et! An dësem Tutorial hu mir erkläert wéi Dir Nginx mat ngx_pagespeed op Debian an Ubuntu installéiere wëllt. Wann Dir Froen hutt, schéckt eis mat eisem Kommentarformular hei drënner.