Ngx-pagespeed je bezplatný a open source modul Nginx, který lze použít ke zrychlení vašeho webu a zkrácení doby načítání stránky. Funguje tak, že na stránky a související aktiva automaticky aplikuje osvědčené postupy pro výkon webu, aniž byste museli upravovat stávající obsah nebo pracovní postup. Pomocí modulu Ngx-pagespeed můžete snadno optimalizovat různé soubory, jako jsou CSS, HTML, png a jpg.
Ngx-pagespeed přichází se spoustou funkcí, některé z nich jsou uvedeny níže:
- Podporuje dynamickou změnu velikosti, rekompresi a optimalizaci obrazu.
- Vložení malého zdroje.
- Přepisování HTML.
- Prodloužení životnosti mezipaměti.
- Odložení JavaScriptu a načítání obrázku.
V tomto tutoriálu probereme, jak zkompilovat Nginx s modulem ngx_pagespeed na serveru CentOS 7.
Požadavky
- Ve vašem systému je nainstalován nový server CentOS 7.
- Uživatel Sudo s právy root.
1 Aktualizujte systém
Začněme aktualizací systému na nejnovější stabilní verzi. Můžete to provést spuštěním následujícího příkazu:
sudo yum update -y
Jakmile je váš systém aktualizován, restartujte systém a přihlaste se pomocí uživatele sudo.
2 instalace požadované závislosti
Abyste mohli zkompilovat Nginx, budete muset nainstalovat některé balíčky. Všechny tyto závislosti můžete nainstalovat spuštěním následujícího příkazu:
sudo yum install gcc cmake unzip wget gcc-c++ pcre-devel zlib-devel -y
Jakmile jsou nainstalovány všechny požadované závislosti, můžete přejít k dalšímu kroku.
3 Kompilace Nginx s Ngx-pagespeed
Chcete-li nainstalovat Nginx s modulem ngx-pagespeed, budete muset zkompilovat Nginx ze zdroje. Nejprve si budete muset stáhnout zdroj Nginx. Můžete si jej stáhnout spuštěním následujícího příkazu:
wget http://nginx.org/download/nginx-1.12.0.tar.gz
Chcete-li zkompilovat Nginx s modulem ngx_pagespeed, budete si také muset stáhnout zdrojový balíček ngx_pagespeed. Můžete si jej stáhnout pomocí následujícího příkazu:
wget https://github.com/pagespeed/ngx_pagespeed/archive/v1.12.34.2-stable.zip
Jakmile jsou oba balíčky staženy, extrahujte je pomocí následujícího příkazu:
tar -xvzf nginx-1.12.0.tar.gz
tar -xvzf v1.12.34.2-stable.zip
Dále si také budete muset stáhnout optimalizační knihovny PageSpeed pro kompilaci Nginx. Můžete si jej stáhnout pomocí následujícího příkazu:
cd ngx_pagespeed-1.12.34.2-stable
wget https://dl.google.com/dl/page-speed/psol/1.12.34.2-x64.tar.gz
tar -xvzf 1.12.34.2-x64.tar.gz
cd ..
Nyní začněme kompilovat Nginx s modulem pagespeed.
Nejprve změňte adresář na zdrojový adresář Nginx pomocí následujícího příkazu:
cd nginx-1.12.0
Dále nakonfigurujte zdroj Nginx pomocí následujícího příkazu:
sudo ./configure --add-module=$HOME/ngx_pagespeed-1.12.34.2-stable --user=nobody --group=nobody --pid-path=/var/run/nginx.pid ${PS_NGX_EXTRA_FLAGS}
Po dokončení konfigurace zkompilujte Nginx spuštěním následujícího příkazu:
sudo make
Výše uvedený příkaz bude trvat několik minut. Poté můžete nainstalovat nginx spuštěním následujícího příkazu:
sudo make install
Jakmile je Nginx nainstalován, budete muset vytvořit symbolický odkaz pro Nginx:
sudo ln -s /usr/local/nginx/conf/ /etc/nginx
sudo ln -s /usr/local/nginx/sbin/nginx /usr/sbin/nginx
4 Vytvořit spouštěcí skript Nginx
Budete také muset vytvořit spouštěcí skript pro Nginx, abyste zastavili a spustili Nginx. Můžete to udělat vytvořením souboru nginx v adresáři /etc/init.d:
sudo nano /etc/init.d/nginx
Přidejte následující řádky:
#!/bin/sh # # nginx - this script starts and stops the nginx daemon # # chkconfig: - 85 15 # description: NGINX is an HTTP(S) server, HTTP(S) reverse \ # proxy and IMAP/POP3 proxy server # processname: nginx # config: /etc/nginx/nginx.conf # config: /etc/sysconfig/nginx # pidfile: /var/run/nginx.pid # Source function library. . /etc/rc.d/init.d/functions # Source networking configuration. . /etc/sysconfig/network # Check that networking is up. [ "$NETWORKING" = "no" ] && exit 0 nginx="/usr/sbin/nginx" prog=$(basename $nginx) NGINX_CONF_FILE="/etc/nginx/nginx.conf" [ -f /etc/sysconfig/nginx ] && . /etc/sysconfig/nginx lockfile=/var/lock/subsys/nginx make_dirs() { # make required directories user=`$nginx -V 2>&1 | grep "configure arguments:.*--user=" | sed 's/[^*]*--user=\([^ ]*\).*/\1/g' -` if [ -n "$user" ]; then if [ -z "`grep $user /etc/passwd`" ]; then useradd -M -s /bin/nologin $user fi options=`$nginx -V 2>&1 | grep 'configure arguments:'` for opt in $options; do if [ `echo $opt | grep '.*-temp-path'` ]; then value=`echo $opt | cut -d "=" -f 2` if [ ! -d "$value" ]; then # echo "creating" $value mkdir -p $value && chown -R $user $value fi fi done fi } start() { [ -x $nginx ] || exit 5 [ -f $NGINX_CONF_FILE ] || exit 6 make_dirs echo -n $"Starting $prog: " daemon $nginx -c $NGINX_CONF_FILE retval=$? echo [ $retval -eq 0 ] && touch $lockfile return $retval } stop() { echo -n $"Stopping $prog: " killproc $prog -QUIT retval=$? echo [ $retval -eq 0 ] && rm -f $lockfile return $retval } restart() { configtest || return $? stop sleep 1 start } reload() { configtest || return $? echo -n $"Reloading $prog: " killproc $nginx -HUP RETVAL=$? echo } force_reload() { restart } configtest() { $nginx -t -c $NGINX_CONF_FILE } rh_status() { status $prog } rh_status_q() { rh_status >/dev/null 2>&1 } case "$1" in start) rh_status_q && exit 0 $1 ;; stop) rh_status_q || exit 0 $1 ;; restart|configtest) $1 ;; reload) rh_status_q || exit 7 $1 ;; force-reload) force_reload ;; status) rh_status ;; condrestart|try-restart) rh_status_q || exit 0 ;; *) echo $"Usage: $0 {start|stop|status|restart|condrestart|try-restart|reload|force-reload|configtest}" exit 2 esac
Po dokončení uložte a zavřete soubor a poté mu udělte oprávnění ke spuštění:
sudo chmod +x /etc/init.d/nginx
Nyní spusťte službu nginx a povolte její spuštění při spouštění pomocí následujícího příkazu:
sudo systemctl start nginx
sudo systemctl enable nginx
Jakmile budete hotovi, můžete přejít k dalšímu kroku.
5 Konfigurace Nginx
Nyní je Nginx nainstalován s podporou ngx-pagespeed. Ve výchozím nastavení je PageSpeed zakázána. Před aktivací se doporučuje otestovat rychlost vašeho webu. Dále budete muset vytvořit adresář mezipaměti pro ngx-pagespeed a také k němu přiřadit vlastnictví Nginx:
sudo mkdir -p /var/ngx_pagespeed_cache
sudo chown -R nobody:nobody /var/ngx_pagespeed_cache
Dále budete muset provést nějaké změny v souboru /etc/nginx/nginx.conf. Můžete to provést spuštěním následujícího příkazu:
sudo nano /etc/nginx/nginx.conf
Přidejte následující kód mezi blok serveru:
# 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" { }
Poznámka:Pokud používáte virtuální hosting, přidejte výše uvedené direktivy pagespeed do každého konfiguračního souboru bloku serveru, abyste povolili rychlost stránky na každém webu.
Po dokončení uložte a zavřete soubor a poté pomocí následujícího příkazu zkontrolujte Nginx, zda neobsahuje nějakou chybu konfigurace:
sudo nginx -t
Pokud je vše v pořádku, měli byste vidět následující výstup:
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
Nakonec restartujte Nginx, aby se změny projevily:
sudo systemctl restart nginx
Jakmile je Nginx nakonfigurován, můžete pokračovat v testování rychlosti stránky Ngx.
6 Test Ngx-pagespeed
Nginx je nyní v provozu. Je čas zkontrolovat, zda modul funguje nebo ne. Můžete to zkontrolovat spuštěním následujícího příkazu:
curl -I -p http://localhost
Měli byste vidět následující výstup:
HTTP/1.1 200 OK Server: nginx/1.12.0 Content-Type: text/html Connection: keep-alive Vary: Accept-Encoding Date: Wed, 21 Jun 2017 17:21:08 GMT X-Page-Speed: 1.12.34.2-0 Cache-Control: max-age=0, no-cache
Ve výše uvedeném výstupu byste měli vidět X-Page-Speed a jeho číslo verze. To znamená, že jste na svůj server úspěšně nainstalovali Ngx_pagespeed.
Závěr
Gratulujeme! úspěšně jste nainstalovali Nginx s podporou modulu Ngx-pagespeed. Doufám, že jej nyní můžete snadno nasadit v produkčním prostředí. Pokud máte nějaké dotazy, neváhejte mě komentovat.