Académique Documents
Professionnel Documents
Culture Documents
de e-commerce:
Magento, OpenCart,
WooCommerce e
PrestaShop
Guia de plataformas de
e-commerce:
Magento, OpenCart,
WooCommerce e
PrestaShop
Introduo
Voc j se deu conta de que o tempo que a sua pgina leva para
carregar pode ser determinante para definir se o usurio ir comprar
os produtos do seu e-commerce? Isso porque sites com velocidade de
carregamento muito altas tendem a obter taxas de converses
menores do que pginas que carregam mais rapidamente. Essa
diferena entre converso e abandono do site, muitas vezes, se refere
ao comportamento do usurio que, na maioria das vezes, abandona
pginas com altas velocidades de carregamento.
Boa leitura!
Compartilhe nas redes sociais
Contedos
4
Clique na pgina para ver o contedo
Plataformas de e-commerce
Conhea quatro opes e avalie cada uma delas
Voltaraondice| 3
Plataformasde
ecommerce
Quer saber qual plataforma de e-commerce escolher? J perguntou para o
Google, j leu as milhares e milhares de pginas existentes sobre o assunto e
ainda no chegou a nenhuma concluso? A primeira deciso a fazer : voc quer
que a sua plataforma seja hospedada (hosted) ou quer instal-la (deployed)?
Recomendamos que voc opte por uma soluo deployed, pois ter mais
controle sobre a infraestrutura da sua loja, podendo corrigir e otimizar recursos
para uma melhor performance.
Clique em uma delas para ver mais detalhes ou siga o documento para ver
todas:
WooCommerce
Magento
PrestaShop
OpenCart
Voltaraondice| 4
WooCommerce
O WooCommerce a soluo mais nova desse grupo, e
tambm a que mais tem crescido. Criado em 2012, um
plugin de WordPress que transforma o seu CMS em um e-
commerce. A popularidade vem justamente por isso: o
WooCommerce pega carona no sucesso absurdo do
WordPress e j tem a maior fatia do mercado, mesmo
estando disponvel a menos tempo que outros. O que mais
pesa a favor do plugin a simplicidade e familiaridade da
plataforma: j existe uma srie de temas disponveis e uma
comunidade de uso de WordPress, alm disso, o
WooCommerce conta com uma equipe de suporte para o
plugin.
Tudo muito bom, tudo muito bem, mas existem desvantagens para o WooCommerce
tambm: apesar de o plugin ser gratuito, muitas extenses e outros plugins (necessrios para
ter sua loja funcionando tranquilamente) so caros. Alm disso, como ocorre com o
WordPress, os prprios plugins podem entrar em conflito e o excesso de plugins pode deixar
o site lento ou mesmo trazer riscos de segurana. Apesar de ser bastante simples para
utilizar, para algumas funes necessrio trabalhar com desenvolvedores o que tambm
uma vantagem, j que mais fcil encontrar profissionais que trabalhem com WordPress.
Para hospedar uma loja em WooCommerce, voc precisar de PHP 5.6 ou superior
(recomendamos PHP 7), MySQL 5.6 ou superior, e WordPress na verso 4.4 ou mais (para a
verso 2.6 do WooCommerce). Ns recomendamos utilizar uma estrutura dedicada para
hospedar um site como esse devido necessidade de fazer transaes simultneas voc
precisa de processamento dedicado para o seu site, j que em um ambiente compartilhado
existem maiores riscos de downtime.
Querveremao?
Clique aqui e veja uma loja
com tema Storefront
Quemjusa?
Atlanta Falcons
New Balance
Taylor Swift (UK)
Voltaraondice| 5
Magento
O Magento ainda a principal referncia em termos de CMS
para e-commerce. De todas as opes, , provavelmente, a
mais completa em termos de recursos, opes, mdulos e
possibilidades de utilizao. A comear pelas trs diferentes
modalidades de uso: Magento Go, Community Edition e
Enterprise Edition. A primeira indicada para Startups e
pequenos e-commerces e j hospedada; a segunda, e mais
popular, o sistema gratuito, que voc pode instalar na
Umbler direto do painel e a terceira dedicada para grandes
e-commerces.
Essas trs categorias j demonstram uma das principais caractersticas desse CMS: a
flexibilidade. possvel criar praticamente qualquer tipo de e-commerce com o Magento, pois
a sua arquitetura mais completa, e tambm devido quantidade de mdulos disponveis. Por
ser o CMS de e-commerce mais popular, tambm existem mais agncias e desenvolvedores
trabalhando com ele, o que facilita na hora de encontrar um parceiro para um projeto.
Justamente para permitir essa flexibilidade de criao e customizao, o CMS acaba sendo
mais pesado e complexo, fazendo com que, na maioria dos casos, a contratao de um
desenvolvedor ou agncia especializada seja necessrio. Alm disso, lojas criada com Magento
exigiro mais recursos de hospedagem para garantir a estabilidade de quem navega, tenha em
mente que os gastos com hosting sero maiores.
Os requisitos mnimos do Magento (verso 2) so PHP 5.6 ou superior, 7.02 at 7.10 e MySQL
5.6 ou superior. Aqui na Umbler, recomendamos um Cloud Sites M (com 4GB de memria,
120GB de espao em disco e dois processadores) para uma loja de mdio porte lembrando
que, na Umbler, voc consegue aumentar o diminuir o tamanho da sua mquina com apenas
com um clique.
Querveremao?
Clique aqui e preencha um
form para demo do Magento
Quemjusa?
Saraiva
Charlote Tilbury
Voltaraondice| 6
PrestaShop
Podemos considerar a soluo PrestaShop um meio termo
entre o Magento a soluo mais completa e complexa e
WooCommerce plataformas mais simples e, por sua vez,
mais limitadas. No PrestaShop, mantida a facilidade de
instalao e a simplicidade para iniciar a loja (como no
WooCommerce), mas j esto disponveis recursos um
pouco mais avanados (como no caso do Magento).
PrestaShop e Magento, porm, so bastante diferentes: o
primeiro indicado para e-commerces menores e que
precisam de menos customizaes e o segundo para lojas
maiores, que utilizaro mais recursos e que precisam ser
mais desenvolvidas.
Para usar o PrestaShop, necessrio ter PHP 5.2 ou superior, MySQL 5.0 ou superior, SSH ou
acesso FTP. Uma loja PrestaShop no consome tantos recursos como Magento, por exemplo,
mas, ainda assim consome bastante por isso recomendvel evitar hospedagens
compartilhadas para lojas acima de 2.000 produtos. indicado tambm buscar por uma opo
de hosting na qual o banco de dados fique isolado, para evitar o consumo de recursos.
Querveremao?
Clique aqui e acesse a demo
de uma loja PrestaShop
Quemjusa?
Drones Parrot
Faa Amor, no Faa a
Barba
Voltaraondice| 7
OpenCart
Voc tem um budget reduzido? OOpenCart pode ser a
escolha certa pra voc, j que requer umbaixssimo
investimento, comparado a outras opes de
plataforma. Alm disso, as facilidades de configurao
so indiscutveis e altamente recomendadas para quem
est iniciando no ramo ou mesmo para startups ou micro
e pequenas empresas que, em muitos casos, carecem de
tempo e pessoal. Com uma comunidade crescente
(principalm ente no Brasil), e que vem gerando uma boa
documentao da plataforma, o OpenCart permite a
criao de lojas em alguns passos simples, em um sistema
modular e que pode ser personalizado compreferncias
do usurio.
Um dos destaques suainterface intuitiva, com um painel de administrao muito fcil de ser
gerenciado, com resumos de todos os pedidos e outras mtricas. O OpenCart simples,
podemos dizer que est no espectro oposto ao Magento, pois tem os recursos bsicos, porm
oferece uma experincia mais limitada para lojas complexas. Ento, assim como falamos no
Magento, podemos dizer: NO use OpenCart para projetos grandes, que necessitem de muita
customizao. Apesar de ser a opo mais bsica, o Opencart suporta multi-linguagem, multi-
pagamento e multi-lojas, administradas em um mesmo painel, e gera relatrios bastante
completos de venda. Alm disso, conta com mais de 12.500 extenses oficiais para lojas,
permite a insero de avaliaes de usurios emcada produto.
Para hospedar uma loja em OpenCart, voc precisar de PHP 5.3 ou superior e MySQLi. Se
voc quiser ver como o OpenCart funciona na Umbler, d uma olhada no artigo do OpenCart
Brasil.
Querveremao?
Clique aqui e acesse a demo
de uma loja PrestaShop
Quemjusa?
Shore Lines
Cruz Vermelha (UK)
Voltaraondice| 8
Porqueavelocidade
importante?
Muitas vezes a preocupao em deixar a pgina esteticamente mais bonita e
atrativa para os visitantes acaba fazendo com que a velocidade de carregamento,
um dos fatores mais importantes para um e-commerce, seja deixada de lado. O que
muitos no sabem que velocidade um fator determinante para o sucesso (ou
no) de uma venda.
Estudos apontam que 40% das pessoas abandonam um site que leva mais de trs
segundos para carregar. Outro estudo realizado pela T-Mobile e Dynatrace,
ressaltou ainda mais a importncia da velocidade de carregamento de um site.
Segundo dados coletados, durante a navegao em pginas iniciais, como a home do
site e a pgina de login, os usurios estavam mais propensos a abandonar a
navegao devido a problemas de desempenho do que quando navegaram em
pginas posteriores, como pginas de compra.
Pginainicial
32%
150k
28%
25% 26%
Visitantes
24% 24%
100k
50k
0-1 seg 2-3 seg 4-5 seg 6-7 seg 8-9 seg 10 seg
Pginadelogin
46%
40% 39%
37% 37%
200k
Visitantes
35%
100k
0-1 seg 2-3 seg 4-5 seg 6-7 seg 8-9 seg 10 seg
Voltaraondice| 9
A velocidade de
carregamento do seu
site vai impactar seu
SEO?
Dentre os fatores de ranqueamento que o Google considera para avaliar uma
pgina, um deles o tempo que sua pgina leva para carregar. Apesar de o prprio
Google, em seu blog oficial, afirmar que apenas 1% dos sites so penalizados pela
lentido no carregamento da pgina, pesquisas, como esta realizada pelo Walmart,
constataram que para cada segundo a menos que o e-commerce da marca levou
para carregar, eles obtiveram um aumento de at 2% nas suas converses.
Voltar ao ndice | 10
A velocidade dos
e-commerces
A fim de auxiliar na escolha da plataforma de e-commerce ideal para sua
necessidade, realizamos alguns testes de velocidade e carga em lojas virtuais
que utilizam as quatro principais plataformas de e-commerce do mercado:
Magento, PrestaShop, WooCommerce e OpenCart. Todas as lojas possuem o
mesmo nmero de produtos e esto hospedadas no mesmo servidor.
Ferramentas utilizadas:
Pingdom: http://tools.pingdom.com/fpt/
Load Impact: http://loadimpact.com/
Web Page Test: http://www.webpagetest.org/
Loader.io: http://loader.io/
New Relic: http://newrelic.com/
Voltar ao ndice | 11
OpenCart
Loja: http://o.helpumbler.com/
Quantidade de produtos na loja: 6 produtos
Teste de carga: Mdia de tempo de resposta em 1,79 segundos compico de 5,8s
Teste a partir dos EUA: 2,87 segundos de load na home, 470KB e 31 requisies
Voltaraondice| 12
PrestaShop
Loja: http://yg.helpumbler.com/br/
Quantidade de produtos na loja: 8 produtos
Teste de carga: Mdia de tempo em 4,9 segundos compico de 4,98s
Teste a partir dos EUA: 5,62 segundos de load na home, 1.4 MB e 120 requisies
Teste a partir de SP: 6.31 segundos de load na home, 1,4 MB e 122 requisies
Voltaraondice| 13
WooCommerce
Loja: http://woo.helpumbler.com/
Quantidade de produtos na loja: 6 produtos
Teste de carga: Mdia de tempo em 1,4 segundos compico de 4,1s
Teste a partir dos EUA: 3.73 segundos de load na home, 342Kb e 26 requisies
Voltaraondice| 14
Magento
Loja: http://loja.helpumbler.com/a/
Quantidade de produtos na loja: 8 produtos
Teste de carga: Mdia de tempo em 1,4 segundos compico de 4,1s
Teste a partir dos EUA: 7.37 segundos de load na home, 1MB e 163 requisies
Teste a partir de SP: 6.32s segundos de load na home, 1.004KB e 164 requisies
Voltaraondice| 15
Porqueescolher
bomhosting?
Um dos fatores que o Google utiliza no ranqueamento de pginas o tempo
de downtime. Afinal de contas, sua loja deve estar sempre disponvel para
seus consumidores. Desta forma, um dos principais fatores que acompanha
um bom e-commerce , certamente, uma hospedagem de qualidade.
Voltaraondice| 16
Comomedire
melhorara
velocidade?
Em primeiro lugar, que tal conferir a velocidade de sua pgina? Apresentamos
aqui algumas ferramentas para ajudar nesse processo:
Pingdom
Fornece uma nota de classificao de
acordo com a velocidade de carregamento.
Oferece tambm dados como nmero de
requisies, tempo total de carregamento e
o tamanho total dos arquivos.
Voltaraondice| 17
Oquevocpodefazer
paradiminuirotempo
decarregamentodo
seusite?
Existem algumas formas que podem ajudar qualquer site a reduzir alguns
segundos o seu tempo de carregamento. Confira oito solues que voc pode
testar em sua pgina:
UseacompactaoGZIP
Nada mais do que enviar os cdigos do seu site em formato comprimido, para que
ocupem menos espao e, desta forma, sejam transferidos rapidamente pela rede.
ScriptseCSS
Mantenha seus scripts e CSS em arquivos externos, ao invs de carreg-los a cada
pgina. Desta forma, o navegador s tem de carregar os arquivos uma vez.
UseumCDN
Ao optar por usar um add-on de CDN como o CloudFlare voc consegue
diminuir consideravelmente o tempo de carregamento de textos, imagens e scripts
do seu site.
Desativeplugins,extensesemdulosquenoestejautilizando
Independente do CMS que voc escolher para o seu e-commerce, vale uma regrinha
bem simples: desative/desabilite aquilo que no estiver utilizando. Com a infinidade
de mdulos, plugins e extenses, bastante provvel que voc tenha instalado
recursos que no precisa ou que no est utilizando. Desative-os para uma melhor
performance.
NoutilizeHTMLpararedimensionarimagens
Engana-se quem pensa que redimensionar uma imagem diretamente no cdigo
HTML uma boa forma de criar uma verso menos pesada de um arquivo. Carregar
um arquivo em menor tamanho no significa que ele est ocupando menos espao no
servidor. Pelo contrrio, pois o navegador precisa carregar a imagem inteira, verificar
a largura e altura que voc quer e ento redimension-la.
Voltaraondice| 18
Comprima suas imagens
Imagens detalhadas dos produtos so essenciais para qualquer e-commerce, mas
imagens grandes e pesadas podem ser um problema de performance para a sua loja.
Por isso, vale a pena comprimir as imagens utilizando uma ferramenta como
TinyPNG, Compressor.io ou mesmo um plugin como o Image Smush (disponvel para
WordPress). Alm disso, sempre d preferncia para os formatos GIF e PNG, ao
invs de JPEG.
Cache
CMSs possuem plugins que armazenam em cache a verso mais recente do seu site e
o exibem para seus usurios. Fazendo com que o navegador no seja forado a
carregar essa pgina.
Mdia incorporada
Vdeos incorporados em sua pgina a partir de sites externos, como Youtube e
Vimeo, podem diminuir a velocidade de pgina.
Quer mais dicas? Conra uma srie de posts sobre o tema no blog da Umbler.
Voltar ao ndice | 19
Comapalavra:os
especialistas
Entrevistamos especialistas em cada uma das plataformas de e-commerce
(Magento, PrestaShop, WooCommerce e OpenCart) sobre assuntos como
performance, hospedagem e outras especifidades. Confira:
Andr Gugliotti
Trabalha com e-commerce desde 2006 e j escreveu
quatro livros sobre o assunto, publicados pela Novatec.
Fala sobre comrcio eletrnico e Magento em seu blog
andregugliotti.com.br.
Andr Gugliotti: Infelizmente, a maioria dos lojistas no se d conta que uma loja
virtual precisa ser estvel e confivel. As pginas precisam abrir rapidamente e de
maneira correta, nos mais diferentes dispositivos, seja computadores, tablets ou
smartphones. Pense na dificuldade que voc teve para atrair umcliente para sua loja,
para faz-lo clicar em um anncio, para ter um instante da sua ateno. Isso muito
difcil para desperdiar com uma pgina que demora muitos segundos para carregar
ou, pior, que sequer abre.
Como lojas virtuais so mais pesadas que os sites institucionais aos quais estvamos
acostumados, no d pra pensar emusar os mesmos recursos. Uma loja virtual pede
planos com mais recursos, se possvel em espaos isolados, especficos para elas.
Coloque esse custo em sua planilha financeira e chegue a ummeio termo entre
velocidade, confiabilidade e bons valores.
Voltaraondice| 20
Qual a maior vantagem do Magento em termos de performance?
Por outro lado, h uma srie de aes que podem ser tomadas para incrementar a
velocidade, seja implementando ferramentas extras de cache, seja escalando para
mltiplos servidores.
AG: O ponto crucial de qualquer empresa de hospedagem o time de pessoas por trs
dela. A infraestrutura um commodity, disponvel a todos em qualquer parte do
mundo. O que fazer com a infraestrutura, como configurar o software, como dividir os
espaos e como atender as necessidades do cliente requer experincia e dedicao,
ou seja, requer gente.
Como gente custa dinheiro, desconfie de preos muito baixos e como disse antes,
no busque preos muito baixos ou sua loja no ter os recursos necessrios. Procure
entender o histrico e a experincia da empresa a ser contratada, converse com os
tcnicos e entenda claramente o que pode e o que no pode ser feito em sua nova
conta de hospedagem.
AG: O grande gargalo do Magento banco de dados. Sua estrutura EAV faz com que
haja um nmero elevado de relacionamentos por toda a parte. Produtos, categorias,
clientes, pedidos so espalhados em diversas tabelas e levam tempo para serem
reunidos. Para diminuir esse tempo de processamento, o prprio Magento traz
ferramentas (nativas ou instaladas via mdulos) e voc deve prestar ateno nelas.
Voltaraondice| 21
Qual periodicidade voc indica para realizar testes de velocidade no e-commerce?
AG: Voc pode fazer um teste mensal, nas principais pginas de sua loja virtual, como
controle de qualidade, ou um teste a cada vez que fizer alteraes em seu tema, como
forma de avaliar se o trabalho foi bem feito. Mas ateno: no fique desesperado se
seu site no carregar completamente em meio segundo.
Vincius Loureno
Palestrante e desenvolvedor web. Desenvolvedor
WordPress e WooCommerce, focado no
desenvolvimento de plugins e temas. Curioso e
apaixonado por programao, algoritmos IoT, IA.
VL: A maior vantagem a vasta gama de plugins de cache, minify (em casos de
arquivos js e CSS), e por ser em PHP tambm possui uma infinidade de extenses para
melhor aproveitamento dos recursos do servidor.
VL:
A palavra chave escalabilidade, tanto vertical quanto horizontal e tambm
"elasticidade" tanto dos recursos do servidor quanto do banco de dados,
principalmente em casos de urgncia, tais como datas comemorativas, onde o pico de
acessos e transaes sempre maior e no pode haver queda.
VL:
Planejamento, uso correto de recursos, uso correto de plugins, e tambm
imprescindvel manter tanto o WordPress, quanto WooCommerce e todos os demais
plugins sempre atualizados, visando tanto aumento de performance quanto
segurana.
VL:
Penso que os testes devem ser semanais e dependendo do porte do projeto feitos
at mais de uma vez por semana, junto a um trabalho de monitoramento do banco de
dados/servidor,
avaliao das consultas e carregamento de pginas, pois qualquer
tempo de resposta maior que o comum pode resultar em uma brusca queda de
converso, podendo prejudicar severamente o negcio.
Anthony Louvet
Sou Francs, e sempre fui atrado pelas tecnologias da informao.
Me formei em engenharia de cincia da computao, na Frana. Aps
alguns anos de experincia como desenvolvedor, me mudei no Brasil.
Morando no Rio, tive a oportunidade de fundar a minha prpria
agncia de comunicao. A agncia hoje especializada em criao de
lojas online com a ferramenta PrestaShop, e em divulgao por
campanhas de e-mail marketing.
Voltaraondice| 23
Qual o erro mais comum em e-commerces quando se fala de desempenho e
velocidade?
AL: O PrestaShop vem com uma tela de configurao de cache bem completa, fcil de
entender e configurar. Isso permite ativar ou desativar o cache facilmente, assim
como opes de desempenho mais avanadas.
AL: Servidores localizados no Brasil para melhorar o SEO, e um suporte eficiente, pois
uma loja que no funciona uma loja que no fatura. O suporte tem que ser capaz de
resolver um problema e garantir uma boa taxa de uptime da plataforma.
AL: No necessrio fazer esse tipo de teste de forma peridica, mas quando
acontece uma mudana importante no site: novo mdulo instalado, alteraes no
template, mudana de servidor. Para garantir que no tem impacto no desempenho
da loja. Se for realizado de forma regular, a cada mudana, o dia que perceber uma
queda na velocidade do site, vai ser muito mais difcil identificar de onde vem o
problema.
Voltaraondice| 24
Julio Garcia
Formado para tcnico em informtica a mais de uma dcada, virou
artista quando descobriu o photoshop e ento estudou design, logo
estudou sistemas para internet, e em plena transio para web 2.0
aprendeu boas prticas em HTML e CSS, aplica sua expertise em
design para criar pilhas de cdigos e definir parmetros, logo
apaixonou-se por sistemas de e-commerce, aprendeu sobre
buscadores e mecanismos vendas, estudou fotografia para aprimorar
sua viso, passou a fazer de sua estrada uma pequena poesia uma
mente pensante, que escreve poeticamente pilhas de cdigos para o
mar da web.
JG: Simples e objetivo, CMS bem montado de fcil manipulao e ajuste, clareza nos
processos e um pacote relativamente enxuto.
JG: Suporte tcnico, uma vez notado que vender servio temos N pessoas, e quando
falamos de suporte tcnico so poucas as empresas, tambm requisitos como, clareza
nos processos, facilidade de uso e manipulao de dados, muitos clientes sempre
tendem a encontrar problemas em alguns painis.
Voltaraondice| 25
O que mais importante para a performance de um e-commerce no OpenCart?
JG: Manter o site em sua arquitetura original, em hiptese qualquer alterar o motor,
adicionar modificaes ou mdulos testando previamente e garantir que o mesmo
no vai trancar o site em quaisquer processos, tambm o uso de template ruins uns
dos fatores que mais causa lentido no Opencart.
Voltaraondice| 26
Concluso
A escolha a melhor plataforma de e-commerce deve ser feita de
acordo com a sua necessidade, e das capacidades tcnicas de que
dispe. Portanto, o intuito deste material no definir a melhor
plataforma de e-commerce, mas sim, qual das quatro melhor atende s
suas necessidades. Tambm procuramos compartilhar dicas que voc
pode utilizar para otimizar a velocidade do seu site.