Pressione isto: Como o WP Engine está tornando o WooCommerce mais rápido com Josh Dailey do WP Engine

Bem-vindo ao Press This, o podcast da comunidade WordPress do WMR. Aqui, o anfitrião David Vogelpohl se senta com convidados de toda a comunidade para falar sobre os maiores problemas enfrentados pelos desenvolvedores do WordPress. Segue a transcrição da gravação original.

Desenvolvido por RedCircle

David Vogelpohl: Olá a todos e bem-vindos ao Press This, o podcast da comunidade WordPress no WMR. Este é o seu anfitrião, David Vogelpohl. Eu apoio a comunidade WordPress através da minha função no WP Engine, e adoro trazer o melhor da comunidade para você aqui toda semana no Press This. Como lembrete, você pode me seguir no Twitter @wpdavidv e assinar o Press This no Red Circle, iTunes, Spotify ou baixar os episódios mais recentes em wmr.fm. Neste episódio vamos falar sobre como o WP Engine está tornando o comércio mais rápido. E se juntar a nós para essa conversa. Eu gostaria de dar as boas-vindas a este Sr. Josh Dailey. Josh seja bem vindo.

Josh Dailey: Olá, David. Obrigado por me ter no show. É uma verdadeira honra.

DV: Ah, isso é ótimo. Estou muito feliz por tê-lo aqui, você esteve no programa antes de Josh, acho que em quatro ou cinco episódios e agora não me lembro.

JD: Ainda não. Ainda não tive o privilégio. E então isso é um grande negócio para mim.

DV: Excelente, excelente. Estou feliz por ter você aqui. Eu sei. Trabalhamos juntos, é claro, o WP Engine e uma variedade de coisas, mas aventuras seniores ao longo dos anos e WordPress em geral e muito feliz por ter sua perspectiva aqui. Para ouvir neste episódio, o que Josh vai falar sobre atualizações recentes nos mecanismos WP Opção de hospedagem focada no WooCommerce, incluindo novas otimizações de cache focadas em woo que fornecem até 90% a mais e muito aumento nas páginas de cache no Josh. seus desafios atuais com o armazenamento de oócitos em cache? O que o WP Engine fez para ajudar a resolver isso e o que eles planejaram para o futuro. Então, realmente ansioso pela entrevista, Josh, vou começar fazendo a mesma pergunta que fiz a todos os convidados. Você pode me contar brevemente sua história de origem do WordPress? Quando foi a primeira vez que você usou o WordPress?

JD: Sim, provavelmente foi por volta de 2012. Eu estava criando vídeos e alguns outros ativos digitais para organizações sem fins lucrativos e SMBs. Mas o desafio era que eles estavam procurando um lugar para distribuição em massa que fosse online, obviamente, abriu um mundo inteiro para as pessoas compartilharem esse conteúdo. Eles estão gastando muito dinheiro para criar esses ativos. E então eu encontrei o WordPress como um CMS e carreguei para isso. E então mergulhei fundo nesse mundo enquanto desbloqueava e encontrava uma comunidade de pessoas ao seu redor e depois fui convidado a trabalhar para algumas empresas de desenvolvimento e plugins do WordPress. Excelente, excelente.

DV: Então, em 2012, isso teria sido apenas dois anos após os tipos de postagem personalizados e os metacampos. Então, isso teria sido bem no meio do WordPress realmente ser um CMS versus talvez menos antes disso. Você sequer reconheceu isso em 2012, ou que não era apenas o WordPress e funcionava dessa maneira.

JD: Eu nem mesmo reconheci. Eu só estava mergulhando porque precisava de uma solução. E este foi o melhor que encontrei e aprendi a girá-lo. A versão de código aberto. Eu tive um blog antes disso no wordpress.com. Quero dizer, é tudo de código aberto, mas a solução.com para o blog, eu já estava usando isso. E então alguém me mostrou como colocar um e descobriu como entrar no final da postagem, então eu sei o suficiente para ser perigoso, especialmente naquela época. Era o suficiente para ser perigoso.

DV: Eu consigo sair o tempo todo. Eu queria saber se você poderia me falar brevemente sobre o WP Engine e o que você faz lá.

