Revisão do NitroPack: PRÓS E CONTRAS com estatísticas reais

Com as atualizações mais recentes do Google, a velocidade do site se tornou um importante fator de classificação. Já se sabia que a velocidade do site era um fator significativo para melhorar as taxas de conversão e as taxas de rejeição. A partir do anúncio recente do Google, as métricas do Core Web Vital agora determinam a qualidade técnica do seu site. Nitropack é um plugin de otimização que pode ajudar com esses problemas.

Como proprietário de um site WordPress, você pode lidar com muitos desses problemas por meio de plugins. No entanto, cada plug-in de cache oferece diferentes benefícios e desvantagens. Aqui vou discutir os benefícios e uso do Nitropack, um dos meus plugins de cache favoritos.

Vejamos essa ferramenta com mais detalhes para entendê-la melhor.

Visão geral do Nitropack

Nitropack fornece uma solução abrangente para vários sites baseados em CMS e PHP. Além disso, a Nitropack oferece seus serviços nessas plataformas.

• WordPress
• Magento
• Carrinho Aberto
• WooCommerce
• SDK do PHP

Para esta revisão, vou me concentrar em sites WordPress.

Uma solução completa para compactar scripts JS, CSS e HTML. Também fornece serviços de CDN e otimização de imagem. Se compararmos com uma ferramenta como o WP Rocket, ele faz um trabalho notável de compressão de scripts; no entanto, requer os plug-ins do otimizador de imagem e CDN separadamente.

Em geral, este plug-in ajudará você a passar no teste Google Core Web Vital para melhorar o FCP, LCP e CLS. Ele também usa o cache automático para fornecer aos usuários um carregamento mais rápido de elementos da web.

A característica mais atraente desta ferramenta é que ela é baseada em nuvem. Assim, o plugin fará toda a otimização automaticamente sem afetar a largura de banda da sua hospedagem. Portanto, mesmo que você não seja um técnico, configurar e usar este plugin deve levar apenas cinco minutos.

Ganhe 5% de desconto no NitroPack para os leitores do nosso blog.

Nitropack Prós e Contras

Vamos rever brevemente as vantagens e desvantagens do Nitropack, para que você possa decidir se vale a pena o seu dinheiro ou não.

Prós

• Boa CDN
• Otimização automática para HTML, CSS e JS
• Conjunto de ferramentas de otimização de imagem abrangente
• Toneladas de pequenos ajustes para melhorar a velocidade do site e passar o CWV.
• Mais velocidade da página equivale a mais conversões.
• Menor custo para hospedagem/CDN de alta velocidade
• Suporte a plugins de comércio eletrônico, como WooCommerce ou Magneto
• Ajuda na passagem de CWV e melhor classificação

Contras

• Algumas configurações são muito agressivas e podem entrar em conflito com outros plugins
• O suporte ao cliente não é impressionante
• As ferramentas de auditoria mostram problemas, mas você pode ajustá-las
• Indignação de largura de banda para sites maiores

Características do Nitropack

O Nitropack oferece uma ampla gama de recursos para tornar seu site mais rápido e otimizado para o Google. A maioria é automática, então você não precisa fazer nada além de configurar o plugin. Em vez disso, você só pode selecionar um método de otimização e algumas configurações básicas do seu painel do WordPress.

Será necessário realizar os ajustes manuais no painel do Nitropack Cloud.

Otimização automática

O Nitropack otimizará automaticamente seu site após a instalação. Embora tenha 5 níveis de otimização, ele muda automaticamente para Ludicrous . Acredito que esta seja a melhor configuração automática do Nitropack; no entanto, você pode querer alternar entre “ Forte ” e “ Ludicrous ”. Para uma melhor compreensão da otimização automática, você pode seguir este guia.

Se o seu site utiliza muito JS, pode entrar em conflito com a configuração Ludicrous. Por exemplo, o script JS é usado para projetar um “ Menu Móvel” automatizado. ” Manter a otimização no Ludicrous é arriscado, pois pode quebrar o código e fazer com que seu menu móvel pareça estranho.

