Por que os testes do WordPress s\u00e3o importantes?<\/h2>\n
H\u00e1 muitos benef\u00edcios em testar regularmente seu site WordPress. Como mencionamos, isso permite que voc\u00ea fa\u00e7a experi\u00eancias com elementos de design e de interface do usu\u00e1rio (UI) sem afetar o site ativo.<\/p>\n
Como resultado, voc\u00ea pode preservar seu site atual e manter todas as opera\u00e7\u00f5es comerciais enquanto explora novas ideias. Se algo der errado no ambiente de teste, voc\u00ea n\u00e3o precisar\u00e1 se preocupar com o efeito que o tempo de inatividade pode ter sobre o tr\u00e1fego e a receita da web.<\/p>\n
Por outro lado, voc\u00ea tamb\u00e9m pode querer testar o seu site WordPress para detectar problemas que os visitantes possam ter ao visualizar suas p\u00e1ginas. Por exemplo, o seu site pode apresentar lentid\u00e3o<\/a> em um determinado navegador, ou o seu menu pode n\u00e3o ser exibido corretamente em dispositivos m\u00f3veis.<\/p>\n Al\u00e9m disso, um ambiente de teste pode ser uma \u00f3tima maneira de evitar vulnerabilidades de seguran\u00e7a. Talvez voc\u00ea queira experimentar novos plugins e temas antes de instal\u00e1-los em seu site ativo. Enquanto isso, voc\u00ea pode executar atualiza\u00e7\u00f5es em seu site de teste para garantir que elas sejam seguras.<\/p>\n Embora muitos iniciantes possam se beneficiar ao experimentar o WordPress em um ambiente seguro e privado, os testes tamb\u00e9m s\u00e3o muito importantes para desenvolvedores avan\u00e7ados. Com as ferramentas certas, os desenvolvedores podem configurar um ambiente de teste permanente<\/a> para testar a funcionalidade dos produtos antes de disponibiliz\u00e1-los ao p\u00fablico.<\/p>\n Agora que voc\u00ea sabe por que \u00e9 importante testar o WordPress com seguran\u00e7a, vamos dar uma olhada em algumas das abordagens mais comuns.<\/p>\n Independentemente do tipo do site que voc\u00ea administra, \u00e9 uma boa pr\u00e1tica adquirir o h\u00e1bito de realizar regularmente testes de funcionalidade, desempenho e seguran\u00e7a.<\/p>\n \u00c9 importante que voc\u00ea reconhe\u00e7a o valor de testar seu site em diferentes ambientes. Quando voc\u00ea souber a diferen\u00e7a entre cada tipo de ambiente, ser\u00e1 mais f\u00e1cil escolher a op\u00e7\u00e3o certa para suas necessidades.<\/p>\n Um ambiente local \u00e9 hospedado em seu pr\u00f3prio computador. Dessa forma, nada do que voc\u00ea fizer nesse ambiente afetar\u00e1 o site ativo. Para uso geral, ele oferece uma \u00f3tima maneira de testar novos recursos e funcionalidades. Enquanto isso, para os desenvolvedores, um ambiente local pode ser o local ideal para voc\u00ea detectar bugs e erros em seu c\u00f3digo.<\/p>\n Por outro lado, um ambiente de teste fornece uma c\u00f3pia dos dados do seu site em um servidor (em vez de uma m\u00e1quina local). \u00c9 um \u00f3timo lugar para voc\u00ea executar as principais atualiza\u00e7\u00f5es de vers\u00e3o, altera\u00e7\u00f5es de configura\u00e7\u00e3o e migra\u00e7\u00f5es de banco de dados<\/a>. Al\u00e9m disso, se voc\u00ea cria sites para clientes, um site de teste funciona bem como um site de demonstra\u00e7\u00e3o para mostrar aos clientes a apar\u00eancia do site.<\/p>\n Agora que voc\u00ea tem uma melhor compreens\u00e3o dos diferentes tipos de ambientes de teste, vamos dar uma olhada em como configur\u00e1-los!<\/p>\n Conforme discutido, um site de teste \u00e9 basicamente uma c\u00f3pia completa do site ativo que voc\u00ea tem. Normalmente, ele ser\u00e1 hospedado no mesmo servidor que o site ativo. A \u00fanica diferen\u00e7a \u00e9 que os visitantes n\u00e3o poder\u00e3o acess\u00e1-lo.<\/p>\n Uma das melhores partes do ambiente de teste \u00e9 que ela segue uma configura\u00e7\u00e3o do mundo real. Portanto, voc\u00ea pode entender corretamente a jornada que os clientes reais percorrem em suas p\u00e1ginas.<\/p>\n A maneira mais f\u00e1cil de configurar um site de teste<\/a> \u00e9 por meio do seu provedor de hospedagem de sites. Nem todos os provedores de hospedagem de sites oferecem ambientes de teste com seus servi\u00e7os de hospedagem. Mas, na Kinsta<\/a>, \u00e9 muito simples criar e configurar o ambiente de teste integrado do WordPress<\/a>.<\/p>\n Voc\u00ea pode acessar seu site de teste fazendo login no seu painel MyKinsta. Basta voc\u00ea selecionar seu site na lista. Em seguida, na parte superior da tela, use o menu suspenso para alterar Produ\u00e7\u00e3o\u00a0<\/strong>para Teste<\/strong>:<\/p>\n Tenha em mente que pode levar at\u00e9 quinze minutos para gerar seu site de teste pela primeira vez. Em seguida, ele existir\u00e1 como um subdom\u00ednio do seu dom\u00ednio principal (ambos usam o mesmo servidor).<\/p>\n Quando estiver pronto para aplicar as altera\u00e7\u00f5es ao seu site ativo, voc\u00ea poder\u00e1 simplesmente usar o bot\u00e3o Mover para o ambiente <\/strong>no painel.<\/p>\n Embora um ambiente local funcione de forma semelhante a um site de teste, voc\u00ea n\u00e3o precisar\u00e1 hospedar o ambiente externamente. Em vez disso, o ambiente local residir\u00e1 em um computador local (geralmente, o seu computador).<\/p>\n Para instalar um ambiente de teste de WordPress localmente, voc\u00ea precisar\u00e1 obter um conjunto de pilhas AMP para o seu computador. Esse software (Apache, MySQL e PHP) \u00e9 usado para imitar o site do WordPress que voc\u00ea est\u00e1 usando.<\/p>\n Algumas das formas mais populares de instalar o WordPress localmente s\u00e3o o WAMP e o XAMPP. No entanto, a maneira mais f\u00e1cil \u00e9 usar o DevKinsta<\/a>:<\/p>\n O DevKinsta \u00e9 uma ferramenta de desenvolvimento local gratuita para WordPress de site \u00fanico ou multisite. Com DeviKinsta, voc\u00ea ter\u00e1 acesso a v\u00e1rias ferramentas de gerenciamento de banco de dados e e-mail. Al\u00e9m disso, ela se integra perfeitamente ao MyKinsta (embora voc\u00ea n\u00e3o precise ser um cliente Kinsta para usar o DevKinsta).<\/p>\n Para come\u00e7ar, voc\u00ea precisar\u00e1 baixar a vers\u00e3o mais recente do DevKinsta<\/a>. Para usu\u00e1rios de Mac, voc\u00ea adicionar\u00e1 o DevKinsta em Applications<\/strong> e clicar\u00e1 duas vezes no aplicativo DevKinsta para abri-lo.<\/p>\n O processo de instala\u00e7\u00e3o varia ligeiramente entre os sistemas operacionais, mas voc\u00ea pode consultar as instru\u00e7\u00f5es completas de instala\u00e7\u00e3o do DevKinsta<\/a>, se necess\u00e1rio. Em seguida, voc\u00ea pode instalar o Docker Desktop<\/a> para criar cont\u00eaineres para o WordPress local.<\/p>\n Ap\u00f3s instalar o DevKinsta e o Docker com sucesso, voc\u00ea pode criar seu site local. Voc\u00ea pode criar um novo site WordPress, importar um site existente da Kinsta ou criar um site personalizado:<\/p>\n Basta voc\u00ea escolher sua op\u00e7\u00e3o preferida. Se estiver importando da Kinsta, voc\u00ea precisar\u00e1 selecionar o site correto para importar e inserir seus detalhes de login. Em seguida, voc\u00ea ser\u00e1 direcionado para a tela de Informa\u00e7\u00f5es do site<\/strong>, que funciona como um painel de controle para o seu ambiente local.<\/p>\n Voc\u00ea tamb\u00e9m pode usar a API da Kinsta<\/a> para criar um novo site\/instala\u00e7\u00e3o de WordPress sem acessar o DevKinsta<\/a>.<\/p>\n Agora, vamos dar uma olhada em cinco maneiras de testar a funcionalidade do seu site WordPress. Uma das melhores partes do teste de funcionalidade \u00e9 que voc\u00ea pode fazer isso diretamente em seu ambiente local ou usando o DevKinsta (ao contr\u00e1rio de outros tipos de teste que exigem que seu site esteja ativo).<\/p>\n \u00c9 importante que voc\u00ea teste seu site WordPress em v\u00e1rios navegadores<\/a> para ver como ele se parece para todos os visitantes. Isso ocorre porque navegadores diferentes usam c\u00f3digos diferentes. Portanto, cada navegador manipula e exibe elementos da sua pr\u00f3pria maneira.<\/p>\n Por exemplo, um usu\u00e1rio que acessa o seu site no Chrome pode visualiz\u00e1-lo de forma diferente de um usu\u00e1rio que o visita usando o Firefox. E, embora 3,2 bilh\u00f5es de usu\u00e1rios da Internet tenham preferido o Chrome como seu navegador principal<\/a> em 2021, muitos continuam a usar o Firefox, o Edge, o Opera e o Safari.<\/p>\n Talvez voc\u00ea queira descobrir quais navegadores s\u00e3o populares entre seus visitantes para otimizar seu site especificamente para esses navegadores. Se voc\u00ea usa o Google Analytics, pode encontrar essas informa\u00e7\u00f5es em seus relat\u00f3rios de p\u00fablico-alvo<\/a>.<\/p>\n Em seguida, voc\u00ea pode testar seu site quanto ao suporte entre navegadores usando uma ferramenta como o BrowserStack<\/a>:<\/p>\n Com o BrowserStack, voc\u00ea pode testar seu site em 3.000 navegadores diferentes, incluindo as vers\u00f5es mais recentes do Edge, Safari, Firefox e Chrome. Voc\u00ea tamb\u00e9m pode aproveitar uma avalia\u00e7\u00e3o gratuita antes de se comprometer com um plano pago.<\/p>\n O teste de unidade envolve testar a menor unidade de um aplicativo isoladamente. Pode ser uma fun\u00e7\u00e3o, uma propriedade ou um m\u00e9todo. Em seguida, essas unidades s\u00e3o analisadas quanto \u00e0 opera\u00e7\u00e3o adequada para garantir que o aplicativo se comporte conforme o esperado.<\/p>\n Voc\u00ea pode executar testes de unidade automaticamente usando uma ferramenta de terceiros, como o Travis CI<\/a>. Embora seja poss\u00edvel executar testes unit\u00e1rios automaticamente usando ferramentas como o Travis CI, conduzir os testes localmente agiliza o processo de desenvolvimento.<\/p>\n Por exemplo, voc\u00ea pode querer testar a unidade de um tema ou plugin. Para fazer isso, voc\u00ea precisar\u00e1 instalar o Git<\/a>, o SVN, o PHP e o Apache. Al\u00e9m disso, voc\u00ea precisar\u00e1 ter seu plugin pronto.<\/p>\n Para come\u00e7ar, abra o DevKinsta para iniciar seu ambiente de desenvolvimento local. Em seguida, instale o PHPUnit<\/a>. Agora, voc\u00ea precisar\u00e1 gerar os arquivos de teste do plugin usando o seguinte comando<\/a>:<\/p>\n Neste ponto, voc\u00ea pode inicializar o ambiente de teste localmente executando o script de instala\u00e7\u00e3o:<\/p>\n Esse script instala uma c\u00f3pia do WordPress no site A pr\u00f3xima etapa \u00e9 executar os testes de plugin usando o Como mais de 60% das pessoas usam um dispositivo m\u00f3vel para acessar a Internet<\/a>, \u00e9 mais importante do que nunca garantir que seu site WordPress seja responsivo. Dessa forma, voc\u00ea pode garantir que suas p\u00e1ginas sejam exibidas sem problemas em todos os tamanhos de tela, incluindo desktop, tablet e celular.<\/p>\n A maneira mais f\u00e1cil de testar a capacidade de resposta do seu site<\/a> \u00e9 simplesmente inserir a URL do site em um dispositivo m\u00f3vel. No entanto, se quiser testar a apar\u00eancia do seu site no desktop, voc\u00ea pode fazer isso usando o WordPress Customizer.<\/p>\n Basta voc\u00ea acessar Appearance > Customize<\/strong>:<\/p>\n Dependendo do seu tema, voc\u00ea ver\u00e1 pain\u00e9is diferentes. Mas, na parte inferior da p\u00e1gina, voc\u00ea pode clicar no \u00edcone de celular ou tablet para visualizar seu site no tamanho de tela especificado.<\/p>\n Al\u00e9m disso, voc\u00ea pode acessar as ferramentas de desenvolvedor do Google Chrome<\/a> para ver como seu site WordPress aparece em dispositivos m\u00f3veis. Tudo o que voc\u00ea precisa fazer \u00e9 abrir uma p\u00e1gina do seu site no Google Chrome.<\/p>\n Em seguida, clique com o bot\u00e3o direito do mouse na p\u00e1gina e selecione Inspect<\/strong>:<\/p>\n Agora, localize a barra de ferramentas Alternar dispositivo<\/strong> na parte superior do pop-up (\u00e0 esquerda da aba Elements<\/strong>):<\/p>\n Clique nela, e sua tela se adaptar\u00e1 instantaneamente:<\/p>\n Como voc\u00ea pode ver, agora \u00e9 poss\u00edvel testar como seu site \u00e9 exibido em dimens\u00f5es responsivas<\/strong>. Se voc\u00ea clicar no menu suspenso Dimensions<\/strong>, poder\u00e1 testar sua p\u00e1gina em outros dispositivos, como diferentes modelos de iPhone e Samsung Galaxy.<\/p>\n Quando falamos sobre a interface do usu\u00e1rio (UI) do seu site, estamos nos referindo a qualquer componente do site com o qual os visitantes possam interagir. Por exemplo, a maioria dos sites apresenta links, bot\u00f5es, menus, etc. Em algum momento, os usu\u00e1rios precisar\u00e3o interagir com esses elementos.<\/p>\n Portanto, \u00e9 muito importante que voc\u00ea teste a interface do usu\u00e1rio. Se algo n\u00e3o estiver funcionando corretamente, os visitantes podem ficar frustrados e abandonar o site.<\/p>\n Voc\u00ea pode configurar um ambiente local para testar os elementos da interface do usu\u00e1rio. Por exemplo, talvez voc\u00ea queira desenvolver um novo menu de navega\u00e7\u00e3o e test\u00e1-lo.<\/p>\n Nesse cen\u00e1rio, voc\u00ea pode abrir a \u00e1rea de administra\u00e7\u00e3o local no painel do DevKinsta. Em seguida, navegue at\u00e9 Appearance <\/strong>> Menus <\/strong>no site local. Agora, clique em Criar um novo menu<\/strong>.<\/p>\n D\u00ea um nome ao seu menu e clique em Save Menu<\/strong>. Em seguida, adicione itens de menu \u00e0 esquerda da tela e selecione Add to Menu<\/strong>:<\/p>\n Em Menu Settings<\/strong>, marque a caixa que diz Primary Menu<\/strong>. Em seguida, salve suas altera\u00e7\u00f5es.<\/p>\n Voc\u00ea tamb\u00e9m pode clicar em Manage with Live Preview <\/strong>na parte superior da tela para ver como o menu est\u00e1 ficando:<\/p>\n Em seguida, abra o site local em um novo navegador para visualizar o novo menu no frontend:<\/p>\n Voc\u00ea tamb\u00e9m pode testar os links de navega\u00e7\u00e3o clicando em cada um dos itens do menu. Por exemplo, quando clicamos no link Wholesale Ordering<\/strong>, somos redirecionados para a p\u00e1gina relevante que adicionamos ao nosso menu:<\/p>\n Dessa forma, voc\u00ea pode testar novos elementos de design e garantir que a interface do usu\u00e1rio esteja funcionando corretamente.<\/p>\n O teste de regress\u00e3o visual (VRT) garante que todos os seus elementos de design e layouts apare\u00e7am como deveriam. Por esse motivo, o VRT \u00e9 geralmente implementado ap\u00f3s altera\u00e7\u00f5es no site, como quando voc\u00ea troca de tema ou atualiza um plugin.<\/p>\n Dessa forma, voc\u00ea pode ter certeza de que as altera\u00e7\u00f5es n\u00e3o prejudicaram seus elementos visuais. Por exemplo, seu conte\u00fado pode estar desalinhado ou os bot\u00f5es podem ter desaparecido.<\/p>\n Da mesma forma que o teste de interface do usu\u00e1rio, voc\u00ea geralmente n\u00e3o saberia desses tipos de problemas sem visitar o site no frontend. Voc\u00ea pode encontrar ferramentas automatizadas de VRT para testar continuamente seu site, procurando anormalidades visuais.<\/p>\n Ou voc\u00ea pode simplesmente comparar suas p\u00e1ginas manualmente antes e depois de aplicar as altera\u00e7\u00f5es. Digamos que voc\u00ea queira trocar de tema<\/a>. \u00c9 mais seguro fazer isso em um ambiente local, como o DevKinsta, para que voc\u00ea possa realizar testes visuais antes de aplicar a altera\u00e7\u00e3o ao seu site ativo.<\/p>\n Neste momento, temos o tema Twenty Twenty ativado em nosso site local. Como voc\u00ea pode ver, a p\u00e1gina inicial exibe todos os bot\u00f5es, textos e imagens alinhados centralmente:<\/p>\n No entanto, quando mudamos para o tema Twenty Twenty-Three, voc\u00ea pode notar que o bot\u00e3o Shop now <\/strong>est\u00e1 desalinhado:<\/p>\n Ao configurar um ambiente local para o seu teste, voc\u00ea pode detectar anormalidades visuais como essa.<\/p>\n Outra maneira importante de testar seu site WordPress \u00e9 verificar a velocidade atual do site. Nesta se\u00e7\u00e3o, veremos seis considera\u00e7\u00f5es para ajudar voc\u00ea a testar o desempenho do seu site.<\/p>\n Com isso em mente, pode ser \u00fatil para voc\u00ea come\u00e7ar a usar o Kinsta APM<\/a>. Com nossa ferramenta de monitoramento de desempenho de aplicativos, \u00e9 f\u00e1cil identificar problemas de desempenho do WordPress:<\/p>\n Por exemplo, voc\u00ea pode obter informa\u00e7\u00f5es sobre todos os processos PHP, consultas ao banco de dados MySQL e chamadas HTTP<\/a> externas. Como resultado, voc\u00ea estar\u00e1 em uma posi\u00e7\u00e3o melhor para detectar chamadas de API longas, consultas lentas a bancos de dados e c\u00f3digos de temas e plugins n\u00e3o otimizados.<\/p>\n Melhor ainda, o Kinsta APM \u00e9 gratuito em todos os planos da Kinsta, e voc\u00ea pode acessar a ferramenta diretamente do seu painel MyKinsta. No geral, \u00e9 uma solu\u00e7\u00e3o f\u00e1cil de usar que ajuda voc\u00ea a melhorar o desempenho e os tempos de carregamento do seu site.<\/p>\n Primeiramente, para garantir que seu site esteja funcionando no seu mais alto n\u00edvel poss\u00edvel, voc\u00ea pode testar o WordPress em busca de consultas ou scripts lentos. Consultas e scripts lentos t\u00eam um efeito na velocidade geral da p\u00e1gina e tornam seu site menos eficiente.<\/p>\n A maneira mais f\u00e1cil de identificar consultas e scripts lentos \u00e9 habilitar o Kinsta APM. Se voc\u00ea \u00e9 um cliente Kinsta, pode acessar a ferramenta gratuitamente. No entanto, voc\u00ea precisar\u00e1 ativ\u00e1-la no seu painel MyKinsta.<\/p>\n Para fazer isso, basta fazer login em sua conta e escolher o site onde voc\u00ea deseja usar a ferramenta APM. Agora, navegue at\u00e9 a aba APM <\/strong>e clique em Habilitar<\/strong>:<\/p>\n Em seguida, voc\u00ea precisar\u00e1 escolher a dura\u00e7\u00e3o pela qual deseja usar a ferramenta. Como a ferramenta APM usa recursos do servidor, ela pode ter um impacto no desempenho do seu site. Portanto, \u00e9 melhor habilitar a ferramenta somente durante o per\u00edodo em que voc\u00ea estiver solucionando ativamente um problema de desempenho.<\/p>\n Fa\u00e7a sua escolha e clique em Habilitar tempo de monitoramento<\/strong>:<\/p>\n Pode levar alguns minutos para que a ferramenta re\u00fana dados sobre seu site. Depois disso, v\u00e1 para a aba Banco de dados <\/strong>e localize a se\u00e7\u00e3o Consultas de banco de dados mais lentas<\/strong>:<\/p>\n Aqui, voc\u00ea encontrar\u00e1 as dez consultas de banco de dados mais lentas do seu site. Se voc\u00ea clicar em uma consulta, tamb\u00e9m poder\u00e1 ver as amostras de transa\u00e7\u00f5es:<\/p>\n Dessa forma, voc\u00ea pode obter mais informa\u00e7\u00f5es sobre a amostra, a linha do tempo do rastreamento, os detalhes do intervalo e o rastreamento de pilha.<\/p>\n Embora os plugins mal codificados possam afetar a seguran\u00e7a do seu site WordPress, eles tamb\u00e9m podem afetar o desempenho. Portanto, \u00e9 importante que voc\u00ea detecte esse problema o mais r\u00e1pido poss\u00edvel.<\/p>\n Novamente, voc\u00ea pode usar a ferramenta Kinsta APM para identificar plugins lentos. Depois que voc\u00ea habilitar a ferramenta em seu painel MyKinsta, navegue at\u00e9 a aba APM<\/strong>. Em seguida, voc\u00ea deve mudar para o WordPress<\/strong>:<\/p>\n A primeira se\u00e7\u00e3o que voc\u00ea ver\u00e1 \u00e9 Plugins mais lentos do WordPress<\/strong>. Os plugins mais lentos registrados est\u00e3o listados na parte superior da se\u00e7\u00e3o.<\/p>\n Para obter mais informa\u00e7\u00f5es sobre os problemas de desempenho, clique em um dos plugins listados. Isso carregar\u00e1 as amostras de transa\u00e7\u00f5es que o plugin executou. Por exemplo, voc\u00ea poder\u00e1 visualizar o registro de data e hora, a linha do tempo do rastreamento da transa\u00e7\u00e3o, os detalhes do intervalo, a linha do tempo do rastreamento e muito mais.<\/p>\n Tamb\u00e9m \u00e9 importante que voc\u00ea teste o WordPress quanto a p\u00e1ginas lentas, pois isso pode resultar em uma experi\u00eancia de usu\u00e1rio ruim. Al\u00e9m disso, a velocidade da p\u00e1gina \u00e9 um fator de classifica\u00e7\u00e3o para mecanismos de pesquisa como o Google<\/a>.<\/p>\n Voc\u00ea pode usar uma ferramenta gratuita de teste de velocidade do site, como o Pingdom<\/a>\u00a0ou o PageSpeed Insights<\/a>, para gerar uma pontua\u00e7\u00e3o r\u00e1pida da velocidade da p\u00e1gina. No entanto, voc\u00ea pode obter uma compreens\u00e3o mais detalhada da velocidade da sua p\u00e1gina usando a ferramenta Kinsta APM.<\/p>\n Depois que voc\u00ea habilitar o Kinsta APM, levar\u00e1 alguns segundos para carregar as m\u00e9tricas de desempenho do seu site. Depois disso, v\u00e1 para a aba Transa\u00e7\u00f5es<\/strong>:<\/p>\n Aqui, voc\u00ea poder\u00e1 visualizar alguns dados sobre o tempo geral de transa\u00e7\u00e3o do seu site. Mas voc\u00ea tamb\u00e9m pode rolar para baixo at\u00e9 Transa\u00e7\u00f5es mais lentas <\/strong>para ver os processos PHP que levam o maior tempo de transa\u00e7\u00e3o:<\/p>\n Ao selecionar uma transa\u00e7\u00e3o, voc\u00ea pode identificar a URL respons\u00e1vel por ger\u00e1-la. Em seguida, clique nessa URL para visualizar a linha do tempo do rastreamento da transa\u00e7\u00e3o<\/strong>:<\/p>\n Dessa forma, voc\u00ea pode encontrar o intervalo que est\u00e1 consumindo a dura\u00e7\u00e3o m\u00e1xima. Se esses intervalos forem considerados cr\u00edticos para o seu desempenho, eles ser\u00e3o geralmente destacados em laranja ou vermelho.<\/p>\n O armazenamento em cache oferece uma maneira f\u00e1cil de aumentar o tempo de carregamento. Ele funciona armazenando c\u00f3pias do seu site no servidor. Dessa forma, quando um usu\u00e1rio solicita sua p\u00e1gina, o servidor pode exibir a vers\u00e3o em cache, permitindo que os dados sejam enviados muito mais rapidamente.<\/p>\n Na Kinsta, voc\u00ea tem acesso ao cache em n\u00edvel de servidor<\/a> que \u00e9 ativado automaticamente em todos os sites ativos. Mas se estiver usando um ambiente de teste, voc\u00ea precisar\u00e1 ativar o cache manualmente.<\/p>\n No seu painel MyKinsta, clique em Sites WordPress <\/strong>e escolha seu site. Em seguida, navegue at\u00e9 Ferramentas <\/strong>e, em Cache do site<\/strong>, clique em Habilitar<\/strong>:<\/p>\n Agora, a maneira mais simples de testar o cache<\/a> \u00e9 executar seu site em uma ferramenta de teste de velocidade da web, como o Pingdom<\/a>. No entanto, \u00e9 importante que voc\u00ea execute o teste mais de uma vez. Isso ocorre porque, se voc\u00ea executar apenas uma vez, o conte\u00fado pode ainda n\u00e3o estar armazenado em cache no servidor do host ou na CDN.<\/p>\n Digite sua URL na caixa de URL <\/strong>no Pingdom e selecione uma localiza\u00e7\u00e3o. Agora, em Response Headers<\/strong>, localize x-kinsta-cache<\/strong>. Se estiver escrito MISS<\/strong>, significa que seu site n\u00e3o est\u00e1 sendo carregado do cache.<\/p>\n Para corrigir isso, voc\u00ea precisar\u00e1 executar seu site no teste do Pingdom mais algumas vezes. Isso deve fazer com que os cabe\u00e7alhos x-kinsta-cache <\/strong>e x-cache <\/strong>registrem um HIT<\/strong>. Agora, voc\u00ea analisa os resultados, observando a grande barra amarela que indica o tempo de espera ou Time to First Byte (TTFB).<\/p>\n Normalmente, esse n\u00famero \u00e9 alto se a p\u00e1gina n\u00e3o tiver vindo do cache. Novamente, talvez voc\u00ea queira executar o teste uma vez com o cache desativado e outra vez com o cache ativado para ver claramente a diferen\u00e7a.<\/p>\n Uma Rede de Distribui\u00e7\u00e3o de Conte\u00fado (CDN)<\/a> permite que voc\u00ea melhore seus tempos de carregamento, servindo suas p\u00e1ginas da web por meio de um servidor fisicamente mais pr\u00f3ximo de seus visitantes. Com todos os planos Kinsta, voc\u00ea obt\u00e9m acesso de um CDN alimentada pelo Cloudflare<\/a>.<\/p>\n Para novos sites, a CDN \u00e9 ativada por padr\u00e3o. Mas voc\u00ea pode verificar se sua CDN est\u00e1 ativada fazendo login no painel MyKinsta.<\/p>\n V\u00e1 para Sites WordPress <\/strong>e selecione o nome do seu site. Agora, clique na aba CDN <\/strong>e clique em Habilitar<\/strong>. Se voc\u00ea ver Desabilitar<\/strong>, saber\u00e1 que o CDN est\u00e1 habilitado:<\/p>\n Para testar o seu CDN, \u00e9 mais f\u00e1cil usar uma ferramenta de teste de velocidade de sites. Mas, primeiro, pode ser uma boa ideia inspecionar os cabe\u00e7alhos HTTP de um ativo est\u00e1tico para garantir que ele esteja sendo carregado a partir da CDN da Kinsta.<\/p>\n Voc\u00ea pode verificar isso usando a ferramenta de inspe\u00e7\u00e3o do seu navegador ou usando nosso verificador gratuito de status HTTP e redirecionamento<\/a>. Agora, voc\u00ea precisar\u00e1 escolher uma ferramenta de teste de velocidade do site, como o Pingdom:<\/p>\n Talvez voc\u00ea queira executar o primeiro teste ap\u00f3s desabilitar o CDN. Em seguida, voc\u00ea pode testar novamente seu site com o CDN habilitado para ver a diferen\u00e7a. Voc\u00ea tamb\u00e9m deve testar sua CDN em locais diferentes.<\/p>\n Quando o teste estiver conclu\u00eddo, voc\u00ea dever\u00e1 observar as solicita\u00e7\u00f5es que est\u00e3o sendo carregadas a partir da CDN da Kinsta (xxxxkinstacdn.com)<\/em>. Para obter detalhes completos sobre esse t\u00f3pico, confira nosso artigo sobre como executar um teste de CDN<\/a>.<\/p>\n Ao contr\u00e1rio da opini\u00e3o popular, h\u00e1 uma diferen\u00e7a fundamental entre o teste de velocidade do site e o teste de carregamento<\/a>. Essencialmente, o teste de velocidade mede o tempo de carregamento de uma p\u00e1gina, incluindo os tempos de resposta do MySQL e do PHP.<\/p>\n Por outro lado, os testes de carregamento oferecem um n\u00edvel mais detalhado de granularidade com testes de velocidade. Por exemplo, eles podem ser usados para medir os tempos de carregamento em determinadas situa\u00e7\u00f5es, como quando seu site \u00e9 afetado por um alto volume de tr\u00e1fego repentino.<\/p>\n O processo de configura\u00e7\u00e3o de um teste de carregamento \u00e9 bastante complexo. Por isso, pode ser uma boa ideia pedir ajuda a um desenvolvedor. Se voc\u00ea quiser executar um teste de carregamento no seu site Kinsta, entre em contato com um membro da nossa equipe de suporte<\/a>.<\/p>\n Por fim, ao testar o WordPress, \u00e9 importante garantir que todo o software em seu site seja seguro. Embora isso diga respeito ao software principal do WordPress que a plataforma usa, tamb\u00e9m se estende \u00e0 seguran\u00e7a de temas e plugins.<\/p>\n Na verdade, testar temas e plugins pode ser ainda mais importante, pois eles nem sempre v\u00eam de uma fonte confi\u00e1vel. Se voc\u00ea instalar temas e plugins de sites de terceiros, n\u00e3o h\u00e1 como verificar se o software passou por todas as verifica\u00e7\u00f5es de seguran\u00e7a necess\u00e1rias.<\/p>\n Isso significa que o plugin ou o tema pode ser mal codificado ou at\u00e9 mesmo conter scripts mal-intencionados ou bugs que podem danificar seu site<\/a>. Al\u00e9m disso, \u00e9 importante manter todos os softwares do seu site atualizados, pois softwares desatualizados podem ser usados como backdoor para que agentes mal-intencionados obtenham acesso.<\/p>\n Embora o WordPress seja uma plataforma segura, ele n\u00e3o \u00e9 imune a ataques cibern\u00e9ticos. Portanto, \u00e9 importante que voc\u00ea avalie regularmente a seguran\u00e7a do seu software principal.<\/p>\n Uma das melhores maneiras de proteger seu software principal \u00e9 optar por um provedor de hospedagem de sites de qualidade. Por exemplo, na Kinsta<\/a>, voc\u00ea ter\u00e1 acesso \u00e0 prote\u00e7\u00e3o contra DDoS, firewalls e verifica\u00e7\u00e3o de malware. Al\u00e9m disso, temos uma equipe dedicada de remo\u00e7\u00e3o de malware<\/a>\u00a0\u00e0 disposi\u00e7\u00e3o. Portanto, mesmo que seu site seja infectado, podemos ajudar a restaur\u00e1-lo ao seu estado original.<\/p>\n De qualquer forma, quando uma nova atualiza\u00e7\u00e3o do WordPress for lan\u00e7ada, voc\u00ea poder\u00e1 testar se ela \u00e9 segura primeiro executando a atualiza\u00e7\u00e3o em um site de teste ou em um ambiente local.<\/p>\n Na Kinsta, isso \u00e9 muito f\u00e1cil de fazer. Tudo o que voc\u00ea precisa fazer \u00e9 navegar at\u00e9 Sites WordPress <\/strong>e escolher seu site na lista. Em seguida, certifique-se de que seu site esteja definido como Teste <\/strong>quando voc\u00ea executar a atualiza\u00e7\u00e3o.<\/p>\n Quando voc\u00ea tiver certeza de que a nova vers\u00e3o do WordPress \u00e9 segura, retorne a essa tela e clique em Mover para o ambiente\u00a0<\/strong>> Mover para LIVE <\/strong>para aplicar a altera\u00e7\u00e3o:<\/p>\n Em seguida, fa\u00e7a sua sele\u00e7\u00e3o (escolhendo entre arquivos ou banco de dados) e confirme sua escolha clicando em Mover para produ\u00e7\u00e3o<\/b>.<\/p>\n Quando voc\u00ea encontra um novo tema que deseja instalar, a melhor coisa a fazer \u00e9 ativar o tema em um ambiente de desenvolvimento local ou em seu site de teste. O mesmo vale para quando um tema existente em seu site lan\u00e7a uma atualiza\u00e7\u00e3o.<\/p>\n A maioria das atualiza\u00e7\u00f5es de temas vem com corre\u00e7\u00f5es para problemas de seguran\u00e7a. No entanto, voc\u00ea tamb\u00e9m pode receber uma atualiza\u00e7\u00e3o ruim que entre em conflito com algum outro software em seu site.<\/p>\n Enquanto isso, se for um tema que voc\u00ea nunca usou antes (e n\u00e3o conhece os desenvolvedores), instalar o tema em um ambiente local \u00e9 muito mais seguro. Isso significa que, mesmo que o tema estrague seu site, seu site ativo n\u00e3o ser\u00e1 afetado.<\/p>\n Portanto, se voc\u00ea for um cliente Kinsta, poder\u00e1 configurar um site de teste. Ou, se o seu site n\u00e3o estiver hospedado na Kinsta, voc\u00ea pode come\u00e7ar gratuitamente com o DevKinsta, onde \u00e9 poss\u00edvel configurar um ambiente de desenvolvimento local.<\/p>\n Quando voc\u00ea abrir o DevKinsta em seu computador, v\u00e1 para a p\u00e1gina Informa\u00e7\u00f5es do site <\/strong>e\u00a0clique em WP Admin<\/strong>:<\/p>\n Em seguida, instale e ative o tema como voc\u00ea faria normalmente no WordPress. Normalmente, \u00e9 uma boa ideia esperar pelo menos uma semana antes de voc\u00ea instalar o tema em seu site ativo (o mesmo vale para a execu\u00e7\u00e3o de uma nova atualiza\u00e7\u00e3o de tema).<\/p>\n No entanto, se voc\u00ea quiser avaliar a seguran\u00e7a de um tema existente em seu site, a maneira mais f\u00e1cil de fazer isso \u00e9 com um scanner de seguran\u00e7a. O WPScan<\/a> \u00e9 uma \u00f3tima op\u00e7\u00e3o que detectar\u00e1 qualquer vulnerabilidade em seus temas de WordPress.<\/p>\n Os plugins tamb\u00e9m podem representar uma amea\u00e7a \u00e0 seguran\u00e7a do seu site. Por isso, \u00e9 uma boa pr\u00e1tica avaliar regularmente a seguran\u00e7a de seus plugins.<\/p>\n Como discutimos acima, voc\u00ea pode instalar um novo plugin (ou executar uma atualiza\u00e7\u00e3o de plugin) em um ambiente local ou em um site de teste. Dessa forma, se algo der errado, seu site ativo permanecer\u00e1 intacto.<\/p>\n No entanto, assim como no caso dos temas, tamb\u00e9m pode ser \u00fatil instalar um verificador de vulnerabilidades como o WPScan. Essa ferramenta \u00e9 totalmente gratuita para voc\u00ea usar. Tudo o que voc\u00ea precisa fazer \u00e9 registrar uma conta. Em seguida, voc\u00ea pode adicionar o token da API ao seu site WordPress.<\/p>\n Depois que o scanner estiver vinculado ao seu site, navegue at\u00e9 WPScan <\/strong>> Settings<\/strong>, onde voc\u00ea pode configurar varreduras automatizadas di\u00e1rias ou de hora em hora:<\/p>\n Ou, clique na aba Report <\/strong>para executar um teste manualmente. Quando o teste for conclu\u00eddo, role para baixo at\u00e9 a se\u00e7\u00e3o Plugins<\/strong>:<\/p>\n Aqui, voc\u00ea pode ver uma lista completa de todos os plugins do seu site. Se os seus plugins forem seguros, voc\u00ea ver\u00e1 uma marca de sele\u00e7\u00e3o ao lado de cada um dos nomes dos plugins. Caso contr\u00e1rio, voc\u00ea encontrar\u00e1 algumas informa\u00e7\u00f5es listadas na coluna Vulnerabilities<\/strong>.<\/p>\n \u00c9 claro que voc\u00ea pode otimizar suas p\u00e1ginas da internet e tomar todas as medidas de seguran\u00e7a necess\u00e1rias para executar um site de sucesso. No entanto, em \u00faltima an\u00e1lise, a melhor maneira de garantir que seu site seja seguro e r\u00e1pido \u00e9 usar um provedor de hospedagem de qualidade.<\/p>\n Na Kinsta, priorizamos a velocidade e a seguran\u00e7a:<\/p>\n Todos os nossos planos s\u00e3o hospedados nas CPUs mais avan\u00e7adas com disponibilidade global. Al\u00e9m disso, voc\u00ea ter\u00e1 acesso ao CDN Cloudflare da Kinsta, com servidores localizados em mais de 300 locais.<\/p>\n Para aqueles que se preocupam com a seguran\u00e7a na internet, a Kinsta oferece v\u00e1rios recursos para fortalecer seu site. Voc\u00ea pode contar com backups di\u00e1rios, verifica\u00e7\u00e3o de malware, prote\u00e7\u00e3o DDoS e firewalls. Al\u00e9m disso, fornecemos acesso SSH<\/a> com login seguro e voc\u00ea pode instalar um certificado SSL gratuito com apenas um clique.<\/p>\n Sem testar o seu site WordPress, voc\u00ea n\u00e3o pode entender adequadamente a forma como os usu\u00e1rios experimentam o seu site. Por exemplo, aqueles que usam determinados navegadores podem ter problemas com o menu. Enquanto isso, visitantes em dispositivos m\u00f3veis podem enfrentar longos tempos de espera. Por isso, \u00e9 importante testar o seu site WordPress.<\/p>\n A melhor maneira de testar seu site \u00e9 configurar um site de teste ou criar um ambiente local com o DevKinsta<\/a>. Assim, voc\u00ea poder\u00e1 obter informa\u00e7\u00f5es sobre a funcionalidade, o desempenho e a seguran\u00e7a do seu site (sem interromper sua experi\u00eancia na internet em tempo real).<\/p>\nQuais s\u00e3o os tipos mais comuns de teste?<\/h2>\n
\n
Pr\u00e1ticas recomendadas para testes de WordPress<\/h2>\n
Como configurar ambientes de teste<\/h3>\n
Como configurar um ambiente de teste usando um site de teste<\/h4>\n
![\"Configurar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-staging.jpg\")
Como configurar um ambiente de teste localmente<\/h4>\n
![\"Use](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/DevKinsta.png\")
![\"Criando](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-create-local-site.png\")
Como testar a funcionalidade do seu site WordPress (5 recursos)<\/h2>\n
Suporte para v\u00e1rios navegadores<\/h3>\n
![\"Execute](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/BrowserStack.png\")
Teste de unidade<\/h3>\n
bash\nwp scaffold plugin-tests my-plugin<\/code><\/pre>\nbash\nbash bin\/install-wp-tests.sh wordpress_test root '' localhost latest<\/code><\/pre>\n\/tmp directory<\/code> e nas ferramentas de teste de unidade do WordPress.<\/p>\nphpunit<\/code>. Para obter instru\u00e7\u00f5es completas, consulte este guia sobre testes de unidade<\/a>.<\/p>\nCapacidade de resposta para celular\/desktop<\/h3>\n
![\"Teste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/preview-mobile.png\")
![\"Teste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/inspect-tool.png\")
![\"Clique](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/device-toolbar.png\")
![\"Veja](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/preview-mobile-chrome.png\")
Teste de interface do usu\u00e1rio (UI)<\/h3>\n
![\"WordPress](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/create-menu-local.png\")
![\"Ver](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/manage-live-preview-menu.png\")
![\"Testando](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/ui-front-end.png\")
![\"Testes](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/test-ui-menu.png\")
Testes visuais<\/h3>\n
![\"Executar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/theme-vrt.png\")
![\"Detectar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/vrt-after.png\")
Como testar a velocidade do seu site WordPress (6 considera\u00e7\u00f5es)<\/h2>\n
![\"Ferramenta](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-apm-tool.png\")
Consultas ou scripts lentos<\/h3>\n
![\"Habilitando](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/enable-apm.png\")
![\"Habilitar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-monitoring-time.png\")
![\"Exibir](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-database.png\")
![\"Visualiza\u00e7\u00e3o](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-samples.png\")
Plugins lentos<\/h3>\n
![\"Teste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-wordpress.png\")
P\u00e1ginas lentas<\/h3>\n
![\"Teste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-transactions.png\")
![\"Exibir](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/slowest-transactions.png\")
![\"Linha](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/transaction-trace-timeline.png\")
Armazenamento em cache<\/h3>\n
![\"Habilitar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-cache.png\")
Rede de distribui\u00e7\u00e3o de conte\u00fado (CDN)<\/h3>\n
![\"Habilitando](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-cdn.png\")
![\"Pingdom\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/pingdom-speed-test.png\")
Teste de carregamento<\/h3>\n
Como testar a seguran\u00e7a do seu site WordPress<\/h2>\n
Seguran\u00e7a b\u00e1sica<\/h3>\n
![\"Aplicar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-site-info.jpg\")
Seguran\u00e7a do tema<\/h3>\n
![\"Iniciar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-site-info-1.jpg\")
Seguran\u00e7a de plugins<\/h3>\n
![\"Teste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/wpscan-automated-scans.png\")
![\"Relat\u00f3rios](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/wpscan-plugin-security.png\")
Velocidade e seguran\u00e7a s\u00e3o melhores quando voc\u00ea escolhe a hospedagem certa<\/h2>\n
![\"Kinsta\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-home.png\")
Resumo<\/h2>\n