DE{CODE}: 6 truques de desenvolvimento de WooCommerce para criar sites de comércio eletrônico rápidos

Ao lado das vendas, a velocidade do site talvez seja a métrica mais importante para seus sites de comércio eletrônico. Por quê? Sites de comércio eletrônico rápido obtêm mais tráfego, têm taxas de conversão mais altas, taxas de rejeição mais baixas e geram mais visitantes de retorno. Nesta sessão, o gerente de produto sênior do WP Engine, Jeremy Benoit, e a gerente de engenharia, Catherine Kelly, exploram truques de desenvolvedor, recursos do WP Engine e outras ferramentas para tornar sua loja WooCommerce ainda mais rápida.

Slides da Sessão

Transcrição de texto completo

JEREMY BENOIT : Olá a todos, sejam bem-vindos ao DE{CODE} 2022. Esta é a trilha de comércio eletrônico. Sou Jeremy Benoit, gerente de produto sênior da WP Engine e estamos aqui para falar sobre seis dicas para melhorar o desempenho do WooCommerce. Juntar-se a mim hoje será meu colega, Catherine Kelly e vamos começar.

Então, começarei compartilhando uma citação de um de nossos engenheiros de software, Chris Weigman. E como ele disse, de acordo com o Google, 53% dos usuários deixarão um site se a velocidade de carregamento da página demorar mais de três segundos. Isso significa que você tem exatamente três segundos para obter todos os dados da página do produto, todas as imagens que você enviou, todas as informações sobre ele, todos os pequenos widgets e anúncios e isso mostra um pouco por que Estamos falando de velocidade hoje, porque a velocidade da experiência do comprador é crucial.

A velocidade da página é o tempo de carregamento de uma única página e pode ser medida de várias maneiras. Duas maneiras críticas são o tempo até o primeiro byte, que é usado pelo Google PageSpeed ​​Insights, ou o tempo até o carregamento completo da página ou o último byte, que costuma ser um reflexo da experiência dos compradores. A velocidade da página também afeta as taxas de conversão do seu site de compras e também afeta o SEO do seu site de comércio eletrônico.

Uma peça crítica de velocidade é uma excelente hospedagem para a qualidade da experiência do seu cliente. Na plataforma otimizada de computação do WP Engine, fornecemos uma experiência aprimorada de comércio eletrônico para melhorar o desempenho em todo o seu conteúdo de compras, estático ou dinâmico. E falaremos sobre esses dois tipos de conteúdo diferentes aqui em apenas um segundo, enquanto abordamos as 6 dicas e truques. Agora vou entregá-lo à minha colega, Catherine.

CATHERINE KELLY : Saúde. Obrigado por isso, Jeremy. Hoje vamos cobrir seis dicas em relação ao WooCommerce, sua configuração e configuração de uma loja de comércio eletrônico. Para alguns de vocês, desenvolvedores experientes, essas dicas e conselhos serão bastante familiares, mas para alguns dos desenvolvedores mais novos, você pode obter alguns insights úteis.

Então, hoje vamos abordar WooCommerce e cache, otimização de mídia, otimização de pesquisa, fragmentos de carrinho Ajax, tabela de pedidos personalizados e a velocidade do headless. Portanto, para o primeiro, abordaremos WooCommerce e cache. Antes de entrarmos nisso, queremos entender quais são as diferentes opções que você tem em relação ao cache, o que é, e então podemos abordar como vamos fazer melhorias nele.

Portanto, o armazenamento em cache pode dar a impressão de ser um santo graal em relação a problemas de desempenho. Quando, na verdade, o armazenamento em cache foi originalmente criado não em relação ao desempenho, mas na verdade para os computadores terem uma resposta automatizada à mesma solicitação repetidas vezes, em vez de ter que recalculá-la todas as vezes. O armazenamento em cache é uma técnica usada para armazenar temporariamente uma resposta a uma solicitação e, em seguida, entregar a mesma resposta exatamente à mesma solicitação para o mesmo recurso em um momento posterior.