No entanto, se você criar o menu usando CSS, isso resolverá seu problema. Além disso, você tem a opção de ajustar suas configurações para encontrar o que funciona melhor para o seu site.

Sistema de cache avançado

Nitropack fornece um sistema de cache avançado que pode reduzir o uso de largura de banda e melhorar a experiência do usuário em seu site. No departamento de cache, ele faz o trabalho melhor. Ele armazena em cache a página quando um usuário clica nela e a mantém na CDN.

Nos painéis do WordPress e do Nitropack, você pode verificar quanto cache e CDN estão sendo usados. Além disso, você pode limpar todo o cache ao atualizar seu conteúdo, se desejar.

• O recurso Smart Cache é uma ferramenta muito útil se seus usuários estão retornando com mais frequência do que são novos. No entanto, a atualização do conteúdo deve ser feita na mesma velocidade de antes e sem perder dados de cache.
• O Smart Cache automatiza o processo para você. Ele atualizará o cache mesmo se você atualizar o conteúdo de um ano sem comprometer o desempenho ou a experiência do usuário.
• O Cache Warmup é um ótimo recurso se você tiver pouco tráfego em seu site e não estiver se expandindo rapidamente. Normalmente, ele está desabilitado por padrão, mas se você quiser que seus usuários tenham uma experiência de navegação mais rápida, você pode habilitá-lo.

Ao habilitar isso, seus visitantes podem visualizar o cache mesmo que não cliquem na página. Além disso, se o visitante tiver uma conexão de internet mais lenta, a página carregará muito mais rapidamente.

Otimização de imagem

As imagens desempenham um papel crucial no desenvolvimento de um site; no entanto, eles consomem uma quantidade significativa de espaço. Se as imagens demorarem muito para carregar, isso afetará a experiência geral do usuário. O Nitropack compacta automaticamente as imagens e ajusta seu tamanho conforme necessário.

• Dimensionamento de imagem adaptável: reduza os tempos de carregamento carregando imagens de acordo com o dispositivo.
• Compactar a imagem: Mantém a imagem no formato com ou sem perdas para consumir menos largura de banda e fazer o site carregar mais rápido.
• Carregamento lento: adia a exibição de imagens até que o visitante esteja pronto para vê-las.
• Formatação WEBP: Converta automaticamente imagens antigas e novas enviadas para o formato WEBP para que o navegador possa exibi-las mais rapidamente.

A Nitropack lida com tudo isso nos bastidores em sua plataforma de nuvem, o que significa que não há carga adicional em seu site.

Otimização de HTML

Nitropack otimiza automaticamente o script HTML do seu site. Muitos plugins fornecem esse recurso. No entanto, pode quebrar a codificação do site e torná-lo feio. Além de se sair bem com HTML, você também pode otimizar o código JSON em seu site.

Se você tiver problemas relacionados ao código JSON em seu site, poderá usar esta ferramenta para resolvê-los. Por exemplo, se você usar um formulário de inscrição, poderá ocorrer um atraso no carregamento devido ao código JSON. O Nitropack cuida disso automaticamente para você.

Eu recomendo usar o OptinMonster como seu formulário de inscrição. Então, você pode facilmente integrar ambos para obter os melhores resultados para geração de leads.

Além disso, você pode incluir o comentário HTML como um recurso DOM. No entanto, não recomendo fazer isso, pois aumentará significativamente o tempo de carregamento.

Otimização de CSS

Nitropack otimiza automaticamente o CSS de uma maneira excelente. Ele compacta e reduz o código CSS para tornar as páginas carregadas mais rapidamente. A automação inclui esses recursos.

• Combine CSS: Combine todos os arquivos CSS em 1 arquivo para reduzir as solicitações HTTP.
• Acima da dobra CSS primeiro: Primeiro, ele carrega o CSS acima da dobra para melhorar a experiência do usuário e faz solicitações apenas para o conteúdo que os visitantes precisam ver.
• Minificação: Minimize o código para melhor otimização.
• Compressão: Comprima para hospedagem e servidor para entregar conteúdo rapidamente.

Além disso, você também obterá alguns recursos avançados, como implementação personalizada de CSS, CSS não utilizado reduzido e CSS crítico. Além disso, a otimização manual será necessária para implementar essas configurações.

