Instale Nginx con Ngx_Pagespeed (optimización de velocidad) en Debian y Ubuntu
En nuestro último artículo, mostramos cómo acelerar el rendimiento de Nginx con Ngx_Pagespeed en CentOS 7. En este tutorial, explicaremos cómo instalar Nginx con ngx_pagespeed en los sistemas Debian y Ubuntu para mejorar el rendimiento de los sitios web de Nginx.
Nginx [motor x] es un popular servidor HTTP gratuito y de código abierto que alimenta muchos sitios en la web: bien conocido por su alto rendimiento y estabilidad. También funciona como proxy inverso, correo genérico y servidor proxy TCP/UDP, y además puede implementarse como equilibrador de carga.
Ngx_pagespeed es un módulo Nginx gratuito y de código abierto destinado a mejorar la velocidad de los sitios y a reducir el tiempo de carga de la página; Reduce drásticamente el tiempo que tardan los usuarios en ver e interactuar con el contenido de su sitio.
Lectura sugerida: Instale Mod_Pagespeed para mejorar el rendimiento del servidor Apache
Características de Ngx_pagespeed:
- Soporte HTTPS con control de URL.
- Optimización de imágenes: eliminación de metadatos, cambio de tamaño dinámico, recompresión.
- Minimización, concatenación, inserción y delineado de CSS y JavaScript.
- Incorporación de pequeños recursos.
- Aplazar la carga de imágenes y JavaScript.
- Reescritura de HTML.
- Extensión de la vida útil de la caché.
- Permite configurar para múltiples servidores y muchos otros.
Paso 1: Instalación de Nginx desde la fuente
1. Para instalar Nginx con ngx_pagespeed desde el código fuente, es necesario instalar los siguientes paquetes en el sistema.
sudo apt-get install build-essential zlib1g-dev libpcre3 libpcre3-dev unzip
2. A continuación, descargue los archivos fuente de la última versión de Nginx (1.13.2 en el momento de escribir este artículo) usando el comando wget y extraiga los archivos como se muestra a continuación.
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. A continuación, obtenga los archivos fuente ngx_pagespeed y descomprima el archivo comprimido de esta manera.
wget -c https://github.com/pagespeed/ngx_pagespeed/archive/v1.12.34.2-stable.zip
unzip v1.12.34.2-stable.zip
4. Luego vaya al directorio ngx_pagespeed descomprimido y descargue las bibliotecas de optimización de PageSpeed para compilar Nginx de la siguiente manera.
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
Paso 2: configurar y compilar Nginx con Ngx_Pagespeed
5. A continuación, vaya al directorio nginx-1.13.2 y configure el código fuente de Nginx utilizando los siguientes comandos.
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. A continuación, compile e instale Nginx de la siguiente manera.
make
sudo make install
7. Una vez completado el proceso de instalación, ejecute los siguientes comandos para crear los enlaces simbólicos necesarios para Nginx.
sudo ln -s /usr/local/nginx/conf/ /etc/nginx
sudo ln -s /usr/local/nginx/sbin/nginx /usr/sbin/nginx
Paso 3: Crear un archivo de unidad Nginx para SystemD
8. Aquí, tendrá que crear manualmente el archivo de unidad Nginx ya que systemd es el sistema de inicio en las versiones más recientes de los sistemas Debian y Ubuntu.
Primero, cree el archivo /lib/systemd/system/nginx.service.
sudo vi /lib/systemd/system/nginx.service
Luego descargue el archivo de servicio systemd de NGINX y pegue la configuración del archivo de la unidad en el archivo.
[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
Guarde el archivo y ciérrelo.
9. Ahora, inicie el servicio nginx por el momento y habilítelo para que se inicie en el inicio del sistema utilizando los siguientes comandos.
sudo systemctl start nginx
sudo systemctl enable nginx
Importante: Después de iniciar el servicio Nginx, es posible que vea un error como se muestra en la siguiente captura de pantalla.
systemd[1]: nginx.service: PID file /run/nginx.pid not readable (yet?) after start: No such file or directory
Para resolverlo, abra el archivo de configuración de Nginx /etc/nginx/nginx.conf y agregue la siguiente línea.
#pid logs/nginx.pid;
to
pid /run/nginx.pid;
Finalmente reinicie el servicio nginx nuevamente.
sudo systemctl daemon-reload
sudo systemctl start nginx
sudo systemctl status nginx
Paso 4: Configurar Nginx con el módulo Pagespeed
10. Ahora que Nginx está instalado y ejecutándose en su sistema, debe habilitar el módulo Ngx_pagespeed. Primero cree un directorio donde el módulo almacenará en caché los archivos de su sitio web y establezca los permisos adecuados en este directorio de la siguiente manera.
sudo mkdir -p /var/ngx_pagespeed_cache
sudo chown -R nobody:nogroup /var/ngx_pagespeed_cache
11. Para habilitar el módulo Ngx_pagespeed, abra el archivo de configuración de Nginx.
sudo vi /etc/nginx/nginx.conf
Agregue las siguientes líneas de configuración Ngx_pagespeed dentro del 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 ha implementado hosts virtuales nginx en el servidor, agregue las directivas de velocidad de página anteriores a cada bloque del servidor para habilitar Ngx_pagespeed en cada sitio.
El siguiente es un ejemplo práctico del archivo de configuración de Nginx con Ngx_pagespeed habilitado en el host virtual predeterminado.
#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;
# }
#}
}
Guarde y cierre el archivo.
12. Luego verifique si la sintaxis del archivo de configuración de Nginx está libre de errores ejecutando el siguiente comando; si es correcto, verá el siguiente resultado:
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. Luego reinicie el servidor Nginx para efectuar los cambios recientes.
sudo systemctl restart nginx
Paso 5: Probar Nginx con Ngx_pagespeed
14. Ahora pruebe si Ngx-pagespeed ahora funciona junto con Nginx usando el comando cURL a continuación.
curl -I -p http://localhost
Si no pudo ver el encabezado anterior, regrese al paso 10 y siga atentamente las instrucciones para habilitar Ngx-pagespeed con los pasos sucesivos.
Repositorio Github de Ngx-pagespeed: https://github.com/pagespeed/ngx_pagespeed
Si desea proteger el servidor web Nginx, le sugerimos leer este útil tutorial: La guía definitiva para proteger, reforzar y mejorar el rendimiento de Nginx.
¡Eso es! En este tutorial, explicamos cómo instalar Nginx con ngx_pagespeed en Debian y Ubuntu. Si tiene alguna consulta, envíenosla utilizando nuestro formulario de comentarios a continuación.