Wyszukiwanie w witrynie

Zainstaluj Nginx z Ngx_Pagespeed (optymalizacja prędkości) na Debianie i Ubuntu

W naszym ostatnim artykule pokazaliśmy, jak przyspieszyć działanie Nginx za pomocą Ngx_Pagespeed na CentOS 7. W tym samouczku wyjaśnimy, jak zainstalować Nginx za pomocą ngx_pagespeed na systemach Debian i Ubuntu, aby poprawić wydajność stron internetowych Nginx.

Nginx [engine x] to darmowy, otwarty i popularny serwer HTTP obsługujący wiele witryn w Internecie: dobrze znany ze swojej wysokiej wydajności i stabilności. Działa również jako odwrotny serwer proxy, serwer proxy poczty ogólnej i TCP/UDP, a dodatkowo może zostać wdrożony jako moduł równoważenia obciążenia.

Ngx_pagespeed to darmowy moduł Nginx o otwartym kodzie źródłowym, przeznaczony do poprawy szybkości witryn, a także skrócenia czasu ładowania stron; drastycznie skraca czas potrzebny użytkownikom na przeglądanie zawartości Twojej witryny i interakcję z nią.

Sugerowana lektura: Zainstaluj Mod_Pagespeed, aby poprawić wydajność serwera Apache

Funkcje Ngx_pagespeed:

  • Obsługa protokołu HTTPS z kontrolą adresu URL.
  • Optymalizacja obrazu: usuwanie metadanych, dynamiczna zmiana rozmiaru, rekompresja.
  • Minifikacja, łączenie, wstawianie i konspekty CSS i JavaScript.
  • Wstawianie małych zasobów.
  • Odroczenie ładowania obrazu i JavaScript.
  • Przepisywanie HTML.
  • Przedłużenie życia pamięci podręcznej.
  • Umożliwia konfigurację dla wielu serwerów i wielu innych.

Krok 1: Instalacja Nginx ze źródła

1. Aby zainstalować Nginx z ngx_pagespeed ze źródła, wymagane jest zainstalowanie w systemie następujących pakietów.

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

2. Następnie pobierz pliki źródłowe najnowszej wersji Nginx (1.13.2 w momencie pisania tego tekstu) za pomocą polecenia wget i wyodrębnij pliki w sposób pokazany poniżej.

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. Następnie pobierz pliki źródłowe ngx_pagespeed i rozpakuj skompresowany plik w ten sposób.

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

4. Następnie przejdź do rozpakowanego katalogu ngx_pagespeed i pobierz biblioteki optymalizacyjne PageSpeed, aby skompilować Nginx w następujący sposób.

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

Krok 2: Skonfiguruj i skompiluj Nginx za pomocą Ngx_Pagespeed

5. Następnie przejdź do katalogu nginx-1.13.2 i skonfiguruj źródło Nginx za pomocą poniższych poleceń.

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. Następnie skompiluj i zainstaluj Nginx w następujący sposób.

make
sudo make install

7. Po zakończeniu procesu instalacji uruchom poniższe polecenia, aby utworzyć niezbędne dowiązania symboliczne dla Nginx.

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

Krok 3: Tworzenie pliku jednostki Nginx dla SystemD

8. W tym miejscu będziesz musiał ręcznie utworzyć plik jednostki Nginx, ponieważ systemd jest systemem init w nowszych wersjach systemów Debian i Ubuntu

Najpierw utwórz plik /lib/systemd/system/nginx.service.


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

Następnie pobierz plik usługi systemowej NGINX i wklej konfigurację pliku jednostki do pliku.

[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

Zapisz plik i zamknij go.

9. Teraz uruchom na razie usługę nginx i włącz ją podczas uruchamiania systemu, używając poniższych poleceń.

sudo systemctl start nginx
sudo systemctl enable nginx

Ważne: po uruchomieniu usługi Nginx może pojawić się błąd pokazany na zrzucie ekranu poniżej.

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

Aby rozwiązać ten problem, otwórz plik konfiguracyjny Nginx /etc/nginx/nginx.conf i dołącz następujący wiersz.

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

Na koniec ponownie uruchom usługę nginx.

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

Krok 4: Skonfiguruj Nginx z modułem Pagespeed

10. Teraz, gdy Nginx jest zainstalowany i działa w Twoim systemie, musisz włączyć moduł Ngx_pagespeed. Najpierw utwórz katalog, w którym moduł będzie buforował pliki Twojej witryny i ustaw odpowiednie uprawnienia w tym katalogu w następujący sposób.

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

11. Aby włączyć moduł Ngx_pagespeed, otwórz plik konfiguracyjny Nginx.

sudo vi /etc/nginx/nginx.conf

Dodaj następujące linie konfiguracyjne Ngx_pagespeed w bloku serwera.

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

Uwaga: jeśli na serwerze wdrożyłeś jakiekolwiek wirtualne hosty nginx, dodaj powyższe dyrektywy pagespeed do każdego bloku serwera, aby włączyć Ngx_pagespeed w każdej witrynie.

Poniżej znajduje się działający przykład pliku konfiguracyjnego Nginx z włączoną opcją Ngx_pagespeed na domyślnym hoście wirtualnym.

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

Zapisz i zamknij plik.

12. Następnie sprawdź, czy składnia pliku konfiguracyjnego Nginx jest wolna od błędów, uruchamiając poniższe polecenie. Jeśli jest poprawne, zobaczysz wynik poniżej:

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. Następnie zrestartuj serwer Nginx, aby zastosować ostatnie zmiany.

sudo systemctl restart nginx

Krok 5: Testowanie Nginxa za pomocą Ngx_pagespeed

14. Teraz przetestuj, czy Ngx-pagespeed działa teraz w połączeniu z Nginx, używając poniższego polecenia cURL.

curl -I -p http://localhost

Jeśli nie widzisz powyższego nagłówka, wróć do kroku 10 i uważnie przejrzyj instrukcje, aby w kolejnych krokach włączyć Ngx-pagespeed.

Repozytorium Ngx-pagespeed na Githubie: https://github.com/pagespeed/ngx_pagespeed

Jeśli chcesz zabezpieczyć serwer WWW Nginx, sugerujemy przeczytanie tego przydatnego samouczka: Kompletny przewodnik po zabezpieczeniu, wzmocnieniu i poprawie wydajności Nginx.

To jest to! W tym samouczku wyjaśniliśmy, jak zainstalować Nginx z ngx_pagespeed na Debianie i Ubuntu. Jeśli masz jakieś pytania, wyślij nam je, korzystając z poniższego formularza komentarzy.