No entanto, se você observar o preço, terá que pagar apenas US $ 10 por mês por serviços como criticalcss.

Otimização de Javascript

Quando se trata de velocidade de carregamento lenta, os scripts JS são os principais culpados. Assim como HTML e CSS, Nitropack automatiza e aperfeiçoa o processo de otimização de JS.

• JS Combinando: Combine todo o código JS em 1 pacote para solicitações HTTP menores.
• Compressão JS: Comprima todos os scripts para uma entrega mais rápida ao servidor.
• Minificação JS: Minimize os códigos sem quebrar o site.

É recomendável que você não combine JS manualmente, a menos que tenha experiência nisso. Um único erro pode resultar na destruição completa do seu site, mesmo após a remoção dos complementos.

Integração e Ferramentas

Embora o Nitropack seja suficiente para otimizar a velocidade e o desempenho do seu site por si só, o desenvolvedor oferece uma solução aprimorada por meio da integração.

Se o seu provedor de hospedagem usa Varnish ou NGINX como servidor proxy reverso em vez de gZip , você deve ajustar o proxy reverso para obter um desempenho ideal. Por exemplo, você pode ajustar o proxy reverso para um URL específico ou para todo o site.

Além disso, se você usa serviços da Cloudflare ou Sucuri, pode integrá-los com as chaves de API para melhorar o desempenho da sua CDN.

Outro recurso que gostei no Nitropack é a otimização do código de anúncios. É particularmente útil para blogueiros que utilizam plataformas de publicidade para monetização.

Se você executar anúncios em seu site, o Google Page Speed ​​Insight enfrentará esse problema de diminuição de velocidade. Você pode resolver esse problema com um clique.

CDN de primeira classe

Não há muito a dizer sobre o Nitropack CDN porque ele usa o Amazon CloudFront. De acordo com o G2, é a segunda melhor alternativa ao IBM CDN. Além de sua reputação como uma CDN de marca branca, é altamente confiável.

Mais de 70 servidores em mais de 70 países garantem que os visitantes recebam arquivos do servidor mais próximo em seu navegador.

NitroPack em ação

Até agora, você só aprendeu sobre recursos e benefícios. Se você não considerar a experiência do mundo real, ela parecerá incompleta. Portanto, realizei um teste em um site fictício usando um provedor de hospedagem barato para ver o potencial bruto do Nitropack.

Todos os testes foram executados em “ Modo Convidado ” em um navegador Chrome. Como resultado, não haverá cache para afetar os resultados.

As ferramentas que usei são GT Metrix e Google Page Speed ​​Insight. Ambos os verificadores de desempenho da Web são respeitáveis ​​e extremamente poderosos.

Também gostaria de lembrá-lo que usei o Kadence Theme e o editor Kadence Block para criar o site de demonstração. Portanto, antes de iniciar o teste, todos os outros plugins foram desabilitados.

Antes de adicionar Nitropack

Relatório do Google PSI para dispositivos móveis :

Os resultados do Google Page Speed ​​Insight indicam que o desempenho da versão mobile do meu site é de apenas 77 . O tempo de carregamento é de 8,9 segundos. É extremamente alto para um dispositivo móvel exibir a página. Enquanto o tempo de bloqueio foi bom, as outras métricas foram ruins.

Relatório do Google PSI Desktop:

Embora eu estivesse usando o plano gratuito do X10hosting , o desempenho do desktop permaneceu alto. Uma das razões é o tema leve do Kadence otimizado para SEO. No entanto, minha velocidade de internet é bastante rápida, chegando a 25 Mbps, então 2,9 segundos é bastante perceptível.

Relatório GT Metrix:

Embora a captura de tela pareça ser um resultado decente do site, o tempo do primeiro byte para interagir é de 1,7 segundos. Portanto, levaria muito tempo para carregar apenas os itens acima da dobra. Além disso, o tamanho da página é de 1,13 MB, o que levará um tempo considerável para carregar em uma conexão mais lenta, fazendo 49 solicitações HTTP.

Depois de adicionar Nitropack

