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.