Portanto, partimos para estabelecer um precedente para analisar a velocidade dos temas, usando v\u00e1rios avaliadores de desempenho e tempo de carregamento do site<\/a>, e alguma ajuda de nossa pr\u00f3pria experi\u00eancia e an\u00e1lises dos usu\u00e1rios.<\/p>\n E lembre-se, seu objetivo final \u00e9 aumentar a receita da sua loja. Portanto, n\u00e3o deixe de baixar nosso ebook gratuito<\/strong>, 10 Maneiras de Aumentar a Taxa de Convers\u00e3o de suas P\u00e1ginas de Produtos WooCommerce<\/a>.<\/p>\n Embora nenhum teste de velocidade forne\u00e7a resultados absolutos, queremos garantir que nosso teste de velocidade simule o de um ambiente real. Os resultados r\u00e1pidos das demos dos temas, mostrados por seus desenvolvedores, apresentam todos os tipos de problemas.<\/p>\n Como as demos dos temas s\u00e3o hospedadas em servidores diferentes, um tema pode ser muito mais r\u00e1pido do que outro, mas n\u00e3o mostrar isso nos resultados. Al\u00e9m disso, todos eles podem ter um conte\u00fado diferente. Podemos acabar testando uma demonstra\u00e7\u00e3o que inclui 1.000 produtos e outra que inclui apenas cinco.<\/p>\n Portanto, nossos testes incorporaram os seguintes elementos para manter o mais pr\u00f3ximo poss\u00edvel de uma situa\u00e7\u00e3o real, semelhante ao nosso teste de velocidade para temas padr\u00e3o de WordPress<\/a>:<\/p>\n Com esta configura\u00e7\u00e3o, criamos um ambiente que est\u00e1 o mais pr\u00f3ximo poss\u00edvel da realidade. Como voc\u00ea pode ver abaixo, temos uma p\u00e1gina inicial abaixo com um menu suspenso. Mantemos conte\u00fado do tema anterior toda vez que testamos um novo tema, incluindo a imagem do banner.<\/p>\n Uma coisa a ter em mente \u00e9 que n\u00e3o estamos otimizando nenhuma m\u00eddia<\/a> ou nos conectando a uma rede de entrega de conte\u00fado (CDN)<\/a>. Embora esses elementos se enquadrem no reino do “mundo real”, nem todos os sites WordPress utilizam os mesmos CDNs, enquanto outros n\u00e3o utilizam nenhum CDN em absoluto.<\/p>\n Al\u00e9m disso, o site pode n\u00e3o ter um plugin de otimiza\u00e7\u00e3o de imagem<\/a>. Portanto, enchemos o site de simula\u00e7\u00e3o com conte\u00fado falso para testar como cada tema funciona sem todas as atualiza\u00e7\u00f5es de desempenho.<\/p>\n Sentimos que ter uma loja leg\u00edtima tamb\u00e9m \u00e9 essencial para testar os temas de WooCommerce. Portanto, acrescentamos v\u00e1rios produtos com imagens, pre\u00e7os, bot\u00f5es e descri\u00e7\u00f5es ao site de simula\u00e7\u00e3o.<\/p>\n Tamb\u00e9m adicionamos uma galeria de produtos na p\u00e1gina inicial, com uma grande variedade de outros itens em todo o site, tais como dezenas de artigos e p\u00e1ginas repletas de conte\u00fado.<\/p>\n Utilizamos quatro ferramentas de teste de velocidade e otimiza\u00e7\u00e3o do site para entender as vantagens e desvantagens de cada tema de WooCommerce. Dessa forma, n\u00e3o focamos apenas em uma ferramenta – o que pode levar a imprecis\u00f5es – mas tamb\u00e9m analisamos muitas outras m\u00e9tricas para ver quais temas s\u00e3o os mais r\u00e1pidos.<\/p>\n Aqui est\u00e1 um breve resumo dos testes de velocidade<\/a>:<\/p>\n As m\u00e9tricas que usamos da GTmetrix (Legacy) incluem:<\/p>\n O processo de sele\u00e7\u00e3o envolveu a organiza\u00e7\u00e3o de 50 dos temas mais populares de WooCommerce<\/a> com reputa\u00e7\u00f5es de confiabilidade e desempenho. Para restringir as escolhas, tamb\u00e9m analisamos as avalia\u00e7\u00f5es e revis\u00f5es dos usu\u00e1rios. Removemos um tema da lista se ele tivesse centenas de revis\u00f5es, mas a m\u00e9dia das avalia\u00e7\u00f5es era de apenas duas ou tr\u00eas estrelas.<\/p>\n Percebemos que temas menos populares (ou mais recentes) tamb\u00e9m merecem uma chance. Por isso, percorremos a Biblioteca de Temas de WordPress para localizar temas exclusivos que s\u00e3o modernos e repletos de muitas funcionalidades ben\u00e9ficas.<\/p>\n Nossa sele\u00e7\u00e3o inclui temas conhecidos e desconhecidos, mas decidimos eliminar temas com pontua\u00e7\u00f5es abaixo de 80 no GTmetrix PageSpeed ou Pingdom.<\/p>\n Depois disso, um pouco mais de 20 temas preencheram os requisitos. Estes s\u00e3o os temas mais r\u00e1pidos de WooCommerce. Nossos testes revelaram que, embora cada tema forne\u00e7a resultados r\u00e1pidos, nem todos s\u00e3o criados igualmente.<\/p>\n D\u00ea uma olhada abaixo.<\/p>\n O Tema Orchid Store<\/a> apresenta um take flex\u00edvel e elegante na moderna loja on-line. Ela est\u00e1 pronta para ir com integra\u00e7\u00f5es do WooCommerce e v\u00e1rios outros plugins de eCommerce<\/a>.<\/p>\n O melhor do tema Orchid Store \u00e9 que voc\u00ea come\u00e7a com o template de loja on-line padr\u00e3o, mas tem configura\u00e7\u00f5es e demos para modificar esse template para outros setores, como esportes e lojas de para dispositivos m\u00f3veis.<\/p>\n O personalizador WordPress<\/a> serve como a principal maneira de personalizar o tema, mas tamb\u00e9m \u00e9 totalmente ampliado e funciona com alguns construtores de p\u00e1ginas bem conhecidos.<\/p>\n O desenvolvedor do tema, ThemeBeez, oferece v\u00e1rias demos para experimentar uma simples experi\u00eancia de customiza\u00e7\u00e3o que eventualmente fica \u00f3tima em todos os dispositivos quando o site \u00e9 publicado.<\/p>\n O Elementor<\/a> trabalha bem com a Orchid Store, para que voc\u00ea possa aproveitar os elementos do WooCommerce a partir da\u00ed. Voc\u00ea tamb\u00e9m pode utilizar o que vem com a Orchid Store, como o construtor do mega menu e a ferramenta de lista de desejos.<\/p>\n O tema Orchid Store est\u00e1 dispon\u00edvel como download gratuito.<\/p>\n Uma vers\u00e3o profissional \u00e9 vendida por $49 como uma licen\u00e7a para um site. Voc\u00ea tamb\u00e9m pode pagar extra por licen\u00e7as m\u00faltiplas ou pela licen\u00e7a do desenvolvedor.<\/p>\n A Orchid Store oferece um design bastante desej\u00e1vel, e seu desempenho m\u00f3vel foi um destaque durante nossos testes. Os resultados foram um pouco misturados com a Orchid Store, mas em geral, \u00e9 um tema s\u00f3lido com uma vantagem de velocidade decente.<\/p>\n Orchid Store ganhou o teste de pontua\u00e7\u00e3o PageSpeed, superando todos os outros temas na avalia\u00e7\u00e3o do GTMetrix. Tamb\u00e9m ficou em segundo lugar ao obter a m\u00e9dia das quatro pontua\u00e7\u00f5es de desempenho. Ele forneceu uma pontua\u00e7\u00e3o PageSpeed de 97<\/strong>, o \u00fanico tema que ultrapassou a marca de 94. <\/strong>Al\u00e9m disso, as pontua\u00e7\u00f5es YSlow, Pingdom e Google Pagespeed Mobile sa\u00edram todas t\u00e3o altas quanto se podia esperar.<\/p>\n Estranhamente, a loja Orchid Store estava do lado oposto do espectro para os tempos de carregamento de p\u00e1ginas. Terminou nos cinco mais baixos quando fizemos a m\u00e9dia dos testes de tempo de carregamento, com o tempo de carregamento GTMetrix chegando em pouco mais de cinco segundos. O TTFB parece \u00f3timo, e o tempo de carregamento do Pingdom tamb\u00e9m n\u00e3o \u00e9 ruim. Sem mencionar que o tema da Orchid Store tinha o Mobile Speed Index mais r\u00e1pido. Foi apenas o GTMetrix Load Time que o pesou nos resultados do tempo de carregamento. Talvez tenha entrado em conflito com um plugin ou apenas teve problemas com aquele teste, j\u00e1 que todos os outros testes forneceram resultados de primeira linha.<\/p>\n O tema eStore<\/a> oferece um design de loja on-line limpo e minimalista para atrair clientes e chamar a aten\u00e7\u00e3o para certas \u00e1reas do site, em vez de desorganiz\u00e1-lo com demasiadas caixas. Entretanto, ele ainda suporta v\u00e1rios widgets<\/a> e \u00e1reas de banners<\/a>. Ele tamb\u00e9m fornece um belo m\u00f3dulo de cabe\u00e7alho com um \u00edcone de carrinho de compras interativo, bot\u00e3o de favoritos, e muito mais.<\/p>\n O tema eStore vem do ThemeGrill, um conceituado favorito dos desenvolvedores de WordPress<\/a>. Alguns outros temas de eCommerce do ThemeGrill est\u00e3o dispon\u00edveis, mas descobrimos que o eStore teve as velocidades mais r\u00e1pidas durante nossos testes. Quanto \u00e0 personaliza\u00e7\u00e3o, voc\u00ea pode escolher entre quatro demos eStore, uma das quais focada em moda, enquanto outra tem um design de tecnologia.<\/p>\n O tema eStore fica bonito em dispositivos m\u00f3veis e permite um n\u00famero incr\u00edvel de customiza\u00e7\u00f5es para a p\u00e1gina inicial e as \u00e1reas de compras. \u00c9 conhecido por sua velocidade e constru\u00e7\u00e3o leve, por isso \u00e9 bom ver que os elogios correspondem aos resultados de nossos testes. Al\u00e9m de tudo isso, qualquer tema que voc\u00ea receba do ThemeGrill vem com o suporte ao cliente estelar, guiando-o ao longo do caminho enquanto voc\u00ea desenvolve sites para clientes ou para voc\u00ea mesmo.<\/p>\n O tema eStore est\u00e1 dispon\u00edvel como um download gratuito. Voc\u00ea tamb\u00e9m pode pagar pelos $69 eStore Pro<\/a>, que lhe d\u00e1 suporte premium por um ano, atualiza\u00e7\u00f5es e ferramentas avan\u00e7adas para cabe\u00e7alhos, WooCommerce, e tipografia.<\/p>\n Os pre\u00e7os sobem \u00e0 medida que voc\u00ea adiciona mais licen\u00e7as. ThemeGrill tamb\u00e9m vende um Plano de Todos os Temas por $99, o que lhe d\u00e1 todos os temas feitos pelo desenvolvedor.<\/p>\n Como um tema estritamente baseado no eCommerce, eStore combina simplicidade e funcionalidade, ao mesmo tempo, em que nos mostra que n\u00e3o \u00e9 imposs\u00edvel ter uma grande loja on-line que funcione rapidamente – mesmo sem a hospedagem mais r\u00e1pida do mundo.<\/p>\n O tema eStore impressiona bastante com suas pontua\u00e7\u00f5es de alto desempenho em toda a linha. Estava entre os 10 primeiros ao fazer a m\u00e9dia das pontua\u00e7\u00f5es de desempenho, tornando um dos temas mais r\u00e1pidos de WooCommerce por a\u00ed. As pontua\u00e7\u00f5es PageSpeed, Google Mobile e YSlow pareciam todas boas. A \u00fanica \u00e1rea que pode estar faltando – mas n\u00e3o muito – \u00e9 a pontua\u00e7\u00e3o do Pingdom.<\/p>\n Os tempos de carregamento foram um pouco diferentes, mas o eStore ainda parecia ser uma escolha pr\u00e1tica, especialmente se voc\u00ea estiver procurando por um tema que oferece principalmente funcionalidade de eCommerce. O tempo de carregamento do GTMetrix foi de mais de quatro segundos, mas tudo o mais, desde o Tempo de carregamento do Pingdom at\u00e9 o Mobile Speed Index, saiu bem.<\/p>\n Com mais de um milh\u00e3o de downloads, o Astra<\/a> \u00e9 um dos temas mais populares do WordPress dispon\u00edvel. O tema pode ser customizado e personalizado para se adequar a qualquer site.<\/p>\n O Astra vem com mais de 150 templates pr\u00e9-fabricados constru\u00eddos com construtores de p\u00e1ginas populares como Elementor, Beaver Builder, e Gutenberg<\/a>. Cada template \u00e9 para uma ind\u00fastria ou site espec\u00edfico, incluindo designers de moda, joalheiros, empresas de produtos, professores de ioga, e muito mais. V\u00e1 at\u00e9 o site da Astra para ver todos esses templates<\/a>.<\/p>\n Mais importante ainda, o tema base em si \u00e9 apenas 50KB. Isso o faz carregar rapidamente, o que \u00e9 cr\u00edtico quando se trata de vender produtos. Afinal de contas, os clientes n\u00e3o querem esperar que seu site seja carregado<\/a>. Astra funciona muito bem com o WooCommerce<\/a> e \u00e9 um dos temas de eCommerce mais recomendados para WordPress.<\/p>\n Quando se trata de design, o Astra \u00e9 infinitamente personaliz\u00e1vel. Voc\u00ea pode criar cabe\u00e7alhos e rodap\u00e9s usando uma interface de drag and drop, controlar cores e fontes e usar diferentes layouts como grade, lista ou masonry. Tudo no Astra \u00e9 otimizado para dispositivos m\u00f3veis por padr\u00e3o.<\/p>\n O tema Astra \u00e9 gratuito para download<\/a>. Os planos Premium come\u00e7am em $59 e incluem mais de 100 templates iniciais, suporte individual, uso ilimitado do site e outros recursos. Os planos avan\u00e7ados incluem mais templates, acesso a outros plugins como o Convert Pro ou Scheme Pro, e ades\u00e3o gratuita \u00e0 SkillJet Academy, uma biblioteca de cursos de web design.<\/p>\n O Astra \u00e9 um dos temas mais leves de WordPress. Sua natureza modular garante que ele permane\u00e7a assim, n\u00e3o importa quantas funcionalidades extras voc\u00ea acrescente. N\u00e3o \u00e9 de se admirar que ele esteja nesta lista. Veremos como ele funciona.<\/p>\nComo testamos a velocidade dos temas de WooCommerce<\/h2>\n
\n
![\"O](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/10\/test-homepage.png\")
![\"A](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/10\/product-gallery.png\")
As ferramentas de teste de velocidade utilizadas<\/h2>\n
\n
M\u00e9tricas utilizadas<\/h2>\n
\n
![\"Teste](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/10\/gtmetrix-s.png\")
Pingdom:<\/h3>\n
\n
![\"Teste](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/10\/pingdom-results.png\")
Google PageSpeed Insights:<\/h3>\n
\n
![\"P\u00e1gina](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/10\/pagespeed-insights-1.png\")
Bytecheck:<\/h3>\n
\n
![\"Bytecheck](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/10\/bytecheck.png\")
Os 22 temas mais r\u00e1pidos de WooCommerce<\/h2>\n
Orchid Store<\/h3>\n
![\"Orchid](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/10\/orchid-store.png\")
Pre\u00e7os<\/h4>\n
Funcionalidades not\u00e1veis<\/h4>\n
\n
An\u00e1lise do tema de WooCommerce<\/h3>\n
Teste de velocidade GTMetrix<\/h4>\n
\n
Pingdom<\/h4>\n
\n
PageSpeed Insights Test (Somente celular)<\/h4>\n
\n
Byte Check TTFB Test<\/h4>\n
\n
Conclus\u00f5es do teste<\/h4>\n
eStore by ThemeGrill<\/h3>\n
![\"eStore\"](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/10\/estore-theme.png\")
Pre\u00e7os<\/h4>\n
Funcionalidades not\u00e1veis<\/h4>\n
\n
An\u00e1lise do tema de WooCommerce<\/h3>\n
Teste de velocidade GTMetrix<\/h4>\n
\n
Pingdom<\/h4>\n
\n
PageSpeed Insights Test (Somente celular)<\/h4>\n
\n
Byte Check TTFB Test<\/h4>\n
\n
Conclus\u00f5es do teste<\/h4>\n
Astra<\/h3>\n
![\"Astra](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/Astra-Theme-WooCommerce.png\")
Pre\u00e7o<\/strong><\/h4>\n
Funcionalidades not\u00e1veis<\/strong><\/h4>\n
\n
An\u00e1lise do tema de WooCommerce<\/h3>\n
Teste de velocidade GTMetrix<\/h4>\n
\n
Pingdom<\/h4>\n
\n
PageSpeed Insights Test (Somente celular)<\/h4>\n
\n