Instale Nginx con Ngx_Pagespeed (Optimización de la 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 el sistema Debian y Ubuntu para mejorar el rendimiento de los sitios web de Nginx.

Nginx [engine x] es un servidor HTTP popular y de código abierto que alimenta a muchos sitios en la web: es 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 un equilibrador de carga.

Ngx_pagespeed es un módulo Nginx de código abierto y gratuito destinado a mejorar la velocidad de los sitios, así como 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.

  • HTTPS support with URL control.
  • Image optimization: stripping meta-data, dynamic resizing, recompression.
  • CSS and JavaScript minification, concatenation, inlining, and outlining.
  • Small resource inlining.
  • Deferring image and JavaScript loading.
  • HTML rewriting.
  • Cache lifetime extension.
  • Allows configuring for multiple servers and many others.

Paso 1: Instalación de Nginx desde la fuente

1. Para instalar Nginx con ngx_pagespeed desde la fuente, se deben 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 de origen de la última versión de Nginx ( 1.13.2 en el momento de escribir esto) con 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 de origen de 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 muévase 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: Configura y compila Nginx con Ngx_Pagespeed

5. A continuación, desplácese al directorio nginx-1.13.2 y configure la fuente Nginx con 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: Creando el archivo de la unidad Nginx para SystemD

8. Aquí, tendrá que crear manualmente el archivo de la unidad Nginx ya que systemd es el sistema init en las versiones más recientes de Debian y Ubuntu.

En primer lugar, 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 con los siguientes comandos.

$ sudo systemctl start nginx
$ sudo systemctl enable nginx

rojo

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 añada la siguiente línea.

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

Finalmente reinicie el servicio nginx de nuevo.

$ 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 establecerá 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 Nginx.

$ sudo vi /etc/nginx/nginx.conf

Agregue las siguientes líneas de configuración de 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" { }

rojo

El siguiente es un ejemplo práctico del archivo de configuración de Nginx con Ngx_pagespeed habilitado en el host virtual predeterminado.

Configuración de Nginx con Ngx_pagespeed

#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, compruebe si la sintaxis del archivo de configuración de Nginx está libre de errores ejecutando el siguiente comando, si es correcto, verá la siguiente salida:

$ 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: Probando Nginx con Ngx_pagespeed

14. Ahora pruebe si Ngx-pagespeed ahora está trabajando junto con Nginx usando el comando cURL a continuación.

$ curl -I -p http://localhost

Si no ha podido ver el encabezado anterior, vuelva al paso 10 y siga atentamente las instrucciones para habilitar la velocidad de Ngx-pages con los pasos sucesivos.

Repositorio Github de Ngx-pagespeed : https://github.com/pagespeed/ngx_pagespeed

Si desea proteger el servidor web Nginx, le sugerimos que lea este útil tutorial: La guía definitiva para asegurar, 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íenos el formulario de comentarios que se encuentra a continuación.