Contudo, lan\u00e7ar um site de eCommerce exige planejamento estrat\u00e9gico e organizacional cuidadoso, e uma an\u00e1lise completa de custos e benef\u00edcios, pontos fortes e fracos, amea\u00e7as e oportunidades<\/a>.<\/p>\n E isso n\u00e3o \u00e9 tudo. Para ter sucesso com o seu eCommerce, voc\u00ea precisa de um site moderno, r\u00e1pido e seguro para dar suporte aos seus neg\u00f3cios. Um site de eCommerce bem-sucedido deve proporcionar uma experi\u00eancia de compra tranquila, estar em conformidade com as normas internacionais de privacidade, como o GDPR<\/a>, garantir transa\u00e7\u00f5es seguras e acompanhar seus clientes pelo funil de vendas at\u00e9 o momento da compra.<\/p>\n Ele deve ser otimizado para SEO<\/a>, escal\u00e1vel<\/a> quando necess\u00e1rio, flex\u00edvel e facilmente gerenci\u00e1vel para que voc\u00ea possa se concentrar em seus neg\u00f3cios sem perder tempo e recursos com problemas t\u00e9cnicos.<\/p>\n N\u00e3o \u00e9 uma tarefa f\u00e1cil, mas um site de eCommerce pode lhe oferecer grandes oportunidades de expandir seus neg\u00f3cios.<\/p>\n Em resumo, tr\u00eas \u00e1reas que voc\u00ea deve considerar ao planejar um site de eCommerce s\u00e3o desempenho, seguran\u00e7a e funcionalidade.<\/p>\n Por isso, reunimos nossas melhores recomenda\u00e7\u00f5es sobre otimiza\u00e7\u00e3o de eCommerce em tr\u00eas artigos, cada um com foco em uma dessas tr\u00eas \u00e1reas.<\/p>\n Este primeiro artigo se concentrar\u00e1 no desempenho, compartilhando uma lista de verifica\u00e7\u00e3o de 10 pr\u00e1ticas recomendadas para otimizar a velocidade e o desempenho do seu site de eCommerce.<\/p>\n Nos dois artigos seguintes vamos nos concentrar na seguran\u00e7a do site e na funcionalidade do servi\u00e7o de hospedagem, abordando os benef\u00edcios que uma hospedagem otimizada para eCommerce pode garantir.<\/p>\n Voc\u00ea est\u00e1 pronto para descobrir do que precisa para lan\u00e7ar um site de eCommerce bem-sucedido e partir para conquistar mercados internacionais? Continue lendo!<\/p>\n Um site de eCommerce moderno requer v\u00e1rios recursos t\u00e9cnicos e funcionais para aprimorar a intera\u00e7\u00e3o do usu\u00e1rio com o site, garantindo uma experi\u00eancia de navega\u00e7\u00e3o e de compra rica e agrad\u00e1vel.<\/p>\n Do ponto de vista t\u00e9cnico, um site de eCommerce deve ser otimizado para desempenho e seguran\u00e7a. Deve ser f\u00e1cil para sua equipe gerenciar, e facilmente escal\u00e1vel.<\/p>\n A cria\u00e7\u00e3o de um site com essas caracter\u00edsticas requer uma infraestrutura de \u00faltima gera\u00e7\u00e3o, uma rede de distribui\u00e7\u00e3o de conte\u00fado<\/a> de classe empresarial, recursos avan\u00e7ados para desenvolvedores, um sistema de backup<\/a> eficiente e f\u00e1cil de usar, e um servi\u00e7o de suporte<\/a> r\u00e1pido e qualificado.<\/p>\n Portanto, a primeira etapa antes de lan\u00e7ar um site de eCommerce \u00e9 descobrir onde obter os servi\u00e7os e as ferramentas de que voc\u00ea precisa. Essa decis\u00e3o diz respeito \u00e0 escolha do provedor de infraestrutura de hospedagem. As op\u00e7\u00f5es s\u00e3o quase infinitas. Voc\u00ea pode decidir gerenciar seus servidores contratando um administrador de sistemas ou optar por uma solu\u00e7\u00e3o totalmente gerenciada, como Wix<\/a> ou Shopify<\/a>.<\/p>\n A primeira op\u00e7\u00e3o, gerenciar o servidor internamente, oferece o m\u00e1ximo de flexibilidade e personaliza\u00e7\u00e3o. No entanto, exige recursos consider\u00e1veis e engenheiros de administra\u00e7\u00e3o de sistemas qualificados. As grandes empresas geralmente adotam essa solu\u00e7\u00e3o.<\/p>\n A segunda op\u00e7\u00e3o, plataformas totalmente gerenciadas, tem a vantagem da grande facilidade de uso, mas n\u00e3o garante a flexibilidade t\u00e9cnica e operacional que sua empresa talvez exija. Al\u00e9m disso, \u00e0 medida que a empresa cresce, podem surgir custos imprevistos.<\/p>\n Em algum ponto entre esses dois extremos, h\u00e1 solu\u00e7\u00f5es baseadas em uma plataforma de c\u00f3digo aberto<\/a> combinada com um servi\u00e7o de hospedagem que fornece os recursos necess\u00e1rios para o <\/span>eCommerce.<\/p>\n Voc\u00ea pode se aprofundar nas diferen\u00e7as entre algumas das op\u00e7\u00f5es dispon\u00edveis em nossos artigos comparativos:<\/p>\n Na Kinsta, oferecemos hospedagem premium para sites de eCommerce<\/a>. Nossa infraestrutura \u00e9 otimizada para desempenho, seguran\u00e7a e facilidade de uso para sites WordPress, juntamente com os plugins de eCommerce mais populares, WooCommerce e Easy Digital Downloads. Nossa tecnologia de cont\u00eaineres isolados<\/a> foi desenvolvida com base no Google Cloud Platform<\/a> e aproveita o poder da rede do Cloudflare<\/a> para garantir o m\u00e1ximo de desempenho e seguran\u00e7a.<\/p>\n Essa \u00e9 a solu\u00e7\u00e3o t\u00e9cnica que recomendamos a todos que fazem a pergunta: qual \u00e9 a melhor infraestrutura de hospedagem para um site de eCommerce moderno?<\/p>\n Vamos come\u00e7ar com o desempenho de eCommerce!<\/p>\n De acordo com pesquisas recentes sobre taxas de convers\u00e3o de eCommerce<\/a>, o principal fator de sucesso de um site de eCommerce est\u00e1 na velocidade de carregamento da p\u00e1gina. Um site de eCommerce que carrega em 1 segundo tem uma taxa de convers\u00e3o 2,5 vezes maior do que um site que carrega em 5 segundos.<\/p>\n Al\u00e9m disso, as p\u00e1ginas que carregam em 1 segundo t\u00eam uma taxa de convers\u00e3o m\u00e9dia de cerca de 40%. Se o tempo de carregamento aumentar para 2 segundos, a taxa de convers\u00e3o cair\u00e1 para 34%. Em 3 segundos, a taxa de convers\u00e3o \u00e9 de 29%, e atinge o m\u00ednimo em 6 segundos.<\/p>\n A an\u00e1lise sugere que voc\u00ea otimize seu eCommerce para uma velocidade de carregamento entre um e dois segundos.<\/p>\n Como \u00e9 poss\u00edvel alcan\u00e7ar esse n\u00edvel de desempenho? A otimiza\u00e7\u00e3o do desempenho \u00e9 um processo de aprimoramento cont\u00ednuo que afeta v\u00e1rias \u00e1reas de um site. Seu valor estrat\u00e9gico \u00e9 particularmente claro para o eCommerce, que geralmente consome grandes quantidades de recursos.<\/p>\n Para ajudar os propriet\u00e1rios de eCommerce a otimizar o desempenho de seus sites, criamos uma lista de verifica\u00e7\u00e3o essencial das otimiza\u00e7\u00f5es necess\u00e1rias para melhorar o desempenho e a velocidade da p\u00e1gina.<\/p>\n Em resumo, quais s\u00e3o os principais fatores a considerar ao otimizar o desempenho do seu site de eCommerce? Vamos nos aprofundar mais nisso! Ao escolher um servi\u00e7o de hospedagem para o seu site de eCommerce, \u00e9 essencial estar ciente da pilha de tecnologia que ele oferece.<\/p>\n A primeira decis\u00e3o \u00e9 sobre o tipo de servi\u00e7o de hospedagem. H\u00e1 v\u00e1rios tipos de hospedagem web<\/a>, que diferem consideravelmente em termos de infraestrutura e servi\u00e7os:<\/p>\n Como \u00e9 imperativo garantir o m\u00e1ximo desempenho para o seu eCommerce, a infraestrutura deve ser de alta velocidade. Isso excluiria a hospedagem compartilhada<\/a>, que, embora possa ser barata (ou at\u00e9 mesmo gratuita<\/a>), n\u00e3o garante os padr\u00f5es m\u00ednimos de desempenho e seguran\u00e7a dos quais um site de eCommerce n\u00e3o pode prescindir para ter sucesso no mercado.<\/p>\n Um servi\u00e7o de hospedagem dedicado baseado em VPS pode ser altamente personalizado e otimizado para desempenho. Ainda assim, exige habilidades de administrador de sistema<\/a>, o que pode ser muito caro para uma empresa de pequeno ou m\u00e9dio porte.<\/span> Um servi\u00e7o de hospedagem na nuvem<\/a> pode oferecer desempenho e seguran\u00e7a para um site de eCommerce moderno e pode n\u00e3o exigir habilidades t\u00e9cnicas avan\u00e7adas.<\/p>\n \u00c9 f\u00e1cil encontrar provedores de servi\u00e7os de hospedagem gerenciados para WordPress e WooCommerce se voc\u00ea trabalha com WordPress. Isso significa que voc\u00ea n\u00e3o ser\u00e1 respons\u00e1vel pela configura\u00e7\u00e3o e otimiza\u00e7\u00e3o do servidor, e ter\u00e1 um servi\u00e7o de suporte de especialistas e instala\u00e7\u00e3o e manuten\u00e7\u00e3o simplificadas do site.<\/p>\n Tamb\u00e9m \u00e9 necess\u00e1rio fornecer ao seu site uma pilha t\u00e9cnica de \u00faltima gera\u00e7\u00e3o. A maioria dos provedores web fornece uma pilha baseada no servidor web Apache<\/a> e no MySQL<\/a>. No entanto, talvez voc\u00ea queira considerar uma pilha de tecnologia mais moderna e de alto desempenho, como Nginx<\/a> e MariaDB<\/a>.<\/p>\n Na Kinsta, acreditamos que criamos a melhor e mais r\u00e1pida solu\u00e7\u00e3o de hospedagem gerenciada de WordPress dispon\u00edvel atualmente, com base no Google Cloud Platform<\/a>.<\/p>\n Fornecemos M\u00e1quinas Virtuais\u00a0C3D e C2 otimizadas para computa\u00e7\u00e3o<\/a> em todos os planos, do Single 35k ao WP 60, e al\u00e9m, nas regi\u00f5es em que est\u00e3o dispon\u00edveis. Tamb\u00e9m aproveitamos a rede de n\u00edvel premium<\/a> de baixa lat\u00eancia do Google, que est\u00e1 dispon\u00edvel a todos os nossos clientes sem custo adicional.<\/p>\n Al\u00e9m disso, criamos uma pilha t\u00e9cnica r\u00e1pida e s\u00f3lida baseada em Nginx, MariaDB, PHP 8.4, cont\u00eainer LXD<\/a> e nossa integra\u00e7\u00e3o com o Cloudflare Enterprise. Essa pilha est\u00e1 dispon\u00edvel para todos os nossos clientes, independentemente de seus planos.<\/p>\n Confira este artigo<\/a>\u00a0para saber por que a Kinsta \u00e9 o provedor mais r\u00e1pido de hospedagem gerenciada WordPress<\/span>.<\/p>\n De acordo com a W3Techs<\/a>, em agosto de 2024,<\/p>\n O PHP \u00e9 usado por 76,1% de todos os sites cuja linguagem de programa\u00e7\u00e3o do lado do servidor \u00e9 conhecida.<\/p><\/blockquote>\n A vers\u00e3o 7 \u00e9 usada por 52,6% de todos os sites que usam PHP, a vers\u00e3o 8 por 33,0%, e a vers\u00e3o 5 por 14,2%.<\/p>\n Se voc\u00ea administra um site de eCommerce, precisa saber qual vers\u00e3o do PHP<\/a> seu site usa e por que deve preferir uma vers\u00e3o suportada.<\/p>\n Em resumo, o PHP tem um ciclo de vida de lan\u00e7amento, e cada vers\u00e3o principal \u00e9 normalmente suportada por dois anos<\/a>. As vers\u00f5es suportadas s\u00e3o as \u00fanicas que recebem atualiza\u00e7\u00f5es de desempenho e seguran\u00e7a, portanto, o uso de uma vers\u00e3o n\u00e3o suportada do PHP implica redu\u00e7\u00e3o do desempenho e aumento das vulnerabilidades de seguran\u00e7a em compara\u00e7\u00e3o com as vers\u00f5es suportadas.<\/p>\n A partir de agosto de 2024, as vers\u00f5es oficialmente suportadas do PHP s\u00e3o PHP 8.1, 8.2 e 8.3.<\/p>\n Executamos nossos pr\u00f3prios testes de velocidade com PHP 8.1, 8.2 e 8.3<\/a> e v\u00e1rios CMSs e frameworks, e descobrimos que o PHP 8.3<\/a> provou ser a vers\u00e3o mais r\u00e1pida do PHP, fornecendo um <\/span>aumento de desempenho de at\u00e9 <\/span>52,20% para os CMSs e frameworks testados.<\/p>\n Na Kinsta, fornecemos apenas vers\u00f5es suportadas do PHP<\/strong>. Atualmente oferecemos suporte ao PHP 7.4, 8.0, 8.1, 8.2, 8.3, 8.4, 8.5.<\/p>\n Voc\u00ea pode mudar de forma r\u00e1pida e f\u00e1cil a vers\u00e3o PHP do seu site WordPress no MyKinsta. Navegue at\u00e9 a se\u00e7\u00e3o de configura\u00e7\u00e3o do seu site WordPress e selecione Ferramentas<\/strong> no menu \u00e0 esquerda. Aqui voc\u00ea encontrar\u00e1 v\u00e1rias ferramentas dispon\u00edveis para nossos clientes. Role a p\u00e1gina para baixo e encontre o Mecanismo PHP<\/strong>. Clique no bot\u00e3o Modificar<\/strong> e selecione a vers\u00e3o do PHP que voc\u00ea precisa para o seu site.<\/p>\n O cache<\/a> \u00e9 uma parte da mem\u00f3ria usada para armazenar c\u00f3pias de recursos que podem ser servidos em solicita\u00e7\u00f5es futuras sem necessidade de baixar a p\u00e1gina inteira novamente. H\u00e1 v\u00e1rios tipos de caches<\/a>, cada um com uma finalidade espec\u00edfica, mas os tipos de caches que nos interessam aqui s\u00e3o o cache do navegador e o cache do WordPress.<\/p>\n Cada resposta do servidor deve fornecer os cabe\u00e7alhos HTTP corretos para que o navegador saiba por quanto tempo armazenar em cache<\/a> uma c\u00f3pia do recurso solicitado. Isso \u00e9 feito definindo os cabe\u00e7alhos ETag e Expires<\/a> na solicita\u00e7\u00e3o HTTP<\/a>.<\/p>\n O WordPress tem seu pr\u00f3prio sistema de cache. O objeto Os usu\u00e1rios de WordPress podem instalar um plugin de cache para WordPress<\/a> de terceiros. Ferramentas como W3 Total Cache<\/a> e WP Super Cache<\/a> permitem que voc\u00ea gerencie o cache do WordPress<\/a> de forma granular. Elas podem ser muito \u00fateis se voc\u00ea optar por uma solu\u00e7\u00e3o de hospedagem compartilhada ou quando o provedor de hospedagem de sites n\u00e3o oferecer solu\u00e7\u00f5es mais eficientes de gerenciamento de cache.<\/p>\n Essas ferramentas s\u00e3o complicadas de configurar e podem exigir um conhecimento que nem todos os propriet\u00e1rios de sites t\u00eam. Em resumo, voc\u00ea precisa de uma maneira f\u00e1cil de gerenciar o cache.<\/p>\n Em rela\u00e7\u00e3o ao eCommerce, voc\u00ea tamb\u00e9m pode querer excluir p\u00e1ginas espec\u00edficas, como minha conta e checkout, do cache. Isso \u00e9 fundamental para garantir uma experi\u00eancia de compra perfeita para os clientes do seu site. Mas como voc\u00ea pode fazer isso?<\/p>\n O gerenciamento de cache pode ser assustador, especialmente se voc\u00ea n\u00e3o tiver habilidades t\u00e9cnicas. Na Kinsta, no entanto, gerenciar o cache \u00e9 f\u00e1cil, e todas as configura\u00e7\u00f5es est\u00e3o convenientemente reunidas em uma \u00fanica se\u00e7\u00e3o do seu painel MyKinsta.<\/p>\n A principal diferen\u00e7a entre o cache da Kinsta e os plugins de WordPress de terceiros \u00e9 que o cache da Kinsta funciona no n\u00edvel do servidor<\/a>.<\/p>\n No MyKinsta, navegue at\u00e9 Sites WordPress<\/b>\u00a0e selecione seu site. Na p\u00e1gina de configura\u00e7\u00f5es do site, clique no item de menu Cache<\/strong> \u00e0 esquerda e selecione a aba Cache do servidor<\/strong>. Aqui, voc\u00ea pode limpar o cache e alterar a expira\u00e7\u00e3o do cache.<\/p>\n Os plugins de cache n\u00e3o s\u00e3o permitidos na Kinsta<\/a>, o que parece uma contradi\u00e7\u00e3o com o que afirmamos na se\u00e7\u00e3o anterior. Ainda assim, isso ocorre porque a Kinsta cuida do cache no servidor para voc\u00ea, oferecendo assim melhor desempenho e gerenciamento mais f\u00e1cil.<\/strong><\/p>\n Especificamente para os sites WooCommerce e EDD, a Kinsta ignora automaticamente o cache quando os cookies Os usu\u00e1rios da Kinsta tamb\u00e9m podem gerenciar o cache diretamente do painel WordPress gra\u00e7as ao plugin Kinsta MU<\/a>, que \u00e9 instalado automaticamente em todos os novos sites WordPress hospedados pela Kinsta.<\/p>\n Na tela de cache da Kinsta, voc\u00ea pode executar as seguintes a\u00e7\u00f5es:<\/p>\n O plugin de cache da Kinsta tamb\u00e9m fornece um bot\u00e3o na barra de administra\u00e7\u00e3o que permite que voc\u00ea limpe:<\/p>\n Um tipo diferente de cache \u00e9 o cache de CDN. Continue lendo para saber mais sobre ele.<\/p>\n Um CDN \u00e9 uma rede de servidores<\/a> que armazenam recursos est\u00e1ticos, como imagens, scripts e folhas de estilo, para que possam ser entregues aos visualizadores do site a partir da localiza\u00e7\u00e3o geogr\u00e1fica mais pr\u00f3xima.<\/p>\n Normalmente, um CDN fornece servi\u00e7os e recursos que podem melhorar significativamente o desempenho e a seguran\u00e7a de um site. Quando se trata de desempenho, um CDN pode ajudar voc\u00ea com o seguinte:<\/p>\n A Kinsta oferece uma integra\u00e7\u00e3o gratuita com o CDN do Cloudflare<\/a>\u00a0em todos os nossos planos de hospedagem. Isso significa que voc\u00ea pode aproveitar os recursos do Cloudflare para empresas de forma totalmente gratuita, independentemente do plano que assinou.<\/p>\n O Cloudflare oferece um servi\u00e7o de cache de recursos est\u00e1ticos que pode aumentar significativamente o desempenho de sites de eCommerce. Isso \u00e9 particularmente \u00fatil quando seu p\u00fablico-alvo est\u00e1 distribu\u00eddo em uma grande \u00e1rea geogr\u00e1fica.<\/p>\n Gra\u00e7as \u00e0 nossa integra\u00e7\u00e3o com o Cloudflare, podemos fornecer a todos os nossos clientes, independentemente de seus planos, os seguintes recursos empresariais:<\/p>\n Com a Kinsta, voc\u00ea pode aproveitar todos esses recursos ativando o CDN do Cloudflare na se\u00e7\u00e3o Cache<\/strong>\u00a0do seu painel MyKinsta, onde voc\u00ea pode gerenciar o Edge Caching<\/strong> e o Cache CDN<\/strong>.<\/p>\n Voc\u00ea pode ativar <\/span>Cache para dispositivos m\u00f3veis<\/strong>, <\/span>Limpar cache<\/strong> e Limpar cache de URL <\/strong>na aba Edge Caching<\/strong>.<\/p>\n Na aba CDN<\/strong>, voc\u00ea pode Limpar cache CDN<\/strong>, otimizar imagens e excluir arquivos espec\u00edficos do cache CDN.<\/p>\n A otimiza\u00e7\u00e3o de imagens<\/a> \u00e9 vital para a velocidade da p\u00e1gina. Otimizar imagens n\u00e3o \u00e9 complicado para iniciantes, mas voc\u00ea ainda precisa de algum conhecimento b\u00e1sico<\/a>.<\/p>\n Voc\u00ea pode otimizar imagens de v\u00e1rias maneiras. Primeiro, deve identificar o formato que melhor se adapta \u00e0s caracter\u00edsticas da imagem. Al\u00e9m dos formatos JPEG, PNG e GIF tradicionais, formatos de imagem otimizados para web como WebP<\/a> e Avif <\/span>oferecem altos n\u00edveis de compress\u00e3o com qualidade superior. O WordPress \u00e9 compat\u00edvel<\/a> com ambos os formatos imediatamente<\/a>, ent\u00e3o voc\u00ea pode us\u00e1-los livremente em seu site de eCommerce.<\/p>\n Ap\u00f3s escolher o formato de imagem correto, voc\u00ea pode passar para a compress\u00e3o. Voc\u00ea tem dois tipos de compress\u00e3o de imagem<\/a>: com e sem perdas. A compress\u00e3o com perda \u00e9 mais eficaz para reduzir o tamanho do arquivo. No entanto, voc\u00ea deve considerar a perda de informa\u00e7\u00f5es e, portanto, a redu\u00e7\u00e3o da qualidade da imagem.<\/p>\n Se a qualidade da imagem for essencial para o seu site, a compress\u00e3o sem perdas pode ser a escolha certa, embora a economia de tamanho possa ser insignificante. Para compactar imagens sem perda de informa\u00e7\u00f5es, voc\u00ea precisar\u00e1 de ferramentas como FileOptimizer<\/a> ou ImageOptim<\/a> para WordPress, ou um software de edi\u00e7\u00e3o de fotos como o Photoshop.<\/span> Outra op\u00e7\u00e3o \u00e9 a compress\u00e3o Gzip<\/a>.<\/p>\n Gra\u00e7as \u00e0 nossa integra\u00e7\u00e3o com o Cloudflare, a Kinsta oferece otimiza\u00e7\u00e3o gratuita de imagens<\/a>. Isso significa que suas imagens PNG, GIF e JPEG s\u00e3o automaticamente convertidas para o formato WebP para melhorar a velocidade e o desempenho do seu site sem usar um plugin de terceiros.<\/p>\n Voc\u00ea pode habilitar a otimiza\u00e7\u00e3o autom\u00e1tica de imagens no MyKinsta em Cache > CDN > Otimiza\u00e7\u00e3o de imagens<\/strong>.<\/p>\n Clique no bot\u00e3o Configura\u00e7\u00f5es na caixa Otimiza\u00e7\u00e3o de imagem<\/strong> e selecione o tipo de otimiza\u00e7\u00e3o que voc\u00ea precisa.<\/p>\n Voc\u00ea pode reduzir a quantidade de dados que o navegador baixa para renderizar uma p\u00e1gina na tela por meio de minifica\u00e7\u00e3o, compress\u00e3o e armazenamento em cache de recursos HTML, CSS e JavaScript.<\/p>\n A minifica\u00e7\u00e3o de c\u00f3digo<\/a> \u00e9 o processo de remo\u00e7\u00e3o de caracteres desnecess\u00e1rios do c\u00f3digo-fonte. Coment\u00e1rios e espa\u00e7os em branco s\u00e3o \u00fateis no desenvolvimento, mas o navegador n\u00e3o precisa deles para renderizar a p\u00e1gina. Com a minifica\u00e7\u00e3o de c\u00f3digo, voc\u00ea pode reduzir o tamanho dos recursos HTML, CSS e JS em 50% ou mais.<\/p>\n Vale a pena observar, no entanto, que o Cloudflare anunciou recentemente<\/a> a descontinua\u00e7\u00e3o do recurso Auto Minify:<\/p>\n Os motivos pelos quais planejamos remover o recurso s\u00e3o v\u00e1rios, mas se resumem ao fato de que \u00e9 um recurso de desempenho usado com o objetivo de reduzir o peso da p\u00e1gina e n\u00e3o \u00e9 t\u00e3o eficiente para fazer isso quanto outros projetos em que o Cloudflare est\u00e1 trabalhando, como melhorar a compacta\u00e7\u00e3o.<\/p><\/blockquote>\n Voc\u00ea pode reduzir o tamanho dos arquivos transmitidos para aumentar a velocidade da p\u00e1gina e usar menos largura de banda por meio da compress\u00e3o<\/a>. A compress\u00e3o GZIP<\/a> permite comprimir um conjunto de dados brutos sem perda de informa\u00e7\u00f5es. Qualquer tipo de arquivo pode ser compactado, mas o GZIP funciona melhor com recursos baseados em texto, como HTML, CSS e JS. Outro tipo de compress\u00e3o \u00e9 o Brotli, que \u00e9 mais recente e mais eficaz que o GZIP e \u00e9 compat\u00edvel com todos os principais navegadores.<\/p>\n Embora existam v\u00e1rias etapas para habilitar a compress\u00e3o Brotli no WordPress<\/a>, os clientes da Kinsta n\u00e3o precisam fazer absolutamente nada para aproveitar o poder desse algoritmo de compress\u00e3o. Gra\u00e7as \u00e0 nossa integra\u00e7\u00e3o com o Cloudflare, todos os sites hospedados na Kinsta usam o Brotli por padr\u00e3o.<\/strong><\/p>\n Voc\u00ea pode verificar o tipo de compress\u00e3o no inspetor do seu navegador. Selecione um ativo na tela Rede > Todos<\/strong><\/span> e procure o cabe\u00e7alho Voc\u00ea pode eliminar o JavaScript de bloqueio de renderiza\u00e7\u00e3o<\/a> adicionando atributos Voc\u00ea tamb\u00e9m pode querer eliminar o CSS de bloqueio de renderiza\u00e7\u00e3o<\/a> priorizando recursos acima da dobra, adicionando CSS em linha, usando o atributo Tudo isso pode ser um pouco complicado se voc\u00ea n\u00e3o for um desenvolvedor de frontend, mas \u00e9 poss\u00edvel usar um plugin de WordPress<\/a> que pode fazer todo o trabalho sujo pra voc\u00ea.<\/p>\n Al\u00e9m disso, a partir do WordPress 6.3<\/a>, voc\u00ea pode adicionar os atributos As folhas de estilo merecem uma observa\u00e7\u00e3o \u00e0 parte, pois podem tornar uma p\u00e1gina web consideravelmente mais pesada.<\/p>\n Quando o navegador acessa uma tag Isso leva \u00e0 necessidade de otimizar as folhas de estilo<\/a> e realizar uma an\u00e1lise completa por meio de ferramentas de desenvolvimento do navegador, como o Lighthouse do Chrome e o Pagespeed Insights<\/a>.<\/p>\n Ap\u00f3s realizar a an\u00e1lise, voc\u00ea precisar\u00e1 identificar as solu\u00e7\u00f5es mais adequadas para reduzir o impacto das folhas de estilo no desempenho. A redu\u00e7\u00e3o e a compress\u00e3o s\u00e3o apenas duas das op\u00e7\u00f5es dispon\u00edveis. Outras medidas incluem o armazenamento em cache de arquivos definindo cabe\u00e7alhos Expires e ETag, fazendo a melhor escolha de tema e plugins de site, removendo c\u00f3digos CSS desnecess\u00e1rios, otimizando fontes web e outras medidas de otimiza\u00e7\u00e3o de desempenho<\/a>.<\/p>\n No entanto, a melhor op\u00e7\u00e3o para um desenvolvedor \u00e9 sempre criar seus estilos seguindo as pr\u00e1ticas recomendadas de CSS<\/a> desde o in\u00edcio.<\/p>\n Imagens, scripts e folhas de estilo s\u00e3o recursos essenciais para um site. No entanto, \u00e0s vezes h\u00e1 outros recursos menos essenciais que podem ser cr\u00edticos para a finalidade espec\u00edfica do site, inclusive v\u00eddeo, conte\u00fado multim\u00eddia e fontes da web. Cada recurso gera uma solicita\u00e7\u00e3o HTTP ao servidor web que o hospeda, e cada solicita\u00e7\u00e3o exige tempos de processamento e resposta que se somam uns aos outros, aumentando o tempo total de carregamento da p\u00e1gina.<\/p>\n Por isso, \u00e9 fundamental minimizar o n\u00famero de solicita\u00e7\u00f5es HTTP<\/a> ao servidor<\/span>.<\/p>\n Novamente, v\u00e1rias ferramentas de an\u00e1lise de desempenho podem ajud\u00e1-lo a determinar o n\u00famero de solicita\u00e7\u00f5es HTTP. As ferramentas de desenvolvimento do navegador e as ferramentas on-line, como Pingdom<\/a> e<\/span> GTMetrix<\/a>,<\/span> podem ser aliadas valiosas quando se trata de problemas de desempenho.<\/p>\n Entre as v\u00e1rias solu\u00e7\u00f5es que um desenvolvedor pode implementar para reduzir o n\u00famero de solicita\u00e7\u00f5es HTTP, a mais eficaz \u00e9 a remo\u00e7\u00e3o de recursos desnecess\u00e1rios da p\u00e1gina.<\/p>\n Os usu\u00e1rios de WordPress devem remover todos os plugins que n\u00e3o s\u00e3o estritamente necess\u00e1rios ou, pelo menos, carregar seletivamente<\/a> os plugins que n\u00e3o s\u00e3o necess\u00e1rios<\/a> em todo o site. Tamb\u00e9m devem escolher os plugins mais confi\u00e1veis e leves dispon\u00edveis, e evitar os chamados plugins nulled<\/a>.<\/p>\n Outra op\u00e7\u00e3o \u00e9 concatenar todos os arquivos CSS<\/a> em uma \u00fanica folha de estilo<\/a>.<\/p>\n Outras medidas que voc\u00ea pode adotar para reduzir o n\u00famero de solicita\u00e7\u00f5es HTTP s\u00e3o o lazy loading de recursos, o uso de fontes do sistema sempre que poss\u00edvel, a minimiza\u00e7\u00e3o de solicita\u00e7\u00f5es HTTP de terceiros, como v\u00eddeos do YouTube, e <\/span>o uso de sprites CSS para \u00edcones e logos.<\/p>\n Voc\u00ea j\u00e1 usou uma Por onde come\u00e7ar para lan\u00e7ar um site de eCommerce moderno<\/h2>\n
\n
![\"P\u00e1gina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/woocommerce-plugin.jpg\")
10 pr\u00e1ticas recomendadas para otimizar o desempenho do seu site de eCommerce<\/h2>\n
\n1. Escolha uma infraestrutura de hospedagem e uma pilha t\u00e9cnica de ponta<\/h3>\n
\n
Infraestrutura de hospedagem e pilha t\u00e9cnica da Kinsta<\/h4>\n
![\"Regi\u00f5es](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/google-cloud-regions.jpg\")
![\"Rede](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/google-cloud-network.jpg\")
2. Use vers\u00f5es suportadas do PHP<\/h3>\n
![\"Vers\u00f5es](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/supported-php-versions.png\")
Vers\u00f5es do PHP na Kinsta<\/h4>\n
![\"Modificando](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/modify-php-engine-mykinsta.jpg\")
3. Aproveite o cache para melhorar o desempenho<\/h3>\n
WP_Object_Cache<\/code><\/a> permite reduzir o n\u00famero de solicita\u00e7\u00f5es ao banco de dados: “O cache de objeto armazena todos os dados do cache na mem\u00f3ria e disponibiliza o conte\u00fado do cache usando uma chave, usada para nomear e posteriormente recuperar o conte\u00fado do cache.”<\/p>\n![\"Plugins](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordpress-caching-plugins.jpg\")
Gerenciamento de cache na Kinsta<\/h4>\n
![\"Alterar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/change-cache-expiration-mykinsta.jpg\")
woocommerce_items_in_cart<\/code> ou edd_items_in_cart<\/code> s\u00e3o detectados. Isso permite que voc\u00ea ofere\u00e7a uma experi\u00eancia de compra tranquila para todos os seus clientes.<\/p>\n![\"Configura\u00e7\u00f5es](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/kinsta-mu-plugin.jpg\")
\n
\n
4. Use uma rede de distribui\u00e7\u00e3o de conte\u00fado<\/h3>\n
\n
CDN da Kinsta<\/h4>\n
\n
![\"Op\u00e7\u00f5es](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/edge-caching-mykinsta.jpg\")
![\"Op\u00e7\u00f5es](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/cdn-cache-mykinsta.jpg\")
5. Otimize imagens<\/h3>\n
![\"Suporte](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/avif.jpg\")
Otimize imagens com a Kinsta<\/h4>\n
![\"Otimiza\u00e7\u00e3o](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/image-optimization-mykinsta.jpg\")
![\"Otimiza\u00e7\u00e3o](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/image-optimization-options-mykinsta.jpg\")
6. Reduza o tamanho dos recursos HTML, CSS e JavaScript<\/h3>\n
![\"Suporte](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/brotli.png\")
Compress\u00e3o de recursos na Kinsta<\/h4>\n
content-encoding<\/code>. Isso fornece o tipo de compress\u00e3o ativada em seu site. br<\/code> significa Brotli.<\/p>\n![\"O](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/content-encoding-brotli.png\")
7. Elimine recursos de bloqueio de renderiza\u00e7\u00e3o<\/h3>\n
async<\/code> e defer<\/code> \u00e0s tags <script><\/code>. Isso pode melhorar o chamado First Contentful Paint<\/a>. Mais especificamente:<\/p>\n\n
async<\/code> s\u00e3o executados de forma ass\u00edncrona assim que s\u00e3o carregados. Depois que o script \u00e9 carregado, o navegador faz uma pausa, analisando o HTML e executando o script.<\/li>\ndefer<\/code> s\u00e3o executados somente ap\u00f3s a conclus\u00e3o da an\u00e1lise da p\u00e1gina.<\/li>\n<\/ul>\n![\"A](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/eliminate-render-blocking-resources-pagespeed-insights.jpg\")
media<\/code> e usando JavaScript para carregar de forma ass\u00edncrona ou adiar o carregamento de CSS.<\/p>\nasync<\/code> e defer<\/code> durante o registro do script e, a partir do WordPress 6.4<\/a>, esses atributos foram implementados para scripts de frontend no n\u00facleo do WordPress e nos temas inclu\u00eddos.<\/p>\n8. Otimize o CSS<\/h3>\n
<link><\/code>, interrompe o download de outros recursos e a an\u00e1lise da p\u00e1gina para fazer o download e analisar o arquivo CSS. Al\u00e9m disso, voc\u00ea deve prestar aten\u00e7\u00e3o a algumas peculiaridades das folhas de estilo:<\/p>\n\n
9. Reduza o n\u00famero de solicita\u00e7\u00f5es HTTP<\/h3>\n
![\"Exemplo](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/amazon-css-sprite-example.png\"){kind=icon}
10. Monitore o desempenho do seu site de eCommerce com uma ferramenta APM<\/h3>\n