JD: Sim, a WP Engine é uma empresa de tecnologia focada no WordPress, principalmente em se gabar e resolver alguns dos maiores pontos problemáticos que você conhece, em torno de velocidade, suporte à escalabilidade de segurança. Então, na verdade, fui um dos primeiros clientes do WP Engine depois de ser hackeado e precisar de uma solução para isso. Então, como eu disse, apenas o suficiente para ser perigoso. E foi mais ou menos isso quando o espaço de hospedagem gerenciada do WordPress realmente começou a aparecer e decolar naquele momento. E então eu fui um dos primeiros a adotar esse espaço porque soluções salinas em torno dos hacks de fazendeiros e esse tipo de coisa. Mas agora ficou muito mais avançado. E então para o meu papel lá, eu sou um gerente de marketing de produto sentado meio que entre o cliente e o produto e a engenharia para me comunicar como uma ligação principal entre os dois se eu estivesse sentado em uma cadeira giratória meio que comunicando quais são as necessidades do cliente ? E também como falamos sobre esses produtos de volta para o cliente e imaginamos você girando para frente e para trás.

DV: Agora você conhece Josh, eu realmente coloquei no WP Engine após um ataque DDoS. Então acho que talvez você e eu compartilhemos esse tipo de história de origem no lado do WP Engine. Mas vamos mudar de marcha se pudermos começar a falar sobre o desempenho da ferida. Quero dizer, obviamente, há muitas pessoas que falaram sobre alguns dos desafios que você pode enfrentar com o Wu enquanto tenta otimizar a velocidade e acho importante destacar também que era a plataforma de comércio eletrônico mais dominante na terra. E, você sabe, há tantas vantagens tremendas lá. Mas acho que, à medida que as pessoas começam a realmente refinar a velocidade, elas podem começar a enfrentar alguns desafios. E então, estou apenas tentando entender, na sua perspectiva, quais são os principais desafios enfrentados pelos construtores ou desenvolvedores ou como eles estão otimizando o WooCommerce para a página?

JD: Sim, uma vez que vocês acham importante notar sobre WooCommerce e velocidade é que é uma plataforma sólida. Você sabe, o WordPress é sólido e rápido e é quando você começa a adicionar coisas em cima dele e trabalhar com ele. E, portanto, os desafios atuais estão muito longe do que costumavam ser ignorados. Ficou muito melhor, mas a postagem também ficou muito melhor. E, portanto, os pontos problemáticos que identificamos no estado atual são as tabelas de pedidos personalizados em nível estrutural. Então, isso é algo em que o WooCommerce está trabalhando. E estamos participando disso, mas essencialmente, agora o WooCommerce apenas usa as mesmas tabelas de banco de dados que o WordPress usa, e não há tabelas de pedidos personalizados para coisas como produtos, mas o que eles estão fazendo é expandir isso para que seja para ser mais escalável e ter um desempenho muito melhor do que apenas empilhar tudo no mesmo espaço. E então estamos participando do trabalho beta disso, mas você também pode se estiver ouvindo e quiser participar do teste da migração, porque isso afastará a migração do processo atual. Você pode fazer isso acessando developer.woocommerce.com e encontrando a postagem do blog sobre isso. Isso é tabelas de pedidos personalizados. Mas de outra perspectiva, é cache. Porque o conteúdo do WooCommerce é dinâmico. O cache se torna um problema. E porque se você armazenar em cache a página errada, poderá quebrar a funcionalidade se armazenar em cache a coisa errada, trará funcionalidade ou exporá dados. E esse é um ponto de tensão com o qual vemos muitos desenvolvedores lutando com conteúdo dinâmico. E, finalmente, seria o problema dos fragmentos do carrinho se você fosse a qualquer fórum sobre o WooCommerce. Converse com qualquer desenvolvedor sobre velocidade e faça um teste de velocidade de página do Google, e você verá de repente que há esse script de fragmento de cartão. E então esses são meio que os três.

DV: Você pode explicar o que são fragmentos de carrinho para pessoas que não leram esses artigos?

JD: Sim, claro. Portanto, os fragmentos de carrinho são uma maneira de o carrinho se manter atualizado com as últimas notificações ou preços ou com o que você coloca no carrinho sem precisar atualizar a página toda vez. Então, ele usa um pedaço de código JavaScript para reconhecer isso quando isso está acontecendo, e assim ele moverá isso e o manterá atualizado. Agora, a solução atual para corrigir isso muitas vezes as pessoas dizem para desativar isso, mas se você fizer isso, não obterá as informações mais recentes e atualizadas e não poderá permitir que seu cliente tenha essa experiência personalizada ou a experiência personalizada que é tão valiosa quando alguém está comprando em seu site.

DV: Sabe, é engraçado quando penso em otimização de velocidade, e penso em coisas como quantos elementos terei em uma página ou não. Costumo chamar isso de equilíbrio entre sofrimento e alegria. E o que quero dizer com isso é que você conhece a alegria de adicionar uma nova experiência ou conteúdo, mas depois o sofrimento de páginas adicionais. E parece que talvez essa noção do equilíbrio do sofrimento. E a alegria também é meio que experimentada quando pensamos em conteúdo dinâmico. E como isso é inacessível e é claro que sabemos que quanto mais lucrativo nosso site é, parece que tem um efeito duplo, como se a página armazenada em cache fosse mais rápida e quanto mais páginas você armazenasse em cache, mais recursos do servidor você abriria para as páginas que não são e então, você sabe, há essa força, parece woo onde é como se estivesse fazendo todos esses trabalhos realmente importantes, como manter seu cartão atualizado. Mas a compensação para isso é a compensação de desempenho e parece que, em alguns casos, particularmente como para o cartão de atualização, talvez a compensação de desempenho seja demais. Talvez não seja e eu quero falar com vocês sobre como vocês estão abordando isso, mas nós vamos fazer nossa primeira pausa. Já voltamos.

DV: Sejam todos bem-vindos ao podcast da comunidade Press This WordPress WMR. Este é o seu anfitrião David Vogelpohl. Estou conversando com Josh Dailey sobre como o WP Engine está tornando o WooCommerce mais rápido. Josh logo antes do intervalo, compartilhamos as três principais áreas de foco que você vê como oportunidades nas tabelas de pedidos de clientes de otimizações de desempenho do WooCommerce. Feliz em saber que a equipe calma está trabalhando nisso. Obrigado pela mensagem para que as pessoas testem que a capacidade de cache do site é super importante e, em particular, a capacidade de cache é afetada pela prática atual e isso é consistente com o que ouvi e vi pessoalmente e foquei ao longo do anos. Então estou apenas curioso. Como de novo, como mencionamos antes, como as pessoas falaram sobre isso e blogs, até eu sei sobre isso. Como os desenvolvedores de construtores lidam com esses desafios fora de hospedar uma agenda do WP aqui e me digam o que o WP Engine está fazendo? E estou curioso para saber como ele se encaixa no DIY. Ambas as correções ou otimizações para esses desafios.

JD: Sim, eu acho que antes de tudo é importante notar porque você teve uma grande chamada no final do último segmento. Mas, essencialmente, quando você pensa em PageSpeed ​​e desempenho, porque passei muito tempo nesse espaço. Não é uma ciência. É mais uma forma de arte. E é muito dar e receber. E é aí que muitas dessas coisas entram em jogo é que não há realmente você sabe, se você quer que um grande vídeo seja reproduzido em seu site, você precisa saber que ele só vai sofrer sua velocidade e isso, mas isso pode valer a pena para nós o que você está fazendo. E assim, com o espaço de comércio eletrônico, especificamente a maneira como muitas pessoas de bricolage abordam essas etapas de otimização manualmente é uma maneira de você entrar e gerenciá-lo. você mesmo e descobrir implementações de implementação de caixa. Há também alguns ótimos plugins se você é novo no espaço, mas eu o encorajo a entrar e brincar com esses plugins e depois testar os testes. Você tem que entrar lá e ter certeza de que está ligando um interruptor, ver como ele se comporta no front-end, ter certeza de que não está quebrando alguma funcionalidade e depois voltar e brincar com isso. Essa é outra maneira que as pessoas fazem isso de uma perspectiva DIY. E então, finalmente, acho que há cerca de 10 correções de velocidade e desempenho ou um trabalho em andamento. Você não apenas define algo e esquece. Você tem que estar constantemente pensando nas implicações disso por causa do valor que agrega à sua loja quando há velocidade em que mais pessoas convertem. E assim, coisas como limpar transitórios são dicas de que o comércio está limpando sessões. E, como bônus, você também pode impedir que os bots criem sessões quando estiverem fazendo login. Então, esses são alguns dos passos que as pessoas seguem quando fazem performance por conta própria ou se são um desenvolvedor trabalhando nisso.

DV: Sim, então estou apenas pensando no passado e também pensando no que você acabou de dizer, mas é tipo, ok, eu sei que há esses desafios de desempenho que posso aproveitar como uma oportunidade. Eu posso pensar nisso quando começar a escalar e vou fazer uma lista e capacidade de dinheiro e fragmentos de cartão e minhas regras de cache e tudo isso desempenha um papel. Então, vou apresentar este plano de projeto e escolher uma solução para cada tipo de fatia ao longo do caminho. E então eu vou e basicamente configurá-lo e implementá-lo em coisas como regras de cache, como o que eu coloco em cache? O que eu não cache? Estou expondo dados como os tipos de pontos que você fez anteriormente? E então eu vou executar contra isso. E então não apenas uma vez, mas ao longo do tempo. Compartilhamos isso quando estou implantando um novo código ou colocando novos recursos e novos conteúdos, mas também estou otimizando à medida que prossigo, é isso mesmo?

JD: Sim, e como você pode ouvir, e meio que a explicação disso você passa e pode levar muito tempo. Acaba sendo um pouco trabalhoso, especialmente se você não tiver uma pessoa dedicada a isso ou estiver administrando sua própria loja. A otimização de desempenho, parece que nunca há tempo suficiente e dentro disso, então apenas pegue em pedaços pequenos. Se você puder. Mas, obviamente, existem outras soluções por aí onde isso é gerenciado para você, é apenas um custo de valor. Proposta.

DV: Sim, é realmente interessante, você sabe, a proposta de valor que eu sinto que entregamos, em última análise, é possuir sua loja. Não o alugue para a senhorita bunda. E ter flexibilidade independente comece com código baixo ou novo, mas, você sabe, evolua para algo mais poderoso, mas com isso vem esse tipo de responsabilidade de otimização de desempenho consistente e persistente. Então você sabe, obviamente, o título dos shows falando sobre motores WP, novas ofertas ou melhorias para seu operador de comércio eletrônico. Estou apenas curioso, porém, quando o WP Engine lançou a hospedagem específica, e o que foi originalmente?

JD: Sim, foi há pouco mais de um ano. Agora. Em março. E naquela época, estávamos olhando para o estado atual do comércio eletrônico e o óbvio boom de crescimento que ocorreu com as lojas se movendo online durante a pandemia. Mas esse tipo de visão, se você pensar sobre isso, era a direção que as coisas já estavam tomando, na verdade. Então, estamos analisando como podemos ajudar as necessidades exclusivas das lojas e, portanto, um dos pontos de tensão no WordPress é que a função de pesquisa não foi projetada para experiências de compras ou pesquisas expansivas. É basicamente apenas pesquisa no banco de dados, e isso é muito limitado. E então uma das coisas que incluímos primeiro foi a busca instantânea na Loja. Fizemos uma parceria com a elastic press para potencializar isso e é uma ótima ferramenta com sugestão automática e você quis dizer sugestões, mas vai muito além disso para criar experiências de pesquisa personalizadas no estilo da Amazon para o DIY ou você pode ativá-lo e ativá-lo algumas funções ativadas. Mas então para o desenvolvedor, foi originalmente criado como uma ferramenta de desenvolvedor. E por isso tem uma funcionalidade realmente poderosa para fazer coisas que você não pode fazer. Então pense em você sabe, classificando de maneiras diferentes, em ordem alfabética. Isso é muito difícil de fazer com sua pesquisa normal do WordPress ou por descrições específicas de produtos e esse tipo de coisa. A segunda coisa que foi incluída foi o licenciamento do Genesis bro, que é uma ferramenta incrível e possui algumas funcionalidades adicionais especificamente para WooCommerce. Mas acho que o verdadeiro bônus e benefício com o Genesis grow são os blocos personalizados do Genesis, onde você pode criar seus próprios blocos para eCommerce ou WooCommerce com muito pouco código, ou JavaScript especificamente e poder usar talvez o que você está familiarizado ou confortável com. E então, finalmente, tivemos o gerenciador de plug-ins inteligente de licenciamento SPM, que é uma ferramenta incrível que faz testes de regressão visual antes de cada tipo automatizado de teste de plug-in e você pode gastar muito tempo fazendo atualizações de plug-in como o conhecemos. Há tantos plugins, tantos temas, tantas atualizações que precisam ser feitas e o gerenciador de plugins inteligente executará testes e, em seguida, fará um backup e, em seguida, certifique-se de compará-lo com a atualização e a pré-atualização para decidir se algo quebrou e, em seguida, dá-lhe uma notificação se você precisar consertar isso. Então, essas foram as três principais propostas de venda.

DV: Incrível. Portanto, parece que geralmente é basicamente um plano de hospedagem com imprensa elástica essencialmente pesquisa instantânea na loja, Genesis Pro, que é a construção de blocos e ferramentas personalizadas de construção de blocos e, em seguida, um serviço automatizado de atualização de plug-ins chamado SPM. Ele faz testes de regressão visual e, portanto, são como se fossem um kit de ferramentas para pessoas que constroem lojas de comércio eletrônico com o WooCommerce, permitindo algum tipo de conteúdo na página, o que acho interessante do ponto de vista da plataforma. Mas estou curioso para saber se a PHRC anunciou recentemente melhorias nos planos das cidades, especificamente em torno de dinheiro para WooCommerce e sei que sempre dinheiro no passado acomodado parece que há mais sobre isso agora e temos cerca de um minuto para nossa próxima pausa. Mas parece que não consigo começar a jornada como o que é dinheiro para o WooCommerce que está disponível nesses planos agora e como isso funciona?

JD: Ah sim, definitivamente pode provocar isso para você bem rápido, mas sempre dinheiro é a funcionalidade de cache inteligente proprietária dos mecanismos WP, que é cache gerenciado para você. Mas sempre o cache do WooCommerce estende essa funcionalidade além do WordPress ou nas páginas da loja da conta WooCommerce e no restante das páginas do WooCommerce. E então sim, podemos falar um pouco mais sobre isso depois do intervalo. Mas isso é sim, um ponto de partida.

DV: Ok, basicamente, é uma otimização ainda maior, então a solução de cache proprietária sempre em dinheiro, e antes que fosse solta, específica, presumivelmente eles começaram a tirar vantagem de tornar muito mais cacheável. última pausa e já voltamos.

DV: Olá a todos. Bem-vindo de volta ao Press This, os podcasts da comunidade WordPress WMR. Estamos falando sobre como o WP Engine está tornando o WooCommerce mais rápido com Josh Dailey. Josh, pouco antes do intervalo, você estava nos contando um pouco sobre o WooCommerce, os novos recursos de cache e os planos de comércio eletrônico dos mecanismos WP. Eles estão apenas curiosos se você puder entrar em mais detalhes sobre exatamente como isso funciona, como é diferente de um condenado de cache padrão em algum lugar como uma empresa entende o que está acontecendo?

JD: Certo. Portanto, o WooCommerce tem um conjunto de exclusões recomendadas que você pode aplicar e a maioria dos hosts e plugins já o fazem. Este. Se você estiver usando um plug-in de otimização de desempenho, ele aplicará essas exclusões. Mas o que notamos com sempre dinheiro ou quando estávamos olhando para dinheiro foi que depois que alguém interage com o carrinho se estiver usando WooCommerce, mesmo que tenha removido esse produto do carrinho, essas exclusões usam um cookie para dizer a essas páginas para não mais servir como cache. E assim as primeiras visitas que você possa ter ao site até o ponto em que você usar o cache do carrinho funcionarão. Tudo bem e, de repente, as páginas serão cortadas pela metade e o tempo de carregamento. E a razão para isso é porque você sabe que o cache em geral fará uma página do site carregar até duas vezes mais rápido e depois de tentarmos navegar nessas páginas de cache por causa do conteúdo dinâmico. Então, o que fizemos foi olhar para essas páginas e percebemos que nem todas. Alguns deles ainda têm muito conteúdo estático ou todo o conteúdo estático que ainda pode ser servido como cache, como se as postagens do blog parassem de ser armazenadas em cache. Portanto, essas páginas devem continuar sendo armazenadas em cache. E com sempre cache, ele sabe ignorar o carrinho dos compradores autenticados no checkout, mas ignora os principais cookies usados ​​​​pelo WooCommerce para otimizar a entrega de dinheiro para as páginas estáticas. E isso significa que você obtém os benefícios do cache sem perder a funcionalidade. E nós mesmos ficamos surpresos com os resultados porque o que acabou acontecendo é que conseguimos armazenar em cache até 90% a mais das páginas, na verdade pode ser até mais do que isso, dependendo do número de páginas que você tem. E se você tem um blog enorme, isso pode chegar a 99%. Você sabe, mas a beleza disso é que significa que o cliente obtém os benefícios durante todo o processo e os benefícios de desempenho quanto mais adiante na jornada do comprador eles avançam. E assim, com o WooCommerce, se você estiver seguindo apenas as exclusões de dinheiro recomendadas, as páginas começam a ficar lentas à medida que o cliente continua a jornada do comprador com cada cache, você continua a ter o mesmo nível de desempenho durante toda a experiência de compra.

DV : Excelente. Bem, obrigado por compartilhar isso. Eu sei apenas em geral. Cada cache nunca cache para WooCommerce é como uma coleção de otimizações que parece realmente carnuda e é incrível aumentar. O número de páginas de cache em até 90%. Agora você também mencionou que o WP Engine está planejando algumas coisas em torno de fragmentos de carrinho, o que você pode compartilhar sobre isso?

JD: Sim, então os fragmentos de carrinho estavam fazendo uma integração semelhante e será outra extensão adicional de sempre dinheiro essencialmente. Mas será um plug-in que permitirá que você continue usando os recursos de fragmentos de carrinho para que o carrinho permaneça atualizado e possa atualizar, mas não será executado em páginas que não utilizam o carrinho. Portanto, o verdadeiro ponto problemático dos fragmentos CART é que ele executa ou verifica em todas as páginas que pequenos scripts estão sendo executados em todas as páginas, mesmo que nossa funcionalidade não esteja lá. Assim, podemos determinar quando a funcionalidade atual está sendo usada e aplicar as regras apropriadas a essas páginas com base nisso. Portanto, isso deve liberar ainda mais recursos ou em todo o site.

DV: Sim, eu gosto dessa palavra automatizado, obviamente instalar, configurar e repetir. Às vezes dá muito trabalho, especialmente quando você costura tudo junto. Mas isso soa incrível. Isso foi incrível. Eu realmente aprecio você indo a esse nível de profundidade, Josh, e eu realmente gostei de tê-lo no programa hoje.

JD: E eu disse que era meu privilégio. David, gostei de trabalhar com você, mas também gosto do trabalho que você fez na comunidade WordPress.

DV: Obrigado, muito divertido, e você conhece tantas pessoas legais durante esse show e fala sobre coisas realmente interessantes. É um dos destaques da minha semana, com certeza. Mas, novamente, muito obrigado por se juntar a nós hoje, Josh. Pode apostar. Incrível. Se você quiser saber mais sobre o que Josh está fazendo, visite wpengine.com/ecommerce. Obrigado a todos por ouvirem este podcast da comunidade WordPress no WMR. Mais uma vez, este foi o seu anfitrião David Vogelpohl. Eu apoio a comunidade WordPress através da minha função no WP Engine. E eu adoro trazer o melhor da comunidade para você aqui toda semana e pressione isso.