Ubrzajte performanse Nginxa s Ngx_Pagespeed na CentOS 7


Nginx [motor x] je besplatan i open-source, višeplatformski, moćan web poslužitelj i obrnuti proxy softver napisan u C-u. Također je standardni IMAP/POP3 i TCP/UDP proxy poslužitelj, i može se koristiti kao balanser opterećenja.

Nginx je dobro poznati HTTP poslužitelj (usporediv s Apache HTTP poslužiteljem) koji pokreće brojne stranice na webu; popularan je zbog svojih visokih performansi i stabilnosti.

Postoje različiti važni čimbenici koje treba uzeti u obzir kada želite poboljšati korisničko iskustvo na svojoj web-lokaciji, uključujući brzinu web-lokacije i brzinu stranice (poznato i kao vrijeme učitavanja stranice). Ako vašu web-lokaciju pokreće Nginx, u tu svrhu možete koristiti ngx_pagespeed.

Predloženo za čitanje: Instalirajte Mod_Pagespeed za poboljšanje performansi Apache poslužitelja

Ngx_pagespeed je besplatni Nginx modul otvorenog koda koji se koristi za povećanje brzine web-mjesta kao i smanjenje vremena učitavanja stranice. Značajno smanjuje vrijeme potrebno korisnicima da vide i stupe u interakciju sa sadržajem vaše stranice.

Značajke Ngx_pagespeed:

  • Podrška za HTTPS i URL kontrolu.
  • Optimizacija slike: skidanje meta-podataka, dinamička promjena veličine, rekompresija.
  • CSS & JavaScript minifikacija, ulančavanje, umetanje i ocrtavanje.
  • Umetanje malog resursa.
  • Odgađanje učitavanja slike i JavaScripta.
  • HTML prepisivanje.
  • Produljenje trajanja predmemorije.
  • Omogućuje konfiguraciju za više poslužitelja i mnoge druge.

U ovom vodiču pokazat ćemo kako instalirati Nginx s ngx_pagespeed i testirati cijelu instalaciju na RHEL/CentOS 7.

Pažnja: Korisnici Debiana i Ubuntua mogu slijediti ovaj vodič za instaliranje Ngx_Pagespeed za poboljšanje performansi Nginxa.

Korak 1: Instalirajte Nginx iz izvora

1. Da biste instalirali Nginx s ngx_pagespeed, morate ga prevesti iz izvora. Najprije instalirajte sve pakete potrebne za kompajliranje Nginxa iz ovakvog izvora.

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

2. Zatim nabavite izvorne datoteke najnovije verzije Nginxa (1.13.2 u vrijeme pisanja ovog teksta) pomoću naredbe wget i ekstrahirajte preuzetu tar loptu kao ispod .

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. Zatim preuzmite izvorne datoteke ngx_pagespeed i raspakirajte komprimirane datoteke.

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

4. Sada prijeđite u raspakirani direktorij ngx_pagespeed i preuzmite biblioteke za optimizaciju PageSpeed za kompajliranje Nginxa na sljedeći način.

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

Korak 2: Konfigurirajte i kompajlirajte Nginx s Ngx_Pagespeed

5. Sada idite u direktorij nginx-1.13.2 i konfigurirajte Nginx izvor izvođenjem naredbi ispod.

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. Zatim kompajlirajte i instalirajte Nginx na sljedeći način.

make
make install

7. Kada je proces instalacije završen, stvorite sve potrebne simboličke veze za Nginx.

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

Korak 3: Stvaranje Nginx datoteke jedinice za SystemD

8. Zatim, budući da je systemd sustav init u CentOS 7, trebate ručno izraditi Nginx jedinicu datoteku za to.

Najprije stvorite datoteku /lib/systemd/system/nginx.service, zatim zgrabite servisnu datoteku NGINX systemd i zalijepite konfiguraciju datoteke jedinice u datoteku ispod.

vi /lib/systemd/system/nginx.service

Zabilježite lokaciju PIDFile i NGINX binarne datoteke koje ste postavili tijekom konfiguracije i kompajliranja Nginxa, postavit ćete ih u odgovarajućim varijablama u jediničnoj datoteci kao što je prikazano u nastavku :

[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

Spremite datoteku i zatvorite je.

9. U ovom trenutku pokrenite uslugu nginx na srednje vrijeme i omogućite joj da se pokrene pri pokretanju sustava izvođenjem naredbi u nastavku.

systemctl start nginx
systemctl enable nginx
systemctl status nginx

Korak 4: Konfigurirajte Nginx s Pagespeed modulom

10. S instaliranim Nginxom, zatim trebate omogućiti modul Ngx_pagespeed. Započnite stvaranjem direktorija u kojem će modul spremati datoteke za vašu web stranicu i postaviti odgovarajuća dopuštenja za ovaj direktorij pomoću naredbi u nastavku.

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

11. Sada je vrijeme da omogućite modul Ngx_pagespeed, otvorite Nginx konfiguracijsku datoteku i dodate retke ispod.

Važno: Ako ste konfigurirali bilo koji nginx virtualni host na poslužitelju, dodajte gornje direktive za brzinu stranice u svaki blok poslužitelja kako biste omogućili Ngx_pagespeed na svakoj stranici.

vi /etc/nginx/nginx.conf

Dodajte sljedeće konfiguracijske retke Ngx_pagespeed unutar bloka poslužitelja.

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

Slijedi radni primjer Nginx konfiguracijske datoteke s Ngx_pagespeed omogućenim u zadanom virtualnom hostu.

#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. Nakon toga, uvjerite se da konfiguracijska datoteka Nginx-a nema grešaka tako što ćete pokrenuti naredbu ispod, vidjet ćete rezultat ispod ako je sve u redu.

nginx -t

13. Na kraju ponovno pokrenite Nginx poslužitelj kako bi promjene stupile na snagu.

systemctl restart nginx

Korak 5: Testiranje Nginxa s Ngx_pagespeed

14. Da biste znali radi li Ngx_pagespeed sada u sprezi s Nginxom, mora se pojaviti u zaglavlju X-Page-Speed.

curl -I -p http://localhost

U slučaju da niste vidjeli gornje zaglavlje, vratite se na korak 11 i pažljivo slijedite upute za omogućavanje Ngx-pagespeeda u sljedećim koracima.

Ngx-pagespeed Github spremište: https://github.com/pagespeed/ngx_pagespeed

To je sve! U ovom vodiču smo pokazali kako instalirati i konfigurirati Nginx s modulom Ngx_pagespeed za optimizaciju i poboljšanje performansi web stranice i smanjenje vremena učitavanja stranice.

Kako biste osigurali Nginx web poslužitelj, pročitajte ovaj članak – Vrhunski vodič za osiguranje, ojačavanje i poboljšanje performansi Nginx web poslužitelja.

Kao i uvijek, ne ustručavajte se javiti nam bilo kakva pitanja ili razmišljanja u vezi s ovim vodičem.