Website-Suche

Installieren Sie Nginx mit Ngx_Pagespeed (Speed Optimization) unter Debian und Ubuntu


In unserem letzten Artikel haben wir gezeigt, wie Sie die Leistung von Nginx mit Ngx_Pagespeed auf CentOS 7 beschleunigen können. In diesem Tutorial erklären wir, wie Sie Nginx mit ngx_pagespeed auf Debian- und Ubuntu-Systemen installieren, um die Leistung von Nginx-Websites zu verbessern.

Nginx [engine x] ist ein kostenloser und quelloffener, beliebter HTTP-Server, der viele Websites im Web betreibt und für seine hohe Leistung und Stabilität bekannt ist. Es funktioniert auch als Reverse-Proxy, generischer Mail- und TCP/UDP-Proxy-Server und kann zusätzlich als Load Balancer eingesetzt werden.

Ngx_pagespeed ist ein kostenloses Open-Source-Nginx-Modul, das dazu gedacht ist, die Geschwindigkeit von Websites zu verbessern und die Ladezeit von Seiten zu verkürzen. Es verkürzt drastisch die Zeit, die Benutzer benötigen, um Inhalte auf Ihrer Website anzuzeigen und mit ihnen zu interagieren.

Empfohlene Lektüre: Installieren Sie Mod_Pagespeed, um die Leistung des Apache-Servers zu verbessern

Ngx_pagespeed Merkmale:

  • HTTPS-Unterstützung mit URL-Steuerung.
  • Bildoptimierung: Entfernen von Metadaten, dynamische Größenänderung, Rekomprimierung.
  • CSS- und JavaScript-Minimierung, Verkettung, Inlining und Gliederung.
  • Inlining kleiner Ressourcen.
  • Aufschieben des Ladens von Bildern und JavaScript.
  • HTML-Umschreibung.
  • Verlängerung der Cache-Lebensdauer.
  • Ermöglicht die Konfiguration für mehrere Server und viele andere.

Schritt 1: Nginx-Installation von der Quelle

1. Um Nginx mit ngx_pagespeed aus dem Quellcode zu installieren, müssen folgende Pakete auf dem System installiert werden.

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

2. Laden Sie als Nächstes die Quelldateien der neuesten Version von Nginx (1.13.2 zum Zeitpunkt des Schreibens dieses Artikels) mit dem Befehl wget herunter und extrahieren Sie die Dateien wie unten gezeigt.

$ 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. Holen Sie sich als Nächstes die ngx_pagespeed Quelldateien und entpacken Sie die komprimierte Datei wie folgt.

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

4. Wechseln Sie dann in das entpackte ngx_pagespeed-Verzeichnis und laden Sie die PageSpeed-Optimierungsbibliotheken herunter, um Nginx wie folgt zu kompilieren.

$ 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

Schritt 2: Konfigurieren und Kompilieren von Nginx mit Ngx_Pagespeed

5. Wechseln Sie als Nächstes in das Verzeichnis nginx-1.13.2 und konfigurieren Sie die Nginx-Quelle mit den folgenden Befehlen.

$ 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. Kompilieren und installieren Sie als Nächstes Nginx wie folgt.

$ make
sudo make install

7. Nachdem der Installationsvorgang abgeschlossen ist, führen Sie die folgenden Befehle aus, um die erforderlichen symbolischen Links für Nginx zu erstellen.

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

Schritt 3: Erstellen einer Nginx-Unit-Datei für SystemD

8. Hier müssen Sie die Nginx-Unit-Datei manuell erstellen, da systemd das Init-System auf neueren Versionen von Debian- und Ubuntu-Systemen ist

Erstellen Sie zunächst die Datei /lib/systemd/system/nginx.service.


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

Laden Sie dann die NGINX-Systemd-Dienstdatei herunter und fügen Sie die Unit-Dateikonfiguration in die Datei ein.

[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

Speichern Sie die Datei, und schließen Sie sie.

9. Starten Sie nun den nginx-Dienst vorerst und aktivieren Sie ihn mit den folgenden Befehlen für den Start beim Systemstart.

$ sudo systemctl start nginx
sudo systemctl enable nginx

Wichtig: Nach dem Starten des Nginx-Dienstes wird möglicherweise ein Fehler angezeigt, wie im Screenshot unten gezeigt.

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

Um das Problem zu lösen, öffnen Sie die Nginx-Konfigurationsdatei /etc/nginx/nginx.conf und hängen Sie die folgende Zeile an.

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

Starten Sie abschließend den nginx-Dienst erneut neu.

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

Schritt 4: Konfigurieren Sie Nginx mit dem Pagespeed-Modul

10. Nachdem Nginx auf Ihrem System installiert und ausgeführt wird, müssen Sie das Ngx_pagespeed-Modul aktivieren. Erstellen Sie zunächst ein Verzeichnis, in dem das Modul die Dateien für Ihre Website zwischenspeichert und setzen Sie die entsprechenden Berechtigungen für dieses Verzeichnis wie folgt.

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

11. Um das Ngx_pagespeed-Modul zu aktivieren, öffnen Sie die Nginx-Konfigurationsdatei.

$ sudo vi /etc/nginx/nginx.conf

Fügen Sie die folgenden Ngx_pagespeed Konfigurationszeilen innerhalb des Serverblocks hinzu.

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

Hinweis: Wenn Sie virtuelle nginx-Hosts auf dem Server bereitgestellt haben, fügen Sie die obigen Pagespeed-Direktiven zu jedem Serverblock hinzu, um Ngx_pagespeed auf jeder Site zu aktivieren.

Im Folgenden finden Sie ein funktionierendes Beispiel für die Nginx-Konfigurationsdatei, bei der Ngx_pagespeed auf dem virtuellen Standardhost aktiviert ist.

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

Speichern und schließen Sie die Datei.

12. Überprüfen Sie dann, ob die Syntax der Nginx-Konfigurationsdatei fehlerfrei ist, indem Sie den folgenden Befehl ausführen, wenn er korrekt ist, sehen Sie die folgende Ausgabe:

$ 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. Starten Sie anschließend den Nginx-Server neu, um die letzten Änderungen vorzunehmen.

$ sudo systemctl restart nginx

Schritt 5: Testen von Nginx mit Ngx_pagespeed

14. Testen Sie nun, ob Ngx-pagespeed jetzt in Verbindung mit Nginx funktioniert, indem Sie den unten stehenden cURL-Befehl verwenden.

$ curl -I -p http://localhost

Wenn Sie den obigen Header nicht gesehen haben, gehen Sie zurück zu Schritt 10 und gehen Sie aufmerksam die Anweisungen durch, um Ngx-pagespeed mit den folgenden Schritten zu aktivieren.

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

Wenn Sie den Nginx-Webserver sichern möchten, empfehlen wir Ihnen, dieses nützliche Tutorial zu lesen: Der ultimative Leitfaden zum Sichern, Härten und Verbessern der Leistung von Nginx.

Das ist es! In diesem Tutorial haben wir erklärt, wie Sie Nginx mit ngx_pagespeed unter Debian und Ubuntu installieren. Wenn Sie Fragen haben, senden Sie uns bitte über unser Kommentarformular unten.

Verwandte Artikel: