Pressione isto: Seu site está pronto para o fim de semana cibernético com Josh Dailey

Bem-vindo ao Press This, o podcast da comunidade WordPress do WMR. Cada episódio apresenta convidados de toda a comunidade e discussões sobre os maiores problemas enfrentados pelos desenvolvedores do WordPress. Segue a transcrição da gravação original.

Desenvolvido por RedCircle

Doc Pop : Você está ouvindo Press This, um podcast da comunidade WordPress no WMR. A cada semana, destacamos os membros da comunidade WordPress. Sou seu anfitrião, Doc Pop, apoio a comunidade WordPress através do meu papel no WP Engine e minhas contribuições no TorqueMag.io. Você pode assinar o Press This no Red Circle, iTunes, Spotify ou baixar episódios diretamente em wmr.fm.

Black Friday e Cyber ​​Monday estão chegando e gostaria de saber se você está pronto. Neste episódio, estamos sentados com Josh Dailey, gerente de marketing de produtos da WP Engine, para falar sobre dicas e truques de última hora para garantir que seu site de comércio eletrônico esteja pronto para o maior fim de semana de vendas do ano. Josh, como você está hoje?

Josh Dailey : Estou indo muito bem. Sempre uma alegria falar com você Doutor.

DP : Absolutamente. E foi ótimo vê-lo no WordCamp US, e vamos falar sobre eCommerce e sobre o Cyber ​​Weekend. É assim que se chama?

JD : Sim, Black Friday, Cyber ​​Weekend logo depois disso. Sim.

DP : Certo. Então, antes de entrarmos nisso, eu quero ouvir um pouco, eu sei que você está no jogo do WordPress há um minuto, por que você não nos conta um pouco sobre como você entrou no WordPress?

JD : Na verdade, eu comecei em 2012, quero dizer. Eu estava criando conteúdo, fazendo muito conteúdo de vídeo naquela época. E os clientes que eu tinha estavam pedindo maneiras de distribuir esse conteúdo. Então começamos a olhar para as opções de sites. E eu sou um daqueles caras que começam a mexer em qualquer coisa e dizem: “oh, você quer fazer isso? Acho que vou descobrir uma maneira de fazer isso.”

E então eu apenas pressionei o WordPress e descobri uma maneira de colocá-lo no meu próprio servidor com .org e então o resto é meio que história a partir daí.

Mas, vou notar que um dos meus primeiros provedores de hospedagem foi o WP Engine e, portanto, estar em sua equipe agora após esse período, foi incrível, porque eu fui um dos primeiros a adotar eles por causa dos hacks de farm e esse tipo de coisa acontecendo naquela época, e eles forneceram uma solução onde eu poderia entrar e ser criativo ainda sem ter que me preocupar com o backend e hacks do meu site e esse tipo de coisa. Então foi assim que eu comecei.

DP : E agora que você está no WP Engine. Você está trabalhando em algo relacionado ao comércio eletrônico para usuários do WP Engine?

JD : Sim, definitivamente. Então, todo o meu papel e função está no espaço de comércio eletrônico. Depois que entrei no lado da construção de sites, comecei a receber solicitações de sites de comércio eletrônico e comecei a trabalhar com o WooCommerce. Portanto, é uma progressão natural ser o gerente de marketing de produto da solução de comércio eletrônico aqui no WP Engine.

DP : Bem, vamos entrar nisso. Você sabe, eu gosto de comércio eletrônico, gosto de fazer compras online. E você sabe, estamos chegando, a partir da gravação, acho que quando isso acontecer estaremos perto do Cyber ​​Weekend. E as vendas já estão começando a aparecer, ou pelo menos indícios de vendas. É tarde demais para os proprietários de sites se preocuparem neste momento? Eles devem apenas bloquear ou devem continuar se preocupando em ter seu site pronto para o Cyber ​​Weekend?

JD : Quero dizer, como regra geral, as pessoas dizem que, se você está planejando sua venda para um grande evento como esse, você deve realmente começar a pensar sobre isso no próximo ano. Então você realmente quer insistir nisso, especialmente se estiver falando sobre em quais servidores eu deveria estar? Tenho tudo configurado corretamente?

Neste ponto, você realmente deve estar pensando no plano de marketing. Mas há algumas pequenas coisas que você ainda pode fazer em torno do lado de teste das coisas que você deveria estar pensando, para ter certeza de que todas as coisas que você está prestes a enviar, você sabe; explosões de e-mail ou campanhas sociais. Você quer ter certeza de que o site está tendo o melhor desempenho. E você quer ter certeza de que o botão Adicionar ao carrinho está funcionando ou que o fluxo de checkout está funcionando e que eles terão uma boa experiência durante toda a jornada do comprador.

DP : Acho que vamos falar sobre como testar e vamos falar sobre testes de carga em um minuto. Mas antes de fazermos isso, você meio que trouxe algumas coisas além da otimização do site. Você está mencionando coisas como; sua solução de pagamento está pronta. Estou um pouco curioso, há algum teste que as pessoas deveriam estar fazendo agora para garantir que Visa e PayPal funcionem durante esse fim de semana?

JD : Sim, quero dizer, essencialmente, mesmo se você falar com agências, a maioria delas está usando processos de testes manuais. Apenas entrar e agir como cliente pode ser uma grande vitória para você. Você vai descobrir um monte de coisas. Se você nem sempre age como o proprietário do site ou o desenvolvedor do site, às vezes é uma boa prática entrar e agir como “ei, sou um novo usuário, usuário de primeira viagem. ” Passe pela experiência do comprador e você poderá descobrir todos os tipos de coisas dessa maneira.

DP : O que você está falando, acredito, é WooCommerce, que provavelmente é o que a maioria dos sites WordPress está usando para seus sites de comércio eletrônico. WooCommerce teria algum tipo de opção de teste? Ou você está falando em se inscrever como cliente e usar um cartão de crédito real?

JD : Quero dizer, você pode fazer as duas coisas. Existem maneiras sandbox de fazer coisas, mas como você sabe, mesmo usando o desenvolvimento local e esse tipo de coisa, quando você envia ao vivo, o jogo é diferente. Portanto, é uma boa ideia executar uma transação com seu próprio cartão de crédito e, em seguida, você pode reembolsar se precisar fazer isso.

Mas eu diria para fazer as duas coisas. Faça o teste de sandbox, mas neste ponto, como estávamos falando, se o seu site estiver no ar, há muito pouco que você deveria mudar, porque você não quer quebrar algo no processo quando estiver tão perto de um grande evento. Então, neste ponto, você deve estar realmente focado, o UX está funcionando da maneira que deveria? Está tudo funcionando como deveria? Em vez de fazer grandes mudanças na infraestrutura.

DP : Absolutamente. Então eu não deveria estar testando AB para otimização de sites agora. Meus fundamentos funcionam. E vamos falar sobre os testes que queremos fazer, que são testes de estresse, certo?

JD : Sim, você pode fazer testes de estresse. Mas se estamos falando sobre o grande evento em si, eu estaria mais em contato com seu provedor de hospedagem, seu servidor, seus desenvolvedores, quem quer que seja, e me certificar de que eles fizeram o que deveriam fazer para tornar esses as coisas funcionam.

As coisas que você pode testar, você sabe, como um profissional de marketing, se você estiver testando A/B algo que realmente deveria ser apenas seus CTAs, suas campanhas e esse tipo de coisa. Do lado do teste de estresse, você quer ter certeza de que, no nível básico, é capaz de voltar ao seu provedor de hospedagem e dizer: "Ei, meu site está pronto para lidar com esse influxo de tráfego que estou prestes a tenho?"

DP : Agora essa carga está testando algo que seu provedor teria, como um botão que você pode clicar no painel. Ou esta é uma ferramenta extra que você usaria?

JD : Depende muito do desenvolvedor com quem você está trabalhando. Se você é um desenvolvedor, provavelmente tem seus próprios conjuntos de ferramentas. E há variações de ferramentas de código aberto que você pode usar para fazer isso. Ou, muitas vezes, as pessoas escreverão seus próprios testes. E, obviamente, existem ferramentas premium que você pode usar, mas não estão incorporadas ao seu provedor de hospedagem.

A outra coisa que você vai querer fazer é se você estiver recebendo um monte de bots para fazer ping no seu site, você precisará informar seu host, para que eles não impeçam o teste de acontecer, ou congelá-lo. Então você vai querer que seu provedor de hospedagem saiba: “Ei, estou prestes a fazer este teste de carga e você verá muito mais tráfego do que o normal”. Para ter certeza de que eles não vão te bloquear porque acham que é um ataque a você ou algo assim.

DP : Absolutamente. Vamos fazer uma pausa aqui e, quando voltarmos, falaremos um pouco mais sobre o teste de carga e o que fazer com o que você aprendeu com o teste de carga. Então fique ligado.

DP : Você está ouvindo Press This, um podcast da comunidade WordPress no WMR. Eu sou seu anfitrião Doc Pop. Estamos falando sobre comércio eletrônico e nos preparando para o Cyber ​​Weekend e garantindo que seu site esteja pronto para lidar com o tráfego maciço que você receberá. Estou falando com Josh Dailey aqui, e Josh, antes do intervalo, estávamos falando sobre testes de carga. Você tem mais a dizer sobre o teste de carga em si?

JD : Sim, eu só acho que em uma escala abrangente, o teste de carga é algo realmente importante, especialmente se você estiver usando o WooCommerce, que o público principal deste podcast estaria usando. Devido à maneira como o WordPress e o WooCommerce lidam com as transações, coisas como fragmentos de carrinho podem causar tensão. aE então, devido ao fato de que muitas vezes há pessoas com orçamento de hospedagem, ou essas diferentes maneiras de lidar com isso ao longo do ano, talvez você não tenha o mesmo nível de tráfego, há coisas diferentes nas quais você precisa pensar quando você está prestes a ter um evento.

Você vai ter picos de tráfego. E você tem que pensar que isso terá um impacto diferente em seu site. Então você está pensando em largura de banda e está pensando em como o WooCommerce lida com isso.

Outra grande coisa a se pensar quando você está pensando em testar a carga, é que você não pode apenas fazer o padrão, talvez a página inicial. Você deseja verificar diferentes páginas em seu site. E você deseja verificar com itens no carrinho e com itens fora do carrinho. Portanto, há várias variações da maneira como o site funciona. E dependerá dessas coisas, se o cache está ativado ou coisas diferentes assim, que ajudarão no desempenho em diferentes pontos. E assim, tudo isso pode ter um impacto sobre se o site pode lidar com o nível de tráfego ou não. Então você tem que ter diferentes variações de teste que você está fazendo para realmente ter uma leitura sobre se ele pode lidar com o tráfego.

DP : Você mencionou a fragmentação do carrinho e eu vou levantar a mão e dizer que não sei o que é isso. Vou fingir que não sei. [Risos] Não, eu não.

JD : Sim, sim.

DP : Talvez me explique isso.

JD : Sim. Portanto, os fragmentos do carrinho são o que o WooCommerce usa para manter as notificações do carrinho e a contagem do que está no carrinho atualizadas, em tempo real, sem atualizar a página toda vez que você usar a função Adicionar ao carrinho . Agora, isso é ótimo porque você é um site dinâmico e as pessoas querem saber em tempo real – quero dizer, isso contribui para o abandono do carrinho quando essas informações não estão atualizadas. Mas, essencialmente, esse script Ajax usado é usado em todas as páginas do site. E é usado mesmo em páginas onde o carrinho não está habilitado. E ele continua fazendo o check-in e está pingando isso, sempre que o WooCommerce é instalado. E assim, os fragmentos de carrinho tem um lado positivo, do lado da usabilidade dinâmica, mas também tem um negativo no desempenho, principalmente para as pessoas que interagem com o carrinho.

E então há alguns métodos que as pessoas sugerem como, apenas desabilitar os fragmentos do carrinho, mas isso cria uma troca, certo? Agora o ping não está acontecendo, mas não consigo usar a funcionalidade do carrinho dinâmico que me diz quantos itens estão no carrinho. Há outras coisas como, o WP Engine lançou recentemente um produto chamado Live Cart que permite que você continue usando essa funcionalidade dinâmica de carrinho, otimizando a maneira como o dinheiro é usado na loja. E, na verdade, permite que mais compradores simultâneos estejam no site ao mesmo tempo, utilizando o carrinho sem perder conexões. Portanto, mais estabilidade, melhor desempenho do carrinho, tempos de carregamento mais rápidos sem perder conexões são coisas realmente importantes.

Então você realmente quer saber, se você vai conhecer 25, 30, 40 compradores fazendo compras ao mesmo tempo porque você enviou um e-mail, é quando WooCommerce, em um host econômico, você começará sentindo a pressão disso e você começará a perder conexões por causa disso.

DP : Na verdade, você está mencionando algo meio diferente do que eu esperava. Estamos falando sobre desabilitar as fragmentações de carrinho ou não, aprimoramentos de cache, mas sinto que você está falando sobre eles como se essas fossem coisas que você gostaria de fazer de maneira diferente durante o Cyber ​​Weekend do que faria no resto o ano. Estou imaginando isso, ou estamos falando, dessas coisas que devem estar sempre acontecendo para o máximo desempenho.

JD : Então você gostaria de fazer isso o ano todo para maximizar o desempenho, porque você nunca sabe quando haverá um influxo de tráfego. Mas o tempo que você vai sentir com coisas como, digamos, a maneira como o cache está ativado. O WooCommerce tem recomendações de cache, por exemplo, e eles fazem essas recomendações, e se alguém vier ao seu site e estiver visitando seu site pela primeira vez, cache é cache e vai funcionar. Mas depois que o carrinho é usado é quando o cache deixa de ser aplicado porque eles fazem uma exclusão de cache que diz ao site para parar.

Agora há razões para isso. E alguns desses motivos são porque um formulário na funcionalidade dinâmica do carrinho precisa continuar funcionando. E se você não fizer o cache corretamente ou tiver o cache configurado corretamente, essas coisas pararão de funcionar, certo? Bem, com algo como o EverCache, ele armazenará em cache 90% a mais de suas páginas sem quebrar a funcionalidade dinâmica do site. O benefício disso é que qualquer pessoa que use o carrinho em seu site poderá continuar navegando no site, ter melhor desempenho durante toda a jornada do comprador. E eles só sentirão essa mudança se os itens forem adicionados ao carrinho ou removidos do carrinho.

Então, na maioria das vezes, tipo, se você faz um teste do Google PageSpeed, por exemplo, e pensa “bem, é assim que vou testar se meu site está funcionando bem ou não”. Google PageSpeed ​​Insights, Pingdom, esses outros testes de velocidade de página só verificam uma página por vez, não está verificando todo o site. Então, se eles disserem "bem, eu testei o carregamento do meu site executando um teste de velocidade de página do Google", o que eles estão realmente fazendo é apenas verificar o desempenho dessa página, e não estão verificando depois que os itens foram adicionado ou removido do carrinho.

E o WooCommerce sente mais pressão, mais peso depois que os carrinhos são utilizados. Então, se você está organizando um grande evento, começa a fazer mais sentido que essas coisas se tornem mais úteis naquele momento, mas são coisas que você deveria estar executando o tempo todo. Melhor cache é algo que você deseja executar em seu site, não importa se é um grande evento ou não. Mas durante o grande evento é quando você vai sentir mais os benefícios.

DP : Você mencionou melhor armazenamento em cache. Eu só quero esclarecer, você não está falando de um plugin chamado Better Caching.

JD : Não, apenas melhor cache em geral, tipo, estamos sempre trabalhando para otimizar o funcionamento do cache, especialmente para uma loja. Porque, novamente, semelhante à funcionalidade de fragmentos de carrinho, muitas vezes o que as pessoas fazem quando estão em um site dinâmico, seja WooCommerce ou um LMS ou qualquer outra coisa, onde você está criando essas experiências personalizadas. Se você tiver o cache configurado errado, o que acaba acontecendo é que alguns dados são salvos e podem ser mostrados. Digamos que você esteja preenchendo um formulário, e coloque seu nome e informações de cartão de crédito e essas coisas, e o cache está configurado corretamente. Ele irá salvá-lo e mostrá-lo na próxima vez que alguém tentar inserir informações no formulário. Portanto, agora você está expondo seus dados publicamente ao próximo comprador que visitar esse formulário, os dados de outro cliente.

Isso não é uma coisa boa. Portanto, como você configura seu cache é uma ciência real. É uma forma de arte garantir que você possa continuar servindo páginas duas vezes mais rápido - porque esse é o benefício do cache - mas não armazenar em cache páginas que acabarão expondo dados ou quebrando algum tipo de funcionalidade do site porque precisava da capacidade dinâmica e não podia apenas servir o conteúdo como estático.

Então, é realmente aí que coisas como cache são um benefício de desempenho o tempo todo. Você precisa observar os vários tipos de cache e garantir que eles estejam configurados corretamente. E é especialmente importante para sites de comércio eletrônico.

DP : Absolutamente. Sim, estou lutando para pensar em uma piada de “Cache Rules Everything Around Me” aqui. [Risos] Você tem um “Web Caching Rules Everything Around Me” como em um letreiro de néon no fundo do seu escritório? Eu posso ver isso muito bem.

JD : Ah, eu deveria fazer isso. Eu não agora. Mas eu poderia pegar um Gobo da velha escola e apenas iluminá-lo na parede da próxima vez que conversarmos.

DP : Deixe-me apenas lembrá-lo que é um podcast, então.

JD : Eu vou mentir para você e dizer que é, está brilhando atrás de mim agora.

DP : Rapaz, é isso. [Risos] Nós vamos fazer outra pausa rápida aqui. E quando voltarmos, falaremos com Josh Dailey sobre nossas dicas finais para melhorar o comércio eletrônico em preparação para o Cyber ​​Weekend e como aproveitar o PageSpeed ​​Insights para melhorar seus principais pontos vitais da Web, portanto, fique atento.

DP : Você está ouvindo Press This, um podcast da comunidade WordPress no WMR. Sou seu anfitrião, Doc Pop, conversando com Josh Dailey sobre como garantir que seu site esteja pronto para o fim de semana de vendas mais movimentado do ano. A quarta-feira cibernética é a quarta-feira cibernética, essa seria ótima [Risos]. Cyber ​​Weekend está chegando. Nós iremos. Temos a Cyber ​​Monday.

JD : Dando terça-feira.

DP : Isso mesmo, dando terça-feira.

JD : Vamos adicionar a Cyber ​​Wednesday, logo após a Giving Tuesday.

DP : Então nós conversamos muito. Estamos falando principalmente sobre otimização e, surpreendentemente, sinto que nos anos anteriores, ou pelo menos em qualquer outra conversa de site, você não mencionaria otimização sem mencionar JPEGs ou WebP ou otimização de imagem. Isso é algo com o qual os proprietários de sites de comércio eletrônico não precisam se preocupar, certificando-se de que suas imagens sejam otimizadas ou é algo que você está assumindo que eles provavelmente descobriram?

JD : Sim, você sabe, eu diria que é onde uma loja deve concentrar seus esforços tão perto do feriado - tipo de coisas que ignoramos, talvez pelo resto do ano, que são apenas esse tipo de manutenção padrão e melhores práticas, coisas que podemos estar olhando. Talvez seja hora de começar a olhar para os melhores posts que você tem e atualizar esse conteúdo. Certificando-se de que seu SEO está realmente no ponto. Certificando-se de que seu conteúdo perene é realmente perene.

E então, quando você falava sobre imagens e esse tipo de coisa, verificando suas páginas de produtos. Aqui está uma estatística interessante para você sobre imagens e conteúdo de vídeo, 25% dos retornos em uma loja de comércio eletrônico são porque o produto não se parecia com a descrição ou com a imagem quando a obtiveram na vida real. Portanto, se você deseja diminuir essas taxas de retorno e também melhorar o abandono de carrinho, precisa estar realmente pensando em como destacar meus produtos com boas imagens de produtos, com bom conteúdo de vídeo, para realmente mostrar esses produtos. Para que, quando eles os receberem, eu também não seja inundado com um monte de devoluções porque não se parecia em nada com o que o produto havia prometido.

DP : Ainda mantendo em mente o carregamento e certificando-se de que você não está sobrecarregando muito as imagens.

JD : Exatamente, sim. Ah, com certeza. Porque como você mencionou, diferentes tipos de formato. Quero dizer, se você ainda usa GIFs animados como forma de demonstrar seus produtos, isso é um grande problema, certo? Você deseja migrar para métodos de compactação mais modernos, como WebM, para o seu vídeo e sabe que o mp4 é um backup. E você pode olhar para WebP para suas imagens. Mas também tenha bons backups, de modo que para navegadores que não suportam esses tipos mais modernos ou para pessoas que estão atrasadas na adoção, talvez.

DP : Sim, eu amo GIFs até a morte. Eu sou um artista de GIF há muito tempo. E sim, absolutamente não pertencem mais ao meu site. Eu preciso trocar. Sabe, eu os amo. Mas sim, a hora deles chegou. Sabe, você mencionou antes do intervalo o PageSpeed ​​Insights. Você pode falar conosco sobre o que é isso e o que as pessoas precisam fazer com o PageSpeed ​​Insights?

JD : Sim, com certeza. A maior coisa que eu diria, usando uma ferramenta como o Google PageSpeed ​​Insights, é aberta a todos. Você é capaz de executar esses testes de desempenho, e eles têm classificações que dão ao seu site, com oportunidades de melhoria. E agora tenha em mente que quando você está usando uma ferramenta como essa, realmente os números que eles dão, seja 80 ou 100, ou 95, ou qualquer outra coisa. Não são porcentagens. Seja qual for o número que eles estão dando a você não é uma porcentagem. É mais uma métrica para você ver como você se compara a outros sites que têm coisas semelhantes acontecendo?

Então, o que você precisa fazer se estiver usando uma ferramenta como essa, é apenas certificar-se de que está usando-a como uma métrica para continuar melhorando, continuando a monitorar o desempenho do seu site. E tendo em mente, como eu disse anteriormente, que quando você executa esses testes, você está apenas testando a página em que está. Portanto, não pense que, se você testar sua página inicial, também estiver verificando suas páginas de produtos, ou se estiver verificando sua página de produtos, não estará também verificando sua página de loja com todos os produtos nela.

E você vai querer escolher várias páginas diferentes que você está usando para verificar. Seu produto número um em vendas ou se você tiver apenas alguns produtos em seu site, eu verificaria todos eles e testaria cada uma dessas páginas para continuar a usá-lo como um meio de melhorar sua otimização. E trate-o como outra forma de melhorar o SEO do seu site. Um método semelhante a esse, você está entrando e sempre verificando essas coisas e trabalhando para melhorar isso o tempo todo. Você quer fazer a mesma coisa com o seu desempenho. Continue verificando. Não é um tipo de coisa que define e esquece . Você quer continuar testando.

Mas certifique-se de estar testando no mesmo lugar o tempo todo. Observando que se você estiver fazendo o teste internamente com o plugin, muitas vezes ele está pingando do mesmo local e você não tem controle sobre de onde está pingando - de qual torre ou de qual área do servidor está pingando., e assim isso terá um impacto nos resultados que retornarão a você. Localização. Você está perto do data center? Então, essas são algumas coisas que eu penso ao usar o PageSpeed ​​Insights.

DP: Josh, eu realmente aprecio seu tempo hoje. E espero que todos que estão ouvindo e se preparando para o Cyber ​​Weekend tenham um Cyber ​​Weekend tranquilo e agradável. Talvez o melhor eHoliday do ano para você. Se você quiser saber mais sobre o que Josh Dailey está fazendo, pode visitá-lo no Twitter @joshdailey. E é isso para este episódio de Press This.

Obrigado por ouvir o podcast da comunidade Press This WordPress no WMR. Você pode acompanhar minhas aventuras no Twitter @thetorquemag ou pode ir ao torquemag.io, onde contribuímos com tutoriais, vídeos e entrevistas como este todos os dias. Então confira torquemag.io ou siga-nos no Twitter. Você pode assinar o Press This no Red Circle, iTunes, Spotify ou pode baixá-lo diretamente em wmr.fm. Sou seu anfitrião Doctor Popular, apoio a comunidade WordPress através do meu papel no WP Engine e adoro destacar os membros da comunidade todas as semanas no Press This. Obrigado por ouvir.