Ngx-pagespeed es un módulo Nginx gratuito y de código abierto que se puede utilizar para acelerar su sitio y reducir el tiempo de carga de la página. Funciona aplicando automáticamente las mejores prácticas de rendimiento web a las páginas y los activos asociados sin necesidad de modificar su contenido o flujo de trabajo existente. Puede optimizar fácilmente varios archivos como CSS, HTML, png y jpg usando el módulo Ngx-pagespeed.
Ngx-pagespeed viene con muchas características, algunas de ellas se enumeran a continuación:
- Admite redimensionamiento dinámico de imágenes, recompresión y optimización.
- Inserción de recursos pequeños.
- Reescritura de HTML.
- Extensión de la vida útil de la memoria caché.
- Aplazamiento de la carga de imágenes y JavaScript.
En este tutorial, discutiremos cómo compilar Nginx con el módulo ngx_pagespeed en el servidor CentOS 7.
Requisitos
- Servidor CentOS 7 nuevo instalado en su sistema.
- Usuario Sudo con privilegios de root.
1 Actualizar el sistema
Comencemos por actualizar su sistema a la última versión estable. Puede hacerlo ejecutando el siguiente comando:
sudo yum update -y
Una vez que su sistema esté actualizado, reinícielo e inicie sesión con el usuario sudo.
2 Instalar dependencias requeridas
Deberá instalar algunos paquetes para compilar Nginx. Puede instalar todas estas dependencias ejecutando el siguiente comando:
sudo yum install gcc cmake unzip wget gcc-c++ pcre-devel zlib-devel -y
Una vez que todas las dependencias requeridas estén instaladas, puede continuar con el siguiente paso.
3 Compilar Nginx con Ngx-pagespeed
Para instalar Nginx con el módulo ngx-pagespeed, deberá compilar Nginx desde la fuente. Primero, deberá descargar la fuente de Nginx. Puede descargarlo ejecutando el siguiente comando:
wget http://nginx.org/download/nginx-1.12.0.tar.gz
Para compilar Nginx con el módulo ngx_pagespeed, también deberá descargar el paquete fuente ngx_pagespeed. Puedes descargarlo con el siguiente comando:
wget https://github.com/pagespeed/ngx_pagespeed/archive/v1.12.34.2-stable.zip
Una vez que se hayan descargado ambos paquetes, extráigalos con el siguiente comando:
tar -xvzf nginx-1.12.0.tar.gz
tar -xvzf v1.12.34.2-stable.zip
A continuación, también deberá descargar las bibliotecas de optimización de PageSpeed para compilar Nginx. Puedes descargarlo con el siguiente comando:
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 ..
Ahora, comencemos a compilar Nginx con el módulo pagespeed.
Primero, cambie el directorio al directorio fuente de Nginx con el siguiente comando:
cd nginx-1.12.0
A continuación, configure la fuente de Nginx con el siguiente comando:
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} Una vez completada la configuración, compile Nginx ejecutando el siguiente comando:
sudo make
El comando anterior tomará varios minutos. Después de eso, puede instalar nginx ejecutando el siguiente comando:
sudo make install
Una vez que Nginx esté instalado, deberá crear un enlace simbólico para Nginx:
sudo ln -s /usr/local/nginx/conf/ /etc/nginx
sudo ln -s /usr/local/nginx/sbin/nginx /usr/sbin/nginx
4 Crear secuencia de comandos de inicio de Nginx
También deberá crear un script de inicio para que Nginx detenga e inicie Nginx. Puede hacer esto creando un archivo nginx dentro del directorio /etc/init.d:
sudo nano /etc/init.d/nginx
Agregue las siguientes líneas:
#!/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
Guarda y cierra el archivo cuando hayas terminado, luego dale permiso de ejecución:
sudo chmod +x /etc/init.d/nginx
Ahora inicie el servicio nginx y habilítelo para que se inicie en el momento del arranque con el siguiente comando:
sudo systemctl start nginx
sudo systemctl enable nginx
Una vez que haya terminado, puede continuar con el siguiente paso.
5 Configurar Nginx
Ahora, Nginx está instalado con soporte ngx-pagespeed. Por defecto, PageSpeed está deshabilitado. Antes de habilitarlo, se recomienda probar la velocidad de su sitio web. A continuación, deberá crear un directorio de caché para ngx-pagespeed y también asignarle la propiedad a Nginx:
sudo mkdir -p /var/ngx_pagespeed_cache
sudo chown -R nobody:nobody /var/ngx_pagespeed_cache
A continuación, deberá realizar algunos cambios en el archivo /etc/nginx/nginx.conf. Puede hacerlo ejecutando el siguiente comando:
sudo nano /etc/nginx/nginx.conf
Agregue el siguiente código entre el bloque del servidor:
# 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" { } Nota:si está utilizando alojamiento virtual, agregue las directivas de velocidad de página anteriores a cada archivo de configuración de bloque de servidor para habilitar la velocidad de página en cada sitio web.
Guarde y cierre el archivo cuando haya terminado, luego verifique si hay algún error de configuración en Nginx con el siguiente comando:
sudo nginx -t
Si todo está bien, debería ver el siguiente resultado:
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
Finalmente, reinicie Nginx para que los cambios surtan efecto:
sudo systemctl restart nginx
Una vez que se configura Nginx, puede proceder a probar Ngx-pagespeed.
6 Prueba Ngx-pagespeed
Nginx ahora está en funcionamiento. Es hora de comprobar si el módulo funciona o no. Puede verificarlo ejecutando el siguiente comando:
curl -I -p http://localhost
Debería ver el siguiente resultado:
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
Debería ver X-Page-Speed y su número de versión en el resultado anterior. Esto significa que ha instalado correctamente Ngx_pagespeed en su servidor.
Conclusión
¡Felicidades! Ha instalado correctamente Nginx con compatibilidad con el módulo Ngx-pagespeed. Espero que ahora pueda implementarlo fácilmente en un entorno de producción. Siéntase libre de comentarme si tiene alguna pregunta.