Agora, vamos ver o que o NitroPack pode fazer, com base em configurações semelhantes no meu site. Ainda assim, não ativei nenhum outro plugin para manter o jogo limpo.

Relatório do Google PSI para dispositivos móveis:

Observe o aumento de desempenho na ferramenta. Ele aumentou 95 por cento de 77 por cento. Além disso, o tempo de carregamento diminuiu para 2,8 segundos , o que é 3,18 vezes mais rápido , e FCP e TTI (Time to Interactive) melhoraram significativamente em tempo real.

Relatório do Google PSI Desktop :

Comparado com o resultado anterior sem Nitropack, isso é bastante impressionante. O desempenho melhorou para 99 pontos e o índice de velocidade diminuiu para 1 segundo . O tempo para carregar o FCP e o TTI foi de 0,7 segundos . Em resumo, tudo melhorou significativamente.

Relatório GT Metrix:

O relatório da GT Metrix explica isso melhor, pois os números mudaram significativamente. Pontuação de desempenho de 100% com tempo de carregamento de 0,7 segundos. Isso é impressionante. O tamanho da página diminuiu para 361 kb , que é 3,53x menor que o resultado anterior. Ele enviou apenas 16 solicitações HTTP para carregar a página.

As estatísticas falam por si mesmas. Nitropack melhora significativamente a velocidade do seu site. Leva-o para o próximo nível porque não pressiona seu servidor de hospedagem.

Como conectar o Nitropack com o site WordPress?

Se você está convencido de que deseja esta ferramenta, também deve saber como conectá-la.

O primeiro passo é criar uma conta no site oficial da Nitropack. Em seguida, instale o plugin Nitropack em seu site. Se o seu site e a conta Nitropack estiverem no mesmo navegador, clicar no botão “ Conectar ao Nitropack ” conectará o plug-in à sua conta.

Caso contrário, clique em inserir detalhes manualmente e você poderá inserir seu “ ID do site ” e “ Segredo do site ” manualmente. Copie e cole-os da sua conta Nitropack e clique em “ Conectar ao Nitropack ”. Isso é tudo que você precisa fazer.

Planos de Preços Nitropack

O Nitropack oferece 3 pacotes premium e a opção de iniciar gratuitamente. Cada um desses pacotes está disponível em faturamento mensal e anual.

Se você pagar mensalmente:

1. O pacote Business custará US$ 18,90/mês .
2. O pacote de crescimento custará $ 45,90/mês
3. A balança custará $ 158,40/mês

Por outro lado, se você escolher o pacote anual, o custo médio mensal é significativamente reduzido graças ao período de teste gratuito de dois meses . A taxa mensal para o pacote anual é de $ 15,75 por mês, com um máximo de $ 132 por mês.

Não importa seus planos, você só pode usar isso em um site. No entanto, você pode obter os pacotes premium na mesma conta Nitropack se tiver mais de um site.

Ganhe 5% de desconto no NitroPack para os leitores do nosso blog.

NitroPack é melhor que WP Rocket?

Quando se trata de recursos semelhantes, como compressão CSS e HTML, o Nitropack não é melhor que o WP Rocket. No entanto, o Nitropack oferece um CDN e um recurso de otimização automática que lhe dá vantagem.

Apesar disso, o WP Rocket é mais acessível quando se considera seus recursos. Portanto, quando se trata de Nitropack, é a melhor opção se você puder pagar pelos serviços.

Veredicto Final da Revisão do NitroPack

Nitropack seria a melhor opção se você esgotou todas as outras ferramentas de otimização e não conseguiu alcançar os resultados do Google Core Web Vital. Além disso, você deve ter em mente que seu site só pode ser otimizado para 1 milhão de visualizações de página.

Se você tiver um site grande com mais de um milhão de visitantes por mês, o Nitropack não poderá fornecer o mesmo nível de desempenho. Além disso, é um pouco mais caro que os outros plugins de otimização, mas oferece mais recursos.

Nitropack é uma ótima opção para quem pode pagar os planos premium. Além disso, sites de médio porte com alta classificação no Google devem experimentar essa ferramenta para manter o site rápido e fácil de usar.