{"id":4705,"date":"2020-09-06T21:02:01","date_gmt":"2020-09-06T21:02:01","guid":{"rendered":"http:\/\/www.deuzebranaweb.com.br\/?p=4705"},"modified":"2020-09-06T21:02:01","modified_gmt":"2020-09-06T21:02:01","slug":"17-formas-poderosas-de-acelerar-sua-loja-woocommerce-guia-principal-2020","status":"publish","type":"post","link":"https:\/\/blog.deuzebranaweb.com.br\/index.php\/2020\/09\/06\/17-formas-poderosas-de-acelerar-sua-loja-woocommerce-guia-principal-2020\/","title":{"rendered":"17 Formas Poderosas de Acelerar sua Loja WooCommerce (Guia Principal 2020)"},"content":{"rendered":"\n

Velocidade \u00e9 dinheiro para um site de com\u00e9rcio electr\u00f3nico. Quanto mais r\u00e1pido o seu site carregar, melhor ser\u00e1 a experi\u00eancia de compra. Uma melhor experi\u00eancia do usu\u00e1rio se traduz em SEO melhorado, maior ROI, e clientes mais felizes. Isto, em \u00faltima an\u00e1lise, leva a maiores receitas e lucros.Experimente uma demonstra\u00e7\u00e3o gratuita<\/a><\/p>\n\n\n\n

Os compradores esperam hoje imagens e v\u00eddeos de alta resolu\u00e7\u00e3o, chat ao vivo, cr\u00edticas de usu\u00e1rios, invent\u00e1rio em tempo real, personaliza\u00e7\u00e3o e uma s\u00e9rie de outras ferramentas din\u00e2micas.<\/p>\n\n\n\n

Os compradores online t\u00eam um curto espa\u00e7o de aten\u00e7\u00e3o<\/a>. Assim, todos os recursos que eles esperam ter uma experi\u00eancia de compra mais r\u00e1pida e suave s\u00e3o os mesmos que retardam o seu site de com\u00e9rcio eletr\u00f4nico se voc\u00ea n\u00e3o os executar corretamente.<\/p>\n\n\n\n

WooCommerce<\/a> \u00e9 a plataforma de com\u00e9rcio eletr\u00f4nico mais popular do mundo e \u00e9 livre para usar e ajustar de acordo com as suas necessidades.\"WooCommerce<\/p>\n\n\n\n

WooCommerce lidera o pacote de com\u00e9rcio eletr\u00f4nico (Fonte de imagem: BuildiltWith)<\/p>\n\n\n\n

O WooCommerce foi descarregado mais de 88 milh\u00f5es<\/strong> de vezes at\u00e9 \u00e0 data. A partir de agora, est\u00e1 em uso em mais de 5 milh\u00f5es<\/strong> de sites<\/a>.\"Downloads<\/p>\n\n\n\n

Downloads de plugins do WooCommerce e estat\u00edsticas de uso<\/p>\n\n\n\n

Ao contr\u00e1rio de outras plataformas de compras populares<\/a>, voc\u00ea n\u00e3o precisa pagar uma porcentagem do seu faturamento ao WooCommerce se voc\u00ea us\u00e1-lo. No entanto, existem alguns custos gerais associados com a gest\u00e3o de uma loja WooCommerce.<\/p>\n\n\n\n

Mas h\u00e1 um sen\u00e3o! Como o WooCommerce \u00e9 gratuito com suporte limitado, voc\u00ea \u00e9 respons\u00e1vel por mant\u00ea-lo em forma de ponta. A boa not\u00edcia \u00e9 que \u00e9 f\u00e1cil cuidar disso se voc\u00ea souber o que est\u00e1 fazendo!<\/p>\n\n\n\n

Quer aprender como acelerar o seu site WooCommerce de forma confi\u00e1vel?<\/p>\n\n\n\n

Este guia \u00e9 para voc\u00ea!Tabela de Conte\u00fados<\/p>\n\n\n\n

  1. Por que a velocidade \u00e9 importante para uma loja online<\/a><\/li>
  2. Medindo a velocidade de uma loja WooCommerce<\/a><\/li>
  3. Como Acelerar o WooCommerce<\/a><\/li>
  4. Painel de Administra\u00e7\u00e3o do WooCommerce Otimizador<\/a><\/li>
  5. WooCommerce Speed Starts with Quality Hosting<\/a><\/li><\/ol>\n\n\n\n

    Por que a velocidade \u00e9 importante para uma loja online<\/a><\/h2>\n\n\n\n

    As primeiras impress\u00f5es importam e a velocidade \u00e9 a primeira coisa que um usu\u00e1rio vai notar sobre o seu site. Em um estudo do Google, 53% dos usu\u00e1rios de celular deixaram um site<\/a> se demorou mais de 3 segundos<\/strong> para carregar.\"3<\/p>\n\n\n\n

    3 segundos \u00e9 a melhor pr\u00e1tica (Fonte de imagem: Pense com o Google)<\/p>\n\n\n\n

    \u201c2 segundos<\/em><\/strong> \u00e9 o limite para a aceitabilidade do site de com\u00e9rcio eletr\u00f4nico. No Google, o nosso objectivo \u00e9 de menos de meio segundo.<\/em>\u201d
    \u2013     Maile Ohye, Tech Lead, Google<\/a><\/p><\/blockquote>\n\n\n\n

    Em outro estudo global, 80%<\/strong> dos usu\u00e1rios disseram que acham um site de carregamento lento mais frustrante do que um site temporariamente em baixo<\/a>. O mesmo estudo tamb\u00e9m descobriu que 73%<\/strong> dos usu\u00e1rios mudariam para um site concorrente se um site fosse muito lento para carregar.<\/p>\n\n\n\n

    Mesmo um atraso de 100 milissegundos<\/strong> no tempo de resposta da p\u00e1gina pode prejudicar a experi\u00eancia do usu\u00e1rio e a receita on-line. Segundo a Akamai<\/a>, um atraso de 100 milissegundos<\/strong> afecta as taxas de convers\u00e3o em 7%<\/strong>, enquanto que um atraso de 2 segundos<\/strong> prejudica as taxas de convers\u00e3o em 103%<\/strong>.<\/p>\n\n\n\n

    Se o seu site est\u00e1 gerando $1000<\/strong> em receitas di\u00e1rias, atrasos de 100 milissegundos no carregamento de p\u00e1ginas podem custar $25.550<\/strong> em vendas perdidas anualmente.<\/p>\n\n\n\n

    Quanto maior \u00e9 o neg\u00f3cio, maior \u00e9 a queda. Por exemplo, a Amazon projetou uma perda de receita de US$ 1,6 bilh\u00e3o por ano<\/a> se o tempo de carregamento de p\u00e1ginas desacelerasse apenas um segundo.\"O<\/p>\n\n\n\n

    O tempo de carregamento da p\u00e1gina \u00e9 vital (Fonte de imagem: Pense com o Google)<\/p>\n\n\n\n

    Os dados acima sugerem que se o seu site leva 6 segundos ou mais para carregar, voc\u00ea est\u00e1 perdendo o dobro de usu\u00e1rios do que perderia se o seu site fosse carregado em menos de 3 segundos.<\/p>\n\n\n\n

    Para al\u00e9m da experi\u00eancia do utilizador, velocidade do seu site tamb\u00e9m tem impacto na SEO<\/a>. A velocidade e o desempenho do site s\u00e3o um fator importante no algoritmo de classifica\u00e7\u00e3o de sites do Google.<\/p>\n\n\n\n

    O Google mudou para a indexa\u00e7\u00e3o m\u00f3vel primeiro<\/a> para mais de 50% das p\u00e1ginas mostradas em seus resultados de pesquisa. Apesar disso, dados do HTTPArchive.org<\/a> sugerem que o tempo m\u00e9dio de carregamento para sites m\u00f3veis rodando WordPress piorou no \u00faltimo ano.\"Como<\/p>\n\n\n\n

    Como os principais sites WordPress funcionam (Fonte de imagem: HTTPArchive.org)<\/p>\n\n\n\n

    Durante per\u00edodos de pico de tr\u00e1fego<\/a> como a Segunda-feira Cyber e a Sexta-feira Negra<\/a>, \u00e9 ainda mais crucial manter o seu site funcionando o mais r\u00e1pido poss\u00edvel. Com a explos\u00e3o de ofertas, garantir que os compradores n\u00e3o abandonem o seu site \u00e9 fundamental para fechar as vendas.<\/p>\n\n\n\n

    Dadas estas estat\u00edsticas, acelerar a sua Loja WooCommerce pode dar-lhe uma vantagem significativa sobre a sua concorr\u00eancia.A velocidade \u00e9 tudo: um atraso de 100 milissegundos tem um impacto de 7% nas taxas de convers\u00e3o, enquanto um atraso de 2 segundos prejudica as taxas de convers\u00e3o em 103%. Veja como acelerar a sua loja WooCommerce e as suas vendas! \ud83d\ude80\ud83d\ude9aCLICK TO TWEET<\/a><\/p>\n\n\n\n

    Medindo a velocidade de uma loja WooCommerce<\/a><\/h2>\n\n\n\n

    O que n\u00e3o se pode medir, n\u00e3o se pode melhorar!<\/p>\n\n\n\n

    Agora que voc\u00ea entendeu porque velocidade \u00e9 importante para sua loja WooCommerce, \u00e9 hora de aprender a medi-la. \u00c9 essencial saber como medir as melhorias quando voc\u00ea est\u00e1 tentando acelerar o seu site WordPress<\/a>.<\/p>\n\n\n\n

    Um teste de velocidade do site<\/a> \u00e9 uma ferramenta perfeita para testar a capacidade de resposta da sua loja WooCommerce. Mas se voc\u00ea n\u00e3o fizer isso corretamente, seu site pode parecer mais lento para voc\u00ea depois de fazer uma mudan\u00e7a, quando ele \u00e9 mais r\u00e1pido.\"Um<\/p>\n\n\n\n

    Um relat\u00f3rio de teste de velocidade do site (Fonte de imagem: Pingdom)<\/p>\n\n\n\n

    Eu recomendo que voc\u00ea comece com uma dessas ferramentas de teste de velocidade do site: WebPagetest<\/a>, Pingdom<\/a>, Google PageSpeed Insights<\/a> ou GTMetrix<\/a>.<\/p>\n\n\n\n

    Voc\u00ea tamb\u00e9m pode usar o plugin gratuito WordPress Query Monitor<\/a> para localizar os temas, plugins e fun\u00e7\u00f5es que est\u00e3o funcionando mal. Ele ajuda voc\u00ea a depurar consultas ineficientes a bancos de dados, fun\u00e7\u00f5es inchadas, erros de PHP, chamadas API HTTP, etc.<\/p>\n\n\n\n

    Nenhuma ferramenta de teste de velocidade \u00e9 perfeita, mas escolha uma e fique com ela. Voc\u00ea pode trabalhar para outras op\u00e7\u00f5es mais tarde.<\/a><\/p>\n\n\n\n

    Gary Illyes, Webmaster Trends Analyst, Google<\/p>\n\n\n\n

    H\u00e1 uma diferen\u00e7a entre o desempenho real e o desempenho percebido<\/a>. A experi\u00eancia do usu\u00e1rio \u00e9 mais importante do que a feiti\u00e7aria t\u00e9cnica que alimenta o site.<\/p>\n\n\n\n

    Portanto, use as t\u00e9cnicas mencionadas abaixo para melhorar a experi\u00eancia geral do seu site, em vez de apenas obter uma pontua\u00e7\u00e3o de alta velocidade<\/a>.<\/p>\n\n\n\n

    Como Acelerar o WooCommerce<\/a><\/h2>\n\n\n\n

    Um relat\u00f3rio de teste de velocidade lhe dar\u00e1 um plano acion\u00e1vel para otimizar seu site de WooCommerce lento. Entusiasmado? Vamos come\u00e7ar!<\/p>\n\n\n\n

    1. Otimizar as configura\u00e7\u00f5es do WooCommerce para desempenho<\/a><\/h3>\n\n\n\n

    Vamos come\u00e7ar com o b\u00e1sico, otimizando as configura\u00e7\u00f5es do WooCommerce.<\/p>\n\n\n\n

    Primeiro, altere o URL da sua p\u00e1gina de login<\/a>. Por padr\u00e3o, o URL de login de todo site WordPress \u00e9 domain.com\/wp-admin\/<\/em><\/strong>. Embora isto seja f\u00e1cil de lembrar, coloca um grande problema: todos sabem disso tamb\u00e9m, incluindo bots e hackers.<\/p>\n\n\n\n

    Alterar o seu URL de login para algo \u00fanico ir\u00e1 proteg\u00ea-lo contra ataques de for\u00e7a bruta de actores nefastos. Tamb\u00e9m o ajudar\u00e1 a combater erros HTTP limitadores de taxa como 429 Demasiadas solicita\u00e7\u00f5es<\/a>.<\/p>\n\n\n\n

    Plugins gratuitos como o WPS Hide Login<\/a> e Renomear wp-login.php<\/a> tornam esta tarefa super f\u00e1cil.<\/p>\n\n\n\n

    Se o seu site de com\u00e9rcio eletr\u00f4nico tamb\u00e9m hospeda um blog, voc\u00ea pode limitar o n\u00famero de posts no feed do seu blog. WordPress define este limite para 10 posts por padr\u00e3o, mas voc\u00ea pode definir um limite inferior.<\/p>\n\n\n\n

    Embora isso possa parecer trivial, a economia de desempenho se soma se voc\u00ea tiver um blog de alto tr\u00e1fego (aqui est\u00e1 como dirigir o tr\u00e1fego para o seu site<\/a>). Voc\u00ea pode encontrar esta op\u00e7\u00e3o em WordPress Dashboard \u2192 Settings \u2192 Reading<\/strong>.\"Limite<\/p>\n\n\n\n

    Limite o n\u00famero de posts no feed do seu blog<\/p>\n\n\n\n

    A seguir, desabilite os pingbacks em seu site. Eles normalmente geram spam sem valor. Quanto menos consultas o seu site gerar, melhor.\"Otimizar<\/p>\n\n\n\n

    Otimizar as configura\u00e7\u00f5es de discuss\u00e3o<\/p>\n\n\n\n

    Se voc\u00ea tem muitos coment\u00e1rios de usu\u00e1rios<\/a> em seus posts ou p\u00e1ginas, ent\u00e3o o WordPress tamb\u00e9m lhe d\u00e1 uma op\u00e7\u00e3o para dividi-los em peda\u00e7os menores. A mesma configura\u00e7\u00e3o \u00e9 v\u00e1lida para quebrar as opini\u00f5es<\/a> nas p\u00e1ginas dos seus produtos.<\/p>\n\n\n\n

    Mantenha este n\u00famero entre 10 e 20 para otimizar o tempo de carregamento da p\u00e1gina do seu produto.<\/p>\n\n\n\n

    Voc\u00ea pode desativar coment\u00e1rios de produtos em WooCommerce \u2192 Settings<\/strong> se voc\u00ea n\u00e3o gosta de t\u00ea-los em sua loja. Isto ajudar\u00e1 a acelerar o seu site, pois elimina o carregamento de alguns scripts e widgets.\"Desativar<\/p>\n\n\n\n

    Desativar coment\u00e1rios de produtos se voc\u00ea n\u00e3o precisar deles<\/p>\n\n\n\n

    Finalmente, remova quaisquer temas e plugins desnecess\u00e1rios\/atualizados<\/a> do seu site. Quanto menos temas e plugins voc\u00ea tiver instalado, mais f\u00e1cil \u00e9 mant\u00ea-los e solucionar problemas de desempenho<\/a>.<\/p>\n\n\n\n

    2. Obtenha um Tema de WooCommerce R\u00e1pido<\/a><\/h3>\n\n\n\n

    Usando o tema certo do WooCommerce<\/a> importa. H\u00e1 centenas de milhares de temas por a\u00ed, ent\u00e3o decidir sobre o que<\/em> \u00e9 perfeito para voc\u00ea \u00e9 sempre um desafio.\"Temas<\/p>\n\n\n\n

    Temas em destaque no WordPress.org<\/p>\n\n\n\n

    Um tema bonito com caracter\u00edsticas incr\u00edveis pode soar bem no papel, mas pode falhar no uso real. Para um site de com\u00e9rcio eletr\u00f4nico, voc\u00ea precisa garantir que ele seja totalmente compat\u00edvel com o WooCommerce.\"Filtre<\/p>\n\n\n\n

    Filtre a sua pesquisa tem\u00e1tica de com\u00e9rcio electr\u00f3nico<\/p>\n\n\n\n

    WP Rocket testou um monte de temas populares do WooCommerce para velocidade<\/a> e chegou aos seguintes resultados.\"Optar<\/p>\n\n\n\n

    Optar por um tema r\u00e1pido de WooCommerce (Fonte de imagem: WP Rocket)<\/p>\n\n\n\n

    Astra, OceanWP, e GeneratePress<\/a> tamb\u00e9m s\u00e3o os favoritos de Kinsta como sugerido no artigo do WordPress acelerar<\/a>. Eles s\u00e3o temas WordPress ultra-r\u00e1pidos e leves.<\/p>\n\n\n\n

    Quando emparelhado com um construtor de p\u00e1ginas<\/a> como a Elementor ou Beaver Builder, eles podem ajud\u00e1-lo a criar quase qualquer site.\"Storefront<\/p>\n\n\n\n

    Storefront \u00e9 o tema oficial do WooCommerce<\/p>\n\n\n\n

    Storefront<\/a> \u00e9 um tema gratuito oferecido pelo WooCommerce, enquanto Shoptimizer<\/a>, Divi<\/a>, e WoondrShop<\/a> s\u00e3o temas premium. Uma vez que estes temas s\u00e3o constru\u00eddos para rodar um site de com\u00e9rcio eletr\u00f4nico, n\u00e3o h\u00e1 necessidade de instalar plugins de terceiros para obter todos os recursos que voc\u00ea deseja.<\/p>\n\n\n\n

    Se voc\u00ea tem pouco or\u00e7amento, n\u00e3o h\u00e1 problema em come\u00e7ar com um tema gratuito e, mais tarde, fazer um upgrade<\/a> para uma solu\u00e7\u00e3o premium.<\/p>\n\n\n\n

    Eu recomendo deixar os construtores de p\u00e1ginas para tr\u00e1s para reduzir o incha\u00e7o. Em vez disso, v\u00e1 para um tema que suporte o editor de blocos do WordPress, o Gutenberg<\/a>.<\/p>\n\n\n\n

    Para decidir sobre um tema<\/a>, sugiro que liste abaixo todas as funcionalidades de que necessita na sua loja online. Em seguida, escolha um tema que cubra a maioria das suas necessidades de funcionalidades. Isso o ajudar\u00e1 a reduzir a depend\u00eancia de temas multiuso inchados e plugins de terceiros.<\/p>\n\n\n\n

    Isto leva-nos \u00e0 pr\u00f3xima sugest\u00e3o.<\/p>\n\n\n\n

    3. F\u00e1cil nos Plugins e Extens\u00f5es do WooCommerce<\/a><\/h3>\n\n\n\n

    O WordPress tem mais de 54.000 plugins gratuitos<\/strong> em seu reposit\u00f3rio. H\u00e1 ainda mais plugins premium no mundo selvagem. Assim, \u00e9 f\u00e1cil de se deixar levar e instalar dezenas deles.\"H\u00e1<\/p>\n\n\n\n

    H\u00e1 um plugin para quase tudo.<\/p>\n\n\n\n

    Muitos plugins populares, especialmente os relacionados a desempenho e seguran\u00e7a, n\u00e3o funcionam bem em certos ambientes de hospedagem<\/a>.<\/p>\n\n\n\n

    Se achar dif\u00edcil decidir qual plugin instalar, consulte a lista de plugins do Kinsta escolhidos a dedo dos melhores plugins WordPress<\/a> para v\u00e1rias utiliza\u00e7\u00f5es. De SEO a compress\u00e3o de imagens, voc\u00ea est\u00e1 destinado a encontrar algumas gemas l\u00e1.<\/p>\n\n\n\n

    A funcionalidade do WooCommerce pode ser expandida com a sua vasta gama de extens\u00f5es gratuitas e premium do WooCommerce<\/a>. Eles funcionam da mesma forma que os plugins.\"As<\/p>\n\n\n\n

    As extens\u00f5es do WooCommerce melhoram a funcionalidade da sua loja<\/p>\n\n\n\n

    Ao contr\u00e1rio da percep\u00e7\u00e3o popular, o n\u00famero de plugins que voc\u00ea instala nem sempre causa problemas de desempenho. Mas isto s\u00f3 se aplica enquanto os plugins forem constru\u00eddos com as melhores pr\u00e1ticas de codifica\u00e7\u00e3o.<\/p>\n\n\n\n

    A instala\u00e7\u00e3o de cada plugin por qualidade torna-se um inc\u00f3modo quando h\u00e1 muitos deles. E isso \u00e9 considerando que voc\u00ea tem a habilidade e a experi\u00eancia para verific\u00e1-los minuciosamente.<\/p>\n\n\n\n

    Alguns plugins at\u00e9 criam conflitos com outros plugins. Quando voc\u00ea tem dezenas de plugins em seu site, a probabilidade de um conflito de plugins ocorrer dispara exponencialmente.<\/p>\n\n\n\n

    Portanto, seja esperto sobre o tipo de plugins e extens\u00f5es do WooCommerce que voc\u00ea instala.<\/p>\n\n\n\n

    4. Aumentar o limite de mem\u00f3ria WordPress<\/a><\/h3>\n\n\n\n

    O WordPress aloca por padr\u00e3o 32 MB de mem\u00f3ria para PHP. Se ele se deparar com qualquer crunches, ele tentar\u00e1 automaticamente aumentar este limite para 40 MB (para um \u00fanico site) ou 64 MB (para um site m\u00faltiplo).<\/p>\n\n\n\n

    Na maioria dos casos, este limite de mem\u00f3ria<\/a> n\u00e3o ser\u00e1 suficiente para um site de WooCommerce. Voc\u00ea pode at\u00e9 receber uma mensagem de erro no seu painel, como por exemplo:<\/p>\n\n\n\n

    \u201cTamanho de mem\u00f3ria permitido de xxxxxx bytes esgotados\u201d<\/em><\/p>\n\n\n\n

    \u00c9 recomendado aumentar este limite para 256 MB<\/a>. Fa\u00e7a sempre uma c\u00f3pia de seguran\u00e7a de qualquer ficheiro antes de o editar. Caso algo d\u00ea errado, voc\u00ea pode substituir o arquivo editado pelo arquivo original.Info<\/p>\n\n\n\n

    Todos os planos em Kinsta definem um limite de mem\u00f3ria padr\u00e3o de 256 MB. Se o seu site est\u00e1 hospedado conosco, voc\u00ea n\u00e3o deve ter nenhum problema relacionado \u00e0 mem\u00f3ria. Saiba mais sobre as nossas migra\u00e7\u00f5es gratuitas<\/a>.<\/p>\n\n\n\n

    5. Comprimir Imagens e Otimizar a Entrega<\/a><\/h3>\n\n\n\n

    As imagens comp\u00f5em a maior parte do tamanho da p\u00e1gina de qualquer site, mais ainda para um site de com\u00e9rcio electr\u00f3nico. Os sites de WooCommerce s\u00e3o carregados com imagens e banners de produtos.<\/p>\n\n\n\n

    Se voc\u00ea n\u00e3o otimizar as imagens para tamanho e entrega<\/a>, eles podem trazer o seu site para um rastejamento \ud83d\udc0c<\/p>\n\n\n\n

    HTTPArchive rastreia o tamanho e a quantidade de muitas p\u00e1ginas web populares. Aqui est\u00e1 uma representa\u00e7\u00e3o visual do estado dos seus sites WordPress em 2020<\/a>:\"As<\/p>\n\n\n\n

    As imagens s\u00e3o um recurso pesado<\/p>\n\n\n\n

    Embora os v\u00eddeos sejam um recurso mais pesado que as imagens, eles s\u00e3o carregados sob demanda na maioria dos casos. Portanto, eles n\u00e3o afetam a velocidade de carregamento da p\u00e1gina percebida tanto quanto as imagens.<\/p>\n\n\n\n

    De acordo com o relat\u00f3rio Estado das Imagens do<\/em><\/a> HTTP Archive, voc\u00ea pode salvar 545 KB<\/strong> por p\u00e1gina, carregando imagens escondidas e fora da tela<\/a>.<\/p>\n\n\n\n

    Ao definir seus n\u00edveis de compress\u00e3o JPEG para 85 ou inferior, voc\u00ea pode salvar ainda mais 40,3 KB<\/strong> por p\u00e1gina. Esta m\u00e9trica vem diretamente do Lighthouse<\/a>, a ferramenta de teste de velocidade do Google para sites m\u00f3veis.<\/p>\n\n\n\n

    Siga estas 5 regras para otimizar imagens para sua loja WooCommerce (e para a web em geral):<\/p>\n\n\n\n

    1. Escolha o formato certo para as suas imagens (JPEG, PNG, SVG, WebP).<\/li>
    2. Comprima as imagens de forma eficiente usando as ferramentas certas.<\/li>
    3. Use imagens responsivas para otimizar a entrega para v\u00e1rios dispositivos.<\/li>
    4. Carregue as imagens escondidas e fora da tela.<\/li>
    5. Descarregue a entrega de imagens para CDNs r\u00e1pidos<\/a>.<\/li><\/ol>\n\n\n\n

      O WooCommerce 3.3 introduziu<\/a> melhorias no tamanho da imagem, tais como redimensionamento de miniaturas em tempo real, corre\u00e7\u00e3o de imagem desfocada e redimensionamento de miniaturas de fundo. Todos estes recursos tornam redundante o uso de um plugin como o Regenerate Thumbnails<\/a> para imagens relacionadas ao WooCommerce.\"Personaliza\u00e7\u00e3o<\/p>\n\n\n\n

      Personaliza\u00e7\u00e3o de imagens do produto do WooCommerce (Fonte de imagem: WooCommerce)<\/p>\n\n\n\n

      Se voc\u00ea est\u00e1 come\u00e7ando com uma nova instala\u00e7\u00e3o, voc\u00ea pode comprimir suas imagens antes de carreg\u00e1-las no seu site. Aqui est\u00e3o algumas das principais recomenda\u00e7\u00f5es de compress\u00e3o de imagens online:<\/p>\n\n\n\n