Pesquisa de site

Acelere o desempenho do Nginx com Ngx_Pagespeed no CentOS 7

Nginx [engine x] é um software de servidor web e proxy reverso gratuito e de código aberto, multiplataforma e poderoso, escrito em C. Ele também é um servidor proxy padrão IMAP/POP3 e TCP/UDP, e pode ser usado como balanceador de carga.

Nginx é um servidor HTTP bem conhecido (comparável ao servidor HTTP Apache) que alimenta vários sites na web; é popular por seu alto desempenho e estabilidade.

Existem vários fatores importantes a serem considerados quando você deseja melhorar a experiência do usuário em seu site, incluindo a velocidade do site e da página (também conhecida como tempo de carregamento da página). Se o seu site for desenvolvido com Nginx, você poderá usar ngx_pagespeed para essa finalidade.

Leitura sugerida: Instale o Mod_Pagespeed para melhorar o desempenho do servidor Apache

Ngx_pagespeed é um módulo Nginx gratuito e de código aberto usado para aumentar a velocidade dos sites, bem como reduzir o tempo de carregamento da página. Reduz significativamente o tempo que os usuários levam para ver e interagir com o conteúdo do seu site.

Recursos Ngx_pagespeed:

  • Suporte para HTTPS e controle de URL.
  • Otimização de imagem: remoção de metadados, redimensionamento dinâmico, recompressão.
  • Minificação, concatenação, inlining e delineamento de CSS e JavaScript.
  • Inlining de pequenos recursos.
  • Adiando o carregamento de imagem e JavaScript.
  • Reescrita de HTML.
  • Extensão da vida útil do cache.
  • Permite configurar vários servidores e muitos outros.

Neste tutorial, mostraremos como instalar o Nginx com ngx_pagespeed e testar toda a instalação no RHEL/CentOS 7.

Atenção: Usuários Debian e Ubuntu podem seguir este guia para instalar o Ngx_Pagespeed para melhorar o desempenho do Nginx.

Etapa 1: Instale o Nginx da fonte

1. Para instalar o Nginx com ngx_pagespeed é necessário compilá-lo a partir do código-fonte. Primeiro instale todos os pacotes necessários para compilar o Nginx a partir de fontes como esta.

yum install wget gcc cmake unzip gcc-c++ pcre-devel zlib-devel
OR
yum group install "Development Tools"

2. Em seguida, obtenha os arquivos fonte da versão mais recente do Nginx (1.13.2 no momento da redação deste artigo) usando o comando wget e extraia o tar ball baixado conforme abaixo .

mkdir ~/downloads
cd ~/downloads
wget -c https://nginx.org/download/nginx-1.13.2.tar.gz
tar -xzvf nginx-1.13.2.tar.gz

3. Em seguida, baixe os arquivos de origem ngx_pagespeed e descompacte os arquivos compactados.

wget -c https://github.com/pagespeed/ngx_pagespeed/archive/v1.12.34.2-stable.zip
unzip v1.12.34.2-stable.zip

4. Agora vá para o diretório ngx_pagespeed descompactado e obtenha as bibliotecas de otimização PageSpeed para compilar o Nginx da seguinte maneira.

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

Etapa 2: configurar e compilar Nginx com Ngx_Pagespeed

5. Agora vá para o diretório nginx-1.13.2 e configure a fonte Nginx executando os comandos abaixo.

cd ~/downloads/nginx-1.13.2
./configure --add-module=$HOME/downloads/ngx_pagespeed-1.12.34.2-stable/ --user=nobody --group=nobody --error-log-path=/var/log/nginx/error.log --http-log-path=/var/log/nginx/access.log --pid-path=/var/run/nginx.pid ${PS_NGX_EXTRA_FLAGS}

6. Em seguida, compile e instale o Nginx da seguinte maneira.

make
make install

7. Quando o processo de instalação for concluído, crie todos os links simbólicos necessários para o Nginx.

ln -s /usr/local/nginx/conf/ /etc/nginx/
ln -s /usr/local/nginx/sbin/nginx /usr/sbin/nginx

Etapa 3: Criando arquivo de unidade Nginx para SystemD

8. Em seguida, como systemd é o sistema init no CentOS 7, você precisa criar manualmente a unidade Nginx arquivo para isso.

Primeiro, crie o arquivo /lib/systemd/system/nginx.service e, em seguida, pegue o arquivo de serviço NGINX systemd e cole a configuração do arquivo da unidade no arquivo abaixo.

vi /lib/systemd/system/nginx.service

Anote a localização do PIDFile e do binário NGINX que você definiu ao configurar e compilar o Nginx. Você os definirá nas variáveis apropriadas no arquivo unitário, conforme mostrado abaixo :

[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

Salve o arquivo e feche-o.

9. Neste ponto, inicie o serviço nginx enquanto isso e habilite-o para iniciar na inicialização do sistema executando os comandos abaixo.

systemctl start nginx
systemctl enable nginx
systemctl status nginx

Etapa 4: configurar o Nginx com o módulo Pagespeed

10. Com o Nginx instalado, em seguida, você precisa ativar o módulo Ngx_pagespeed. Comece criando um diretório onde o módulo armazenará em cache os arquivos do seu site e defina as permissões apropriadas neste diretório com os comandos abaixo.

mkdir -p /var/ngx_pagespeed_cache
chown -R nobody:nobody /var/ngx_pagespeed_cache

11. Agora é hora de habilitar o módulo Ngx_pagespeed, abrir o arquivo de configuração do Nginx e adicionar as linhas abaixo.

Importante: se você configurou algum host virtual nginx no servidor, adicione as diretivas pagespeed acima a cada bloco do servidor para ativar Ngx_pagespeed em cada site.

vi /etc/nginx/nginx.conf

Adicione as seguintes linhas de configuração Ngx_pagespeed no bloco do 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" { }

A seguir está um exemplo funcional do arquivo de configuração Nginx com Ngx_pagespeed habilitado no host virtual padrão.

#user  nobody;
worker_processes  1;
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
#pid        logs/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;
    #    }
    #}

}

12. Depois, certifique-se de que o arquivo de configuração do Nginx esteja livre de erros executando o comando abaixo, você verá a saída abaixo se tudo estiver bem.

nginx -t

13. Por fim, reinicie o servidor Nginx para que as alterações tenham efeito.

systemctl restart nginx

Etapa 5: Testando Nginx com Ngx_pagespeed

14. Para saber se Ngx_pagespeed agora está funcionando em conjunto com Nginx, ele deve aparecer no cabeçalho X-Page-Speed.

curl -I -p http://localhost

Caso você não tenha conseguido ver o cabeçalho acima, volte para a etapa 11 e siga cuidadosamente as instruções para ativar o Ngx-pagespeed nas etapas subsequentes.

Repositório Github Ngx-pagespeed: https://github.com/pagespeed/ngx_pagespeed

Isso é tudo! Neste tutorial, mostramos como instalar e configurar o Nginx com o módulo Ngx_pagespeed para otimizar e melhorar o desempenho do site e reduzir o tempo de carregamento da página.

Para proteger o servidor web Nginx, leia este artigo – O guia definitivo para proteger, fortalecer e melhorar o desempenho do servidor web Nginx.

Como sempre, não hesite em nos informar qualquer dúvida ou opinião sobre este tutorial.