Weboldal keresés

Gyorsítsa fel az Nginx teljesítményét az Ngx_Pagespeed segítségével a CentOS 7 rendszeren


Az Nginx [engine x] egy ingyenes és nyílt forráskódú, többplatformos, nagy teljesítményű webszerver és fordított proxyszoftver, C nyelven írva. Ez egy szabványos IMAP/POP3 és TCP/UDP proxyszerver is, és terheléselosztóként is használható.

Az Nginx egy jól ismert HTTP-szerver (az Apache HTTP-szerverhez hasonlítható), amely számos webhelyet táplál az interneten; nagy teljesítménye és stabilitása miatt népszerű.

Számos fontos tényezőt kell figyelembe venni, amikor javítani szeretné a felhasználói élményt webhelyén, beleértve a webhely sebességét és az oldalsebességet (más néven oldalbetöltési időt). Ha webhelyét az Nginx üzemelteti, akkor erre a célra használhatja az ngx_pagespeed funkciót.

Javasolt olvasmány: Telepítse a Mod_Pagespeed programot az Apache szerver teljesítményének javítása érdekében

Az Ngx_pagespeed egy ingyenes és nyílt forráskódú Nginx modul, amelyet a webhelyek sebességének növelésére, valamint az oldalak betöltési idejének csökkentésére használnak. Jelentősen lerövidíti azt az időt, amely alatt a felhasználók megtekintik a webhely tartalmát, és interakcióba lépnek vele.

Ngx_pagespeed jellemzők:

  • HTTPS és URL-vezérlés támogatása.
  • Képoptimalizálás: metaadatok eltávolítása, dinamikus átméretezés, újratömörítés.
  • CSS és JavaScript kicsinyítés, összefűzés, beillesztés és körvonalazás.
  • Kis erőforrás beépítés.
  • A kép és a JavaScript betöltésének elhalasztása.
  • HTML átírás.
  • A gyorsítótár élettartamának meghosszabbítása.
  • Lehetővé teszi több szerver és sok más konfigurálását.

Ebben az oktatóanyagban bemutatjuk, hogyan telepítheti az Nginxet az ngx_pagespeed segítségével, és hogyan tesztelheti a teljes telepítést RHEL/CentOS 7 rendszeren.

Figyelem: A Debian- és Ubuntu-felhasználók követhetik ezt az útmutatót az Ngx_Pagespeed telepítéséhez az Nginx teljesítményének javítása érdekében.

1. lépés: Telepítse az Nginx-et a forrásból

1. Az Nginx ngx_pagespeed használatával történő telepítéséhez forrásból kell lefordítania. Először telepítse az összes olyan csomagot, amely az Nginx fordításához szükséges az ilyen forrásból.

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

2. Ezután szerezze be az Nginx legújabb verziójának forrásfájljait (az írás idején 1.13.2) a wget paranccsal, és bontsa ki a letöltött tar labdát az alábbiak szerint. .

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. Ezután töltse le az ngx_pagespeed forrásfájlokat, és csomagolja ki a tömörített fájlokat.

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

4. Most lépjen be a kicsomagolt ngx_pagespeed könyvtárba, és kérje le a PageSpeed optimalizálási könyvtárakat az Nginx lefordításához az alábbiak szerint.

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

2. lépés: Konfigurálja és fordítsa le az Nginxet az Ngx_Pagespeed segítségével

5. Most lépjen be az nginx-1.13.2 könyvtárba, és konfigurálja az Nginx-forrást az alábbi parancsok futtatásával.

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. Ezután fordítsa le és telepítse az Nginx programot az alábbiak szerint.

make
make install

7. Amikor a telepítési folyamat befejeződött, hozzon létre minden szükséges szimbolikus hivatkozást az Nginx számára.

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

3. lépés: Nginx egységfájl létrehozása a SystemD számára

8. Ezt követően, mivel a systemd az init rendszer a CentOS 7 rendszerben, manuálisan kell létrehoznia az Nginx egységet. fájlt érte.

Először hozza létre a /lib/systemd/system/nginx.service fájlt, majd fogja meg az NGINX systemd szolgáltatásfájlt, és illessze be az egységfájl konfigurációját az alábbi fájlba.

vi /lib/systemd/system/nginx.service

Vegye figyelembe a PIDFile és az NGINX bináris fájl helyét, amelyeket az Nginx konfigurálása és fordítása során állított be, és beállítja őket a megfelelő változókban az egységfájlban az alábbiak szerint. :

[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

Mentse el a fájlt és zárja be.

9. Ezen a ponton átmenetileg indítsa el az nginx szolgáltatást, és engedélyezze a rendszerindításkor az alábbi parancsok futtatásával.

systemctl start nginx
systemctl enable nginx
systemctl status nginx

4. lépés: Az Nginx konfigurálása a Pagespeed Module segítségével

10. Az Nginx telepítése után engedélyeznie kell az Ngx_pagespeed modult. Kezdje azzal, hogy hozzon létre egy könyvtárat, ahol a modul gyorsítótárazza a webhely fájljait, és állítsa be a megfelelő engedélyeket ebben a könyvtárban az alábbi parancsokkal.

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

11. Most itt az ideje engedélyezni az Ngx_pagespeed modult, nyissa meg az Nginx konfigurációs fájlt, és adja hozzá az alábbi sorokat.

Fontos: Ha bármilyen nginx virtuális gazdagépet konfigurált a szerveren, adja hozzá a fenti oldalsebesség-irányelveket minden szerverblokkhoz, hogy az Ngx_pagespeed minden webhelyen engedélyezhető legyen.

vi /etc/nginx/nginx.conf

Adja hozzá a következő Ngx_pagespeed konfigurációs sorokat a szerverblokkon belül.

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

Az alábbiakban egy működő példa látható az Nginx konfigurációs fájlra, amelyben az alapértelmezett virtuális gazdagépen engedélyezve van az Ngx_pagespeed.

#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. Ezután az alábbi parancs futtatásával győződjön meg arról, hogy az Nginx konfigurációs fájl hibamentes. Ha minden rendben van, az alábbi kimenetet fogja látni.

nginx -t

13. Végül indítsa újra az Nginx szervert, hogy a változtatások érvénybe lépjenek.

systemctl restart nginx

5. lépés: Az Nginx tesztelése az Ngx_pagespeed segítségével

14. Ahhoz, hogy megtudja, az Ngx_pagespeed működik-e az Nginxszel együtt, meg kell jelennie az X-Page-Speed fejlécben.

curl -I -p http://localhost

Ha nem látja a fenti fejlécet, térjen vissza a 11. lépéshez, és gondosan kövesse az utasításokat az Ngx-pagespeed engedélyezéséhez a következő lépésekkel.

Ngx-pagespeed Github-tárház: https://github.com/pagespeed/ngx_pagespeed

Ez minden! Ebben az oktatóanyagban bemutattuk, hogyan telepíthető és konfigurálható az Nginx az Ngx_pagespeed modullal a webhely teljesítményének optimalizálása és javítása, valamint az oldal betöltési idejének csökkentése érdekében.

Az Nginx webszerver biztonságossá tételéhez olvassa el ezt a cikket – The Ultimate Guide to Secure, Harden and Improve of Performance of Nginx Web Server.

Mint mindig, ne habozzon közölni velünk az oktatóanyaggal kapcsolatos kérdéseit vagy gondolatait.