Website-Suche

Beschleunigen Sie die Nginx-Leistung mit Ngx_Pagespeed unter CentOS 7

Nginx [engine x] ist eine kostenlose und quelloffene, plattformübergreifende, leistungsstarke Webserver- und Reverse-Proxy-Software, die in C geschrieben ist. Er ist auch ein standardmäßiger IMAP/POP3- und TCP/UDP-Proxyserver und kann als Load Balancer verwendet werden.

Nginx ist ein bekannter HTTP-Server (vergleichbar mit dem Apache HTTP-Server), der zahlreiche Websites im Web betreibt. Es ist beliebt für seine hohe Leistung und Stabilität.

Es gibt verschiedene wichtige Faktoren, die Sie berücksichtigen sollten, wenn Sie die Benutzererfahrung auf Ihrer Website verbessern möchten, darunter die Geschwindigkeit der Website und die Seitengeschwindigkeit (auch als Seitenladezeit bezeichnet). Wenn Ihre Website von Nginx betrieben wird, können Sie ngx_pagespeed zu diesem Zweck verwenden.

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

Ngx_pagespeed ist ein kostenloses Open-Source-Nginx-Modul, das zur Verbesserung der Geschwindigkeit von Websites sowie zur Verkürzung der Seitenladezeit verwendet wird. Es reduziert die Zeit, die Benutzer benötigen, um Ihre Website-Inhalte zu sehen und mit ihnen zu interagieren, erheblich.

Ngx_pagespeed Merkmale:

  • Unterstützung für HTTPS und 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.

In diesem Tutorial zeigen wir, wie Sie Nginx mit ngx_pagespeed installieren und testen die gesamte Installation auf RHEL/CentOS 7.

Achtung: Debian- und Ubuntu-Benutzer können dieser Anleitung folgen, um Ngx_Pagespeed zu installieren, um die Nginx-Leistung zu verbessern.

Schritt 1: Installieren Sie Nginx von der Quelle

1. Um Nginx mit ngx_pagespeed zu installieren, müssen Sie es aus dem Quellcode kompilieren. Installieren Sie zuerst alle Pakete, die zum Kompilieren von Nginx aus dem Quellcode wie diesem erforderlich sind.

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

2. Holen Sie sich als Nächstes die Quelldateien der neuesten Version von Nginx (1.13.2 zum Zeitpunkt des Schreibens dieses Artikels) mit dem Befehl wget und extrahieren Sie den heruntergeladenen Tarball wie unten.

# 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. Laden Sie als Nächstes die ngx_pagespeed Quelldateien herunter und entpacken Sie die komprimierten Dateien.

# 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 nun in das entpackte ngx_pagespeed-Verzeichnis und holen Sie sich die PageSpeed-Optimierungsbibliotheken, 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. Gehen Sie nun in das Verzeichnis nginx-1.13.2 und konfigurieren Sie die Nginx-Quelle, indem Sie die folgenden Befehle ausführen.

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

# make
make install

7. Wenn der Installationsvorgang abgeschlossen ist, erstellen Sie alle erforderlichen symbolischen Links für Nginx.

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

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

8. Da systemd das Init-System in CentOS 7 ist, müssen Sie die Nginx-Unit-Datei dafür manuell erstellen.

Erstellen Sie zunächst die Datei /lib/systemd/system/nginx.service, und holen Sie sich dann die NGINX-Systemd-Dienstdatei, fügen Sie die Konfiguration der Unit-Datei in die folgende Datei ein.

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

Notieren Sie sich den Speicherort des PIDFile und der NGINX-Binärdatei, die Sie beim Konfigurieren und Kompilieren von Nginx festgelegt haben, und setzen Sie sie in den entsprechenden Variablen in der Unit-Datei, wie unten gezeigt:

[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 zu diesem Zeitpunkt den nginx-Dienst für die mittlere Zeit und aktivieren Sie ihn für den Start beim Systemstart, indem Sie die folgenden Befehle ausführen.

# systemctl start nginx
systemctl enable nginx
systemctl status nginx

Schritt 4: Konfigurieren Sie Nginx mit dem Pagespeed-Modul

10. Wenn Nginx installiert ist, müssen Sie als Nächstes Ngx_pagespeed Modul aktivieren. Erstellen Sie zunächst ein Verzeichnis, in dem das Modul die Dateien für Ihre Website zwischenspeichert, und legen Sie mit den folgenden Befehlen die entsprechenden Berechtigungen für dieses Verzeichnis fest.

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

11. Jetzt ist es an der Zeit, Ngx_pagespeed Modul zu aktivieren, die Nginx-Konfigurationsdatei zu öffnen und die folgenden Zeilen hinzuzufügen.

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

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

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        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. Stellen Sie anschließend sicher, dass die Nginx-Konfigurationsdatei fehlerfrei ist, indem Sie den folgenden Befehl ausführen, Sie sehen die Ausgabe unten, wenn alles in Ordnung ist.

# nginx -t

13. Starten Sie abschließend den Nginx-Server neu, damit die Änderungen wirksam werden.

# systemctl restart nginx

Schritt 5: Testen von Nginx mit Ngx_pagespeed

14. Um zu wissen, ob Ngx_pagespeed jetzt in Verbindung mit Nginx funktioniert, muss es im X-Page-Speed-Header erscheinen.

# curl -I -p http://localhost

Falls Sie den obigen Header nicht gesehen haben, gehen Sie zurück zu Schritt 11 und befolgen Sie sorgfältig die Anweisungen, um Ngx-pagespeed mit den folgenden Schritten zu aktivieren.

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

Das ist alles! In diesem Tutorial haben wir gezeigt, wie Sie Nginx mit Ngx_pagespeed Modul installieren und konfigurieren, um die Website-Leistung zu optimieren und zu verbessern und die Seitenladezeit zu verkürzen.

Um den Nginx-Webserver zu sichern, lesen Sie diesen Artikel – Der ultimative Leitfaden zum Sichern, Härten und Verbessern der Leistung des Nginx-Webservers.

Wie immer zögern Sie nicht, uns Fragen oder Gedanken zu diesem Tutorial mitzuteilen.

Verwandte Artikel: