127 Ações

Resultado da imagem para o carregamento do site gif

Aí está você com seu WooCommerce configuração do site, tem a aparência que você deseja, você tem todos os excelentes recursos e layout Juntos, vocês estão prontos para lançar seu novo e lindo site, estão antecipando todos os pedidos que chegam, toda a receita para você e sua família, e então percebem um pequeno problema que vai atrasar os pedidos, irritar os clientes, e fazer com que as conversões despencem pelo chão.

Qual é o problema que seus clientes notaram?

….a velocidade.

Então, seu site precisa de ajuda no departamento de velocidade?

Resultado de imagem para digitação rápida de gif

Sejamos honestos: depois de quem-sabe-quantos construtores de páginas, configurações de servidor, plug-ins e opções de tema são adicionados a uma Loja WooCommerce, às vezes seu site pode atolar.
Você pode alternar constantemente a hospedagem, desabilitar/habilitar plug-ins e tentar quem-sabe-quantos outros ajustes, ocupando centenas de horas do seu tempo. Mas você prefere administrar um negócio-não mexer com um site, certo?

💡 Hospedagem barata pode ser substancialmente acelerada usando serviço do NitroPack para acelerar seu site!

Portanto, se você se comprometeu a ter um serviço de hospedagem com baixo desempenho, mas pode estar um pouco relutante em migrar seu site, é aí que NitroPack os serviços da empresa virão em seu socorro!

Uma primeira etapa realmente simples e fácil é correr para o NitroPack.io página inicial e teste seu site bem rápido:

(clique ou toque na imagem abaixo e teste seu site)

Agora que você está observando os resultados de velocidade do seu site, vá até o canto superior direito da página e vá em frente e crie uma conta 👍 gratuita em NitroPack site:

Em seguida, você vai querer adicionar seu site à plataforma deles para que eles possam se conectar a todos os arquivos de tema e plug-in do seu site. É simples, leva apenas alguns segundos e super fácil.

Sua próxima etapa é clicar na opção dentro do painel do NitroPack que diz, “Conecte seu site”, conforme destacado na grande caixa vermelha abaixo. Veremos o que isso faz na próxima captura de tela. Mas certifique-se de não pular esta parte, pois é fundamental para acelerar a configuração do seu site específico.

A seguir, você verá uma nova tela no painel do NitroPack com o texto “Baixe um conector”. Clique no grande botão azul que está solicitando que você”Navegue pelos downloads”destacado em vermelho.

Agora, na próxima tela, você realmente verá como são poderosas as opções versáteis do NitroPack. Eles oferecem uma opção para quase todos os cenários imagináveis:

  • um site nativo construído em PHP,
  • uma API bruta (completa com documentação),
  • NitroPack para OpenCart,
  • a opção para WordPress (não executando WooCommerce),
  • 👉E então, o melhor: NITROPACK PARA WOOCOMMERCE! 👈

….que leva à sua página de plug-in no WordPress.org

Assim, na SUA área de administração na área de plug-ins do seu próprio site, você simplesmente digitará as palavras NitroPack (sem espaços) e procurará por este plug-in com o logotipo do NitroPack, o velocímetro verde e o fundo preto e cinza:

Clique em “Instalar agora” e “Ativar” bem rápido para que possamos entrar na parte divertida.
Vá para as configurações do NitroPack em seu site WooCommerce! É assim que vai parecer a princípio. Meio em branco, certo? Obteremos esses dois campos na próxima captura de tela.

(Desculpe pela notificação. Eu estava configurando o Facebook simultaneamente para WooCommerce ao mesmo tempo. Normalmente, você não veria essa notificação)

Para preencher essas duas lacunas, vamos voltar ao site NitroPack bem rápido. Encontraremos nossa ID e chave secreta aqui mesmo onde diz, “Conecte seu site”. Assim que copiarmos e colarmos os dois na captura de tela acima, receberemos uma grande notificação verde nos mostrando: “ Seu site está conectado! Wahoo! 🤜💥🤛

Vamos dar uma olhada no painel que agora aparecerá na área administrativa do seu site:

Pare 🛑Parar✋Parar🤚Direito aqui e OLHE 👀na PARTE INFERIOR DIREITA da tela do NitroPack E
Se você NUNCA se complicar, toque no botão de bate-papo e PERGUNTE sua equipe QUALQUER COISA

Páginas otimizadas/Plano/Configuração/Configurações:
Superior esquerdo : Páginas otimizadas é a primeira caixa que você provavelmente verá. Você pode ficar um pouco irritado porque isso mostrará que você não tem nenhuma página otimizada no início. Mas está tudo bem no início.

Canto superior direito : sua Caixa de planos é bastante óbvia. Ele simplesmente lembra você de quais opções você escolheu para que o NitroPack agilize seu site WooCommerce. Sim, existe uma opção gratuita, mas provavelmente você vai querer ir para a opção simples de $ 19 pagos! Bem, aqueles de nós que querem vencer a concorrência vão querer a versão paga! 😏

Inferior direito : A caixa de configurações é direta e simples, com apenas duas opções que você provavelmente desejará alternar para’ATIVADO’e então o botão vermelho para’Desconectar’seu site dos serviços de velocidade do NitroPack.

Inferior esquerdo : o NitroPack oferece aos proprietários de sites 5 opções para a Caixa de configuração . E eles definem essas 5 opções com as seguintes definições para cada opção:

  • <✓Standard: Uma configuração pré-definida sem muita consideração para uma pontuação alta. O suficiente para colocá-lo em funcionamento.
  • Médio: bem equilibrado e adequado para a maioria dos casos.
  • Forte : Inclui recursos avançados como carregamento lento automático de imagens e modificação de definição de fonte. Pode causar problemas em alguns casos.
  • ridículo : Uma configuração pré-definida com o objetivo de atingir a maior pontuação possível. Em alguns casos, isso pode causar problemas em seu site.
  • Manual : Use suas próprias configurações. Verifique a guia Configurações avançadas abaixo para configurá-los.

Dentro do seu painel no NitroPack, você verá estas guias:

Observe que a guia “Configurações avançadas” não aparecerá se você selecionou Padrão, Médio, Forte , ou Lúdico . A guia rotulada como “Configurações avançadas” SOMENTE aparecerá assim que você selecionar a opção de configuração de “ Manual “👍

Vamos examinar a guia “Configurações avançadas” para que possamos entender o que cada uma dessas opções faz e como essas seleções manterão o carregamento do seu site rápido para exibições de páginas felizes 😀:

Reduzir recursos
Ative ou desative a minimização de recursos JavaScript, CSS e HTML

Esta opção pega todos os seus arquivos e remove todos os espaços e quebras de linha nesses arquivos, tornando os arquivos do seu site incrivelmente menores do que eram originalmente quando todo o espaço em branco estava no m.

Otimização de imagem
Habilite ou desabilite a otimização de imagem para tamanho e exibição

Todos sabemos que o WordPress define as imagens com qualidade de 80 por padrão. No entanto, se as suas imagens simplesmente não apresentarem diferenças perceptíveis em qualidade inferior, é altamente recomendável reduzir a qualidade da imagem para equilibrar entre a velocidade e a exibição visual.

Carregamento lento automático da imagem
Carregue as imagens apenas quando elas se tornarem visíveis. Isso reduz o peso inicial das páginas.

Isso é um pouco como o jogo de esconde-esconde da infância.
O carregamento lento diz basicamente:“ Carregue algo apenas quando o item puder ser visualizado pelo navegador do visitante.

Otimize a entrega de CSS
Crie CSS essencial e retrabalhe o CSS do seu site para uma entrega ideal

Otimizar a entrega de CSS será seu melhor amigo se você usá-lo corretamente. Uma vez ativado, pode causar um flash momentâneo de texto sem estilo; no entanto, esta opção carregará os arquivos CSS substancialmente mais rápido.

Combine CSS em um recurso
Use um único arquivo para todas as regras CSS agrupadas por tipo de mídia.

Esta opção no NitroPack faz exatamente o que diz. Ele pesquisará todos os arquivos.css que compõem algo como o.body-content ou a área.sidebar-widget e, em seguida, combinará esses arquivos em UM arquivo. Assim que o arquivo for criado, ele entregará aquele arquivo UM COMBINADO em vez de vários arquivos menores do servidor para a tela do usuário final.

Substituir o comportamento de renderização da fonte
Use esta opção para definir um valor desejado para o CSS font-display regra

Existem várias opções que definem o comportamento do navegador ao renderizar fontes. É melhor deixar essa opção definida como “auto” e permitir que o plug-in NitroPack renderize a melhor regra de exibição de fonte para o seu site. Simples, certo?

Combine JS em um recurso
Use um único arquivo para todo o código JavaScript, reduzindo o número de solicitações de rede e tornando a renderização mais eficiente

A maior parte do javascript pode ser combinada em um arquivo e não afeta o modo como funciona.

<✓ Remover recursos de bloqueio de renderização
Retrabalhe e reposicione os arquivos de recurso de bloqueio na parte acima da dobra de sua página

Ativar esta opção permitirá que o NitroPack determine quais arquivos entregam seu site em que ordem específica. Você provavelmente vai querer as duas primeiras opções definidas como ‘Ativado’ e a última (a estratégia) definida como ‘Estilos primeiro’. Isso ajudará o NitroPack a carregar os arquivos do site na melhor ordem.

E aí está! Todas as configurações do NitroPack que todo proprietário de loja WooCommerce
precisa para acelerar o tempo de carregamento de seu site!

As vantagens de descarregar isso para um terceiro em vez de fazer você mesmo economiza muito tempo. ⏳

E, no final do dia, você NUNCA pode substituir o tempo que gastou tentando acelerar um site por algum plug-in peculiar e obter todas as configurações certas por conta própria. Esse tempo acabou-para sempre.

Portanto, se você, como tantos outros proprietários de lojas WooCommerce, deseja um site de carregamento rápido, faça o que fizemos.

Vá até a página inicial do NitroPack e entre em SEU site para ver o que o NitroPack pode fazer por YOU!

127 Ações

Source link

Categories: Wordpress