Então é um pouco como uma daquelas crianças irritantes - sua criança irritante que faria a mesma pergunta repetidamente, todos os dias, como por que, por que, por que, e você só quer dar uma resposta automática para isso. E isso pode funcionar muito bem e, ao fornecer informações estáticas para sites estáticos, você sempre está dando a mesma resposta. No entanto, esta abordagem não funciona muito bem no que diz respeito ao comércio eletrônico, porque coloca uma chave no trabalho porque as solicitações que são enviadas ao servidor todas as vezes não serão sempre as mesmas, e você tem que manusear e controlar em relação aos carrinhos, diferentes solicitações de diferentes usuários ao mesmo tempo.

Você também quer se lembrar de transações anteriores que você tem em relação aos seus clientes, o que está no carrinho deles, você quer se lembrar do que não está mais disponível em sua loja para que o carrinho possa refletir com precisão o que está sendo servido para aquele usuário. Você também quer ter certeza, em relação ao armazenamento em cache, de que não está dando um carrinho relacionado ao cliente A ao cliente B, e eles podem realmente ver o que outra pessoa está realmente pedindo, basicamente vazando informações, o que você não deseja . Há um equilíbrio finito que você pode ter em relação ao armazenamento em cache que você - o que é bastante complicado de servir quando você está tentando servir o que é um toque pessoal para seus clientes, para que eles permaneçam engajados em seu site. Portanto, os diferentes níveis e tipos de cache que temos – um cache de servidor.

E o cache do servidor geralmente é como qualquer outro cache. É basicamente o cache que está no seu servidor em termos de quando você cria a página e a atende a uma solicitação específica. Quando você está ao lado desse servidor e faz uma solicitação, sua resposta pode ser instantânea. No entanto, quando você está, tipo, a 1.000 quilômetros de distância, como seu indivíduo ou usuário de comércio eletrônico, essa resposta pode levar muito tempo para atingi-los.

Você então tem o cache do aplicativo. E cache de aplicativos no WordPress e WooCommerce, você pode usar plug-ins para gerenciá-lo. plug-ins como W3 Total Cache e WP Rocket têm opções para gerenciar o cache do aplicativo e esses plug-ins basicamente armazenam uma versão temporária de uma página solicitada e um arquivo em seus servidores. Isso pode ser – no entanto, pode ser uma maneira muito ineficiente de armazenamento em cache e não deve ser usado se você tiver a capacidade de armazenar em cache no próprio servidor ou em um serviço como domínios acelerados ou Cloudflare, que distribui o cache globalmente.

Você então tem o cache do navegador. E o cache do navegador é basicamente o cache do usuário final. Você já experimentou, por exemplo, algo em um site que você atualizou e não vê isso automaticamente no front-end quando está desenvolvendo e revisando seu site? Isso ocorre porque ele foi armazenado em cache nesse navegador real. É basicamente uma versão temporária daquela página ou ativo armazenado no navegador do seu usuário em seu computador ou telefone.

Ele existe para que você não precise baixar a mesma página ou ativo várias vezes para acelerar a exibição dessa página, o que funciona, novamente, muito bem quando você tem um site estático. Mas quando você tem um site dinâmico como um site de comércio eletrônico, estamos sempre tentando oferecer produtos, descrições e informações. Pode ser – não é tão eficaz quanto você gostaria.

Você então tem o que é conhecido como cache CDN do proxy. Um cache de CDN proxy é um cache que fica entre o servidor de origem - ou seja, o servidor que desenvolve e apresenta a primeira página original aumentada - e o próprio navegador do usuário. São domínios acelerados e Cloudflare é um tipo de proxy CDN. E todas as solicitações e respostas passam por seus domínios antes de atingir o servidor original.

É essencialmente um grupo de servidores que estão estrategicamente colocados ao redor do globo com o objetivo de acelerar a entrega de um conteúdo estático para seus usuários. Portanto, é quase como se estivessem ao lado do servidor original quando estão a 1.600 quilômetros de distância. Assim, acelera a veiculação dessa página. E uma vez que seus ativos estáticos são armazenados em cache em todos os servidores de borda em um determinado local, todos os visitantes subsequentes e solicitações de informações estáticas são entregues a partir do que é conhecido como seus servidores de borda, em vez do servidor original, reduzindo assim a carga e acelerando o desempenho , e melhorando a escalabilidade.

Portanto, tudo isso funciona muito bem em geral com relação a sites estáticos, conforme mencionado. Mas os caches de comércio eletrônico colocam uma chave nos trabalhos. E o comércio eletrônico - a razão pela qual há uma chave inglesa em andamento é em relação às suas páginas de login, seus carrinhos, seus checkouts, suas listas de desejos, que são atualizadas dinamicamente o tempo todo. Portanto, eles não são estáticos, como você exigiria em um site de blog normal, por exemplo.

Geralmente, você pode armazenar em cache a solicitação GET. E com solicitações GET, ou como o nome sugere, uma solicitação para obter algum recurso. Embora as solicitações GET geralmente sejam seguras para armazenar em cache, como mencionado, você não deseja armazenar em cache novamente a página de login, os carrinhos e os checkouts. Você quer servi-los sempre da forma mais fresca e nova possível para o cliente, para que seja atualizado e preciso.

Então você não quer entregar algo do carrinho e não escrever – não escreva com cache. Geralmente, quando você tem algo no carrinho, a maioria dos servidores ignora completamente o cache. Assim, você está de volta ao problema de servi-lo de seu servidor original, e não de seu CDN. Então, o que você precisa fazer é ser esperto e descobrir, OK, como posso servir elementos estáticos do meu provedor CDN, mas sempre aplicar a dinâmica do meu servidor original real para que tudo esteja atualizado e preciso?

Portanto, as coisas a serem observadas - para o cache do servidor, uma vez que o servidor gera a página da web, o cache do servidor permite lembrar partes da página na página inteira que não é gerada do zero todas as vezes. E com o cache do navegador, isso ajuda o navegador a se lembrar da aparência de uma página da Web, para que não precise gastar tempo trocando dados com o servidor. E isso é útil, como mencionado, para visitantes que acessam várias páginas porque podem haver arquivos estáticos. Por exemplo, folhas de estilo, arquivos JavaScript podem ser armazenados no navegador.

Portanto, para obter as melhores práticas com relação ao armazenamento em cache, sempre armazene o HTML seletivamente. Basicamente, como primeiro nível, armazene tudo em cache para agir como um anônimo estático – para um conteúdo anônimo estático. E, em seguida, procure ignorar o cache de cookies e armazenar em cache tudo o que está em seu carrinho, em sua lista de desejos, usando um cookie para ignorar elementos específicos do cache. E sempre defina seu cache de idade, seu tempo de vida, com relação à configuração do Cloudflare. Isso deve garantir que seu cache esteja sempre atualizado e corresponda à origem original.

Portanto, uma das coisas que entendemos ao conversar com nossos clientes de comércio eletrônico é que esse é um problema que geralmente os desenvolvedores precisam resolver por conta própria. Portanto, como parte de nosso desenvolvimento no WP Engine, estamos trabalhando em uma solução específica para comércio eletrônico, que permite, por padrão, fornecer e instalar o WooCommerce com todas essas regras de cache definidas por padrão. Portanto, armazenamos em cache todo o material estático e não armazenamos em cache todo o material dinâmico, para que esteja sempre atualizado. É sempre atualizado continuamente para você. E assim, você não tem conflitos como fragmentação do carrinho para seus usuários.

Otimização de mídia – outra coisa crítica em relação à entrega de conteúdo de seu servidor para o usuário final, que está em seu site de comércio eletrônico, é a otimização de mídia. A primeira coisa a se pensar é: o que é otimização de mídia? O que podemos fazer sobre isso? E como podemos garantir que os clientes tenham uma experiência rápida, eficaz e dinâmica ao navegar e utilizar seu site?

Portanto, com relação a imagens e vídeos, eles exigem diferentes tipos de otimização, novamente, para oferecer a seus clientes uma experiência ideal com base no dispositivo que eles realmente estão usando. Portanto, a otimização de mídia é um processo de uso das melhores ferramentas, estratégias avançadas e experimentos, porque você sempre deseja experimentar para oferecer o desempenho de um site de comércio eletrônico. Você quer otimização de ativos. Busca encontrar o equilíbrio entre eficiência e confiabilidade.

Então você quer estar sempre entregando o conteúdo para o seu cliente da forma mais rápida possível que não acabe prejudicando a performance do seu site. Você deseja fornecer o conteúdo com melhor aparência no menor tempo possível, levando em consideração as diferentes plataformas e ativos em que a mídia pode ser consumida, por exemplo, um laptop, PC ou dispositivo móvel e, conforme entre no mundo dos vários tipos diferentes de dispositivos sem cabeça, como telas de TV, iPads e coisas assim, onde o conteúdo também pode ser entregue a partir de uma loja de comércio eletrônico e consumido.

Então, o que você quer pensar é melhorar a otimização de imagem para melhorar a web – o desempenho do seu site para direcionar mais tráfego, aumentar essas conversões, aumentar a receita para o dono da sua loja, para sua marca ou seu comerciante. E um dos aspectos mais críticos da otimização de sites, tem impacto na pesquisa e na otimização. Portanto, se suas imagens e seu vídeo forem rápidos e rápidos, você realmente obterá uma classificação melhor no que diz respeito à otimização de mecanismos de pesquisa.

Otimizar ativos não apenas torna seus produtos mais atraentes e mais visíveis para clientes em potencial, mas também os faz aparecer com mais frequência na pesquisa, novamente, a otimização do mecanismo de pesquisa. O importante a lembrar é observar o carregamento lento de imagens e vídeos. O carregamento lento é basicamente uma estratégia para identificar recursos não bloqueadores ou não críticos e carregá-los somente quando necessário. Portanto, o conteúdo, basicamente acima da dobra, é carregado e exibido para o usuário como prioridade e, em seguida, atrasamos todo o restante da renderização para tudo abaixo desta tela, para qualquer coisa que eles rolem para baixo.

Essa técnica de otimização permite exibir primeiro – as primeiras imagens e conteúdos que o usuário verá. E então não desperdiçamos recursos baixando coisas que eles ainda não vão ver e ver. O próprio Google recomenda o carregamento lento e se refere a ele como adiando imagens fora da tela, basicamente. E então eu diria para não se preocupar em carregá-lo.

Você pode manualmente, como desenvolvedor, marcar cada uma de suas imagens, se desejar, ou seu vídeo como carregado lentamente. Mas, como você pode imaginar para um site de comércio eletrônico, fazer isso seria um grande esforço. E também, se você não se sentir confortável em marcar manualmente cada uma dessas imagens, você pode usar um plug-in para fazer isso. Se você fizer uma pesquisa rápida no Google pelos melhores plug-ins de carregamento para WordPress, há algumas recomendações para os melhores plug-ins a serem usados.

Mas para nós e no comércio eletrônico, recomendamos colocá-los, por exemplo, no WP Rocket. Ele oferece otimização de carregamento lento da Adobe. O que você também deve considerar é sempre lembrar de seus usuários móveis. Suas telas e seu desempenho são menores para que você não precise carregar imagens massivas. Você quer reduzir isso.

Você deseja usar compactação em todas as suas imagens, porque isso economizará muito, 40%, na largura de banda e também, obviamente, o carregamento dessa tela específica e formato de arquivo é a chave para as imagens. Por exemplo, como há uma imagem de 600 por 600 em JPEG é de 100 kilobytes, PNG é de 216, enquanto que um WebP é de apenas 56 kilobytes. Portanto, você deve ter muito cuidado ao considerar, OK, qual é o formato de arquivo que usarei para todas essas imagens que serão exibidas? Especialmente em um site de comércio eletrônico, eu poderia ter milhares de produtos, milhares de imagens e centenas de vídeos para fazer backup dessas imagens e também desse conteúdo.

Você quer sempre meio que redimensionar suas imagens. Você pode ver ferramentas online como Imagify, Youoptimizer, TinyJPG e ver aquelas para otimizar suas imagens no WordPress. Imagify é feito pela mesma equipe do WP Rocket e é um plug-in muito intuitivo que comprime imagens automaticamente usando três tipos diferentes de níveis – normal, agressivo e ultra. E permite que você personalize o tamanho da imagem adequado para seus usuários finais.

Preste atenção também aos tamanhos das miniaturas. Mantenha-os pequenos, porque eles são pequenos de qualquer maneira. Mantenha os planos de fundo simples. Use ferramentas como remove.bg e Slazenger para remover fundos e atualizar fundos para simplificá-los. E também use um CDN para uma entrega global mais rápida. Sempre, também, com suas imagens, sempre anexe rótulos úteis alternativos a essas imagens.

Isso ajuda com SEO, otimização de mecanismo de pesquisa. E sempre certifique-se de que seus rótulos realmente reflitam o conteúdo de sua imagem ou vídeo. Como desenvolvedores, às vezes podemos fazer abreviações como RDHD ou apenas usar uma banda Y. Sabemos que é um chapéu vermelho com uma faixa amarela. Mas o SEO não saberia disso, então tente ser mais real ou linguagem em termos de apresentação da imagem.

Portanto, otimização de vídeo também, use ferramentas de compactação de dados. Mais uma vez, lembre-se de seus usuários móveis. Converta tudo, se possível, para formatos HTML5. Para qualquer vídeo sem som, remova o áudio completamente. Não faz sentido tê-lo porque apenas consome largura de banda. Use novamente, redes de entrega de conteúdo. Especifique seus sites de vídeo e, novamente, também com relação ao carregamento lento, sempre adie o carregamento dessas imagens até que sua página seja totalmente baixada.

Otimização de mecanismo de pesquisa – como sabemos, a otimização de pesquisa é basicamente um método que chamamos de descarregar sua pesquisa para um provedor de serviços específico que é especialista nisso porque pode aumentar a eficácia de sua pesquisa e, assim, aumentar suas vendas para seu comerciante e do utilizador. Como sabemos por padrão, o WooCommerce vem com um recurso de pesquisa embutido. Mas deixa muito a desejar em relação à funcionalidade em torno de correspondências para atributos de produtos, campos personalizados e descrições. É muito lento. Não oferece uma boa experiência ao usuário. E no final das contas, é muito ineficaz.

Se você fizer uma pesquisa por– uma pesquisa de produto em relação ao WooCommerce, é um recurso comum em relação a ele não funcionar tão bem quanto você deseja. Realmente, o que você quer fazer é ter um recurso de pesquisa que tenha uma forte tolerância a erros para não interromper a jornada do cliente. Você deseja que eles possam ter um preenchimento automático de consulta forte e um processamento de linguagem natural para obter melhores resultados, o que está faltando na pesquisa do WooCommerce.

Você também deseja ter um recurso de análise abrangente para melhorias fáceis nos relatórios, para que possa realmente observar e ver a eficácia de sua pesquisa que você criou em termos de respostas a ela, o que seus clientes estão procurando, quão bem isso corresponde aos produtos e quais alterações você pode fazer na configuração para realmente ajudar nisso? Basicamente, ajude seu cliente a encontrar o que procura mais rapidamente.

E então o que podemos fazer? Como mencionei, o que fazemos é para reduzir o atrito na experiência de pesquisa e ajudar os clientes a encontrar o que desejam, usamos o descarregamento da pesquisa. Portanto, é um processo basicamente realizado por terceiros. Ele melhora a capacidade de pesquisa do WooCommerce porque é integrado ao Woo. Possui basicamente widgets para filtrar conforme necessário. Ele fornece resultados aos usuários, o que pode ajudar a melhorar a confiança na marca.

Possui sugestão automática e você pode configurar e adaptar a ponderação. Você pode fornecer resultados personalizados ao cliente. Você pode ter pesquisa automática instantânea e análise de pesquisa, como mencionei, o que é crítico. Não adianta fazer uma pesquisa se você não puder analisar a pesquisa para ver o quão eficaz ela é. E também ajuda em relação ao ajuste fino de sua integração de SEO para garantir que os clientes possam encontrar o que desejam. Quando eles pesquisam no Google, eles vão para esse site específico com base no que você está procurando.

Também ajuda a descobrir a intenção do cliente e revela dados sobre os interesses dos clientes. O que eles estão procurando? O que eles estão procurando comprar? O que os atrai para o seu site? O que eles estão procurando?

Nossa recomendação sobre a pesquisa é procurar o preenchimento automático. Portanto, faça sugestões em relação a isso. E sempre tenha a correção de erros habilitada. Portanto, se alguém digitou algo incorreto em relação a um produto, tente não se lembrar disso. Tente e lembre-se sempre da grafia ou descrição correta em relação a um produto. Nunca, quando você tiver a pesquisa habilitada em seu site, permita que um usuário chegue a um beco sem saída.

Tenha sempre uma página. Mesmo que eles estejam procurando por algo que não está em seu site, direcione-os para uma página que diga, não podemos encontrar esse produto específico no momento. Entre em contato com nosso departamento de vendas e assim por diante, e podemos ajudá-lo a fazer isso. Esta é uma experiência melhor para esse usuário específico e também geraria confiança com esse cliente.

Otimize sempre. À medida que você faz pesquisas analíticas com base no que os clientes pesquisam, otimize em relação a esses termos para que, quando outros clientes voltarem a procurá-los, possam realmente descobri-los. Use tags, títulos e descrições em todos os seus produtos. Eles são o pão com manteiga da sua busca.

Portanto, certifique-se de que todos os seus dados sejam precisos, reflitam o que é o produto e sempre descrevam o máximo possível os produtos individuais que estão em um site comercial específico. Configure sua pesquisa para celular. E a pesquisa móvel é um pouco diferente da pesquisa de laptop em termos de site, digamos. Apenas certifique-se de que você configurou e ativou isso em sua pesquisa. E sempre consulte suas análises.

Em termos de WP Engine, fizemos uma parceria com o ElasticPress para oferecer, basicamente, o que acreditamos ser um plug-in de pesquisa premium que é automaticamente padrão e instalado como parte de nossa oferta de comércio eletrônico. Ele oferece todas as sugestões automáticas, ponderação, resultados do cliente e muito mais.

E agora estou meio que completo em minhas três dicas em relação ao conselho, orientação para WooCommerce e vou devolvê-lo ao Jeremy. Então aqui está, Jeremy. Obrigado.

JEREMY BENOIT: Outra área a ser observada é o fragmento do carrinho AJAX. O fragmento de carrinho AJAX é um pedaço de código desejado. É conhecido por gerar atrasos, causar picos de servidor e executar desnecessariamente. Mas o fragmento do carrinho AJAX é realmente tão ruim assim?

Bem, seu objetivo é atualizar o carrinho com novos produtos, novos preços de produtos, novas quantidades de produtos, calcular preços sem forçar o recarregamento da página. O script do agente de fragmentos do carrinho, no entanto, é executado em todas as páginas – a página inicial, a página do produto e até mesmo as páginas em que não há ações de adição ao carrinho. Essa pode ser sua página sobre nós ou até mesmo sua página de contato.

Agora, esta execução ou esta execução é muitas vezes o culpado por, às vezes, picos de servidor ou recursos desnecessários sendo utilizados que interrompem o desempenho do seu site e a experiência do seu comprador. Agora, idealmente, o fragmento de carrinho AJAX só deve ser executado onde você tiver uma ação de adicionar ao carrinho ou se tiver um carrinho dinâmico em seu site onde uma ação pode ser usada para abrir ou interagir dinamicamente com o carrinho. Então, o que pode ser feito sobre o fragmento de carrinho AJAX?

Bem, na maioria das vezes, as pessoas sugerem, como fazemos, desativar esse fragmento de carrinho e há duas maneiras de desativar o fragmento de carrinho AJAX. A, você deseja adicionar um plug-in que tenha um recurso de desativação de fragmento de carrinho. Existem alguns plug-ins por aí que podem desativar o fragmento do carrinho. Mas o outro meio é se você estiver familiarizado com a edição de php, você pode desabilitar a fragmentação do carrinho editando o arquivo functions.php do seu tema.

Existem alguns riscos. Alguns widgets de carrinho podem ter problemas quando você desativa o fragmento de carrinho. Portanto, você deseja testar os widgets do carrinho depois de desativá-los para garantir que funcionem conforme desejado.

Agora, o próximo truque ou dica é utilizar a tabela de pedidos personalizados assim que ela for lançada. Você pode perguntar, o que você quer dizer? Bem mais tarde, neste– em DE{CODE}, você ouvirá do WooCommerce sobre a nova tabela de pedidos personalizados que será lançada ainda este ano. E a tabela WooCommerce é– a tabela de pedidos tem um dilema de estrutura. Muitos de vocês sabem, isso é frequentemente apontado como o motivo do escalonamento ruim. Mas também pode ser um problema de velocidade ao se relacionar com interações que tratam de produtos, ou interações que tratam de pedidos e, às vezes, até dados de plug-ins.

No momento, o WooCommerce usa a metatabela de postagem que armazena uma variedade de entidades de dados, incluindo pedidos e produtos, e alguns dados de plug-in adicionados e sempre que há uma chamada para qualquer uma dessas entidades, todas acessam o mesma fonte. Então, você pode imaginar que aliviar esse engarrafamento criando tabelas de pedidos personalizadas adicionará uma integridade estrutural do WooCommerce de um verdadeiro mecanismo de comércio eletrônico e melhorará a velocidade de qualquer tipo de atividade de pedido. Isso será um grande suporte, principalmente para sites que possuem alto tráfego, e grande volume de pedidos, ou mesmo sites que possuem um catálogo de produtos muito grande.

Tendo esses três tipos diferentes de tabelas, novas tabelas principais para as informações principais do pedido, novas tabelas de plug-in para dados de plug-in especificamente e novas metatabelas para qualquer tipo de metadados personalizados que um desenvolvedor precise armazenar, isso aliviará o gargalo que a metatabela post anteriormente e atualmente tem para as interações de seus pedidos. Também haverá índices dedicados para essas tabelas, o que ajudará na velocidade de recuperação dessas entidades específicas em cada uma dessas tabelas. E você ouvirá mais sobre a tabela de pedidos personalizados mais tarde em DE{CODE}.

Então, vamos dar uma olhada na terceira melhoria, a velocidade do headless. Então essa dica é ir sem cabeça porque sem cabeça, a pilha sem cabeça aumenta a velocidade em ordens de grandeza. O código JavaScript no front-end de sua infraestrutura headless será muito mais rápido e, em alguns casos, 10 vezes mais rápido que a infraestrutura tradicional do WordPress. Temos até clientes em nossa infraestrutura Atlas que estão vendo aumentos de seis vezes em todas as métricas do Lighthouse.

E no WP Engine, temos uma infraestrutura headless chamada Atlas. Essa infraestrutura permite– também possui um componente chamado nosso mecanismo de conteúdo, que aumenta muito a velocidade de recuperação de todos os tipos de conteúdo estático e dinâmico em sua instância WooCommerce. As infraestruturas sem cabeça também permitem que você personalize integrações de back-end e crie oportunidades para otimizações extremamente rápidas com os aplicativos de terceiros com os quais seu site WooCommerce precisa se integrar. E essa é minha última dica de hoje.