Correção da velocidade do site de modo multifuncional

Como outros departamentos podem ajudar a aumentar o sucesso do projeto de otimização da velocidade do seu site.

Lina hansson

Um mito comum relacionado à velocidade do site é que isso é responsabilidade apenas da equipe de desenvolvimento. Na verdade, um site rápido requer a ajuda de vários departamentos. Os desenvolvedores raramente conseguem resolver os problemas sozinhos, por mais talentosos que tenham. Então, como você conserta a velocidade junto com seus colegas? Neste artigo, explicamos como você (como desenvolvedor da Web) pode convencer sua empresa a priorizar a velocidade do site, receber ajuda de diferentes departamentos durante a otimização e aumentar o reconhecimento do sucesso do projeto de otimização.

Corrija a velocidade com a ajuda das partes interessadas de seu negócio

Muitas empresas estão passando por uma mudança disruptiva no comportamento do consumidor, em que o aumento de pessoas comprando em plataformas digitais em vez de lojas físicas conta a história de que as empresas precisam se ajustar rapidamente ou correr o risco de ter uma receita reduzida. Para ter sucesso, isso exigirá novos processos e mentalidades organizacionais, além de uma forte adesão das partes interessadas.

O desafio compartilhado

A maneira como as empresas se organizam provavelmente precisará mudar dentro de vários níveis. Em primeiro lugar, é difícil executar um projeto de velocidade sem que os desenvolvedores tenham tempo para trabalhar, já que podem gerar mais receita. A alocação de recursos precisa estar em vigor, e a colaboração com outros departamentos, como marketing e web designers, muitas vezes será mais suave se as partes interessadas e os executivos mostrarem que esse é um projeto prioritário.

Além desse nível operacional, também é importante que as partes interessadas entendam que há duas mudanças acontecendo agora:

Isso significa que as empresas que tomam decisões executivas baseadas em especialistas em plataformas digitais terão uma vantagem. Assim, uma sugestão pode ser convidar um desenvolvedor para as reuniões em que as decisões de negócios estão sendo tomadas, para garantir que o site e as restrições dele sejam considerados desde o início e, dessa forma, garantir um aumento nas vendas.

Enviar uma proposta às partes interessadas

Em geral, cerca de 10% das vendas acontecem em plataformas digitais, mas estudos mostram que até 85% das vendas em lojas físicas são influenciadas digitalmente primeiro. Por isso, ter um site com bom desempenho, especialmente em dispositivos móveis (que está se tornando o principal dispositivo), é crucial para a receita da nossa empresa. Propomos um projeto de velocidade que ajude o site a aumentar as conversões e a configurar fluxos de comunicação para que os insights das equipes técnicas possam ser mais bem utilizados antes que as decisões que afetam o site sejam tomadas.

Preparar-se para a reunião com as partes interessadas

Antes de se reunir com as partes interessadas, prepare-se com dados do seu site e dos sites dos concorrentes, além de dados que demonstrem um ROI alto para as alterações que você está sugerindo. Coletar dados sobre a importância da velocidade. O melhor cenário é se ele estiver conectado à receita da empresa. Aqui estão algumas maneiras de fazer isso:

  • Calcule a taxa de conversão relativa em dispositivos móveis. Trabalhe com sua equipe de análise e faça a análise descrita em O valor da velocidade. Se você historicamente tem um período (pelo menos dois a três meses) em que os tempos de carregamento foram muito maiores do que outro de duração igual, a velocidade lenta do site costuma afetar muito as conversões em dispositivos móveis. Com a análise, você pode calcular a receita que a empresa perdeu durante o período de velocidade ruim, provando o valor da velocidade. Se os tempos de carregamento tiverem permanecido no mesmo nível, a análise será difícil de realizar, e as alternativas abaixo podem oferecer mais respostas.
  • Estime o valor da velocidade com base em modelos estatísticos. Com a ajuda do TestMySite do Google, você pode executar um teste e calcular o impacto que um site mais rápido pode ter nos seus negócios. Você só precisa de dados sobre a média de visitantes mensais, a taxa de conversão e o valor médio do pedido. Sua equipe de análise pode ajudar com isso.
  • Apresentar estudos de caso com práticas recomendadas. Você também pode consultar casos de uso de outras empresas, que deixaram os sites mais rápidos e perceberam o efeito. Como o tempo de carregamento da página afeta as taxas de conversão: 12 estudos de caso (em inglês) apresenta alguns exemplos.
  • Mostre a importância dos dispositivos móveis. Peça para a equipe de análise fornecer dados sobre qual porcentagem do seu tráfego vem de dispositivos móveis ou computadores.
  • Pesquise quanto custará. Os cálculos acima são maneiras de mostrar às partes interessadas o possível aumento da receita com a velocidade. No entanto, para que as partes interessadas tomem decisões, elas precisam conhecer o ROI. Portanto, se você tiver um custo estimado, a decisão executiva poderá ser alcançada mais rápido. Para isso, avalie quanto tempo levará o projeto de velocidade inicial focado e quanto tempo você precisará para manutenção posteriormente. Por exemplo, em Pensamento rápido: a TUI acelera o site ao quebrar silos, os desenvolvedores receberam 20% do tempo livre de backlogs e campanhas, que poderiam se dedicar a projetos de velocidade e outras maneiras de melhorar o site.

Reunir-se com as partes interessadas

  • Mostre quanto tráfego você está recebendo de dispositivos móveis em comparação com computadores, e o crescimento que você teve em dispositivos móveis nos últimos anos. Isso mostra a importância de criar uma ótima experiência em dispositivos móveis.
  • Apresente suas descobertas sobre como a velocidade influencia a receita da empresa.
  • Informe às partes interessadas que os desenvolvedores podem ajudar a aumentar a receita dos visitantes de dispositivos móveis se tiverem tempo para trabalhar continuamente na velocidade.
  • Sugira que uma pessoa da equipe de desenvolvimento seja convidada para reuniões executivas em que as decisões sobre o local serão tomadas. Hoje, vendemos em plataformas digitais. Os vencedores são as empresas que começarem a se comunicar com os especialistas digitais. As empresas modernas precisarão ter fluxos de comunicação configurados entre os departamentos e entre as partes interessadas e os desenvolvedores. Um estudo da Harvard Business Review mostrou que um em cada seis projetos de TI tem um custo superior a 200%. Um exemplo foi o Kmart, que estava perdendo sua posição competitiva para o Walmart e a Target quando iniciou seu projeto de modernização de TI de US $1,4 bilhão em 2000. Ao configurar a comunicação e a manutenção com antecedência, os silos podem ser eliminados e o compartilhamento de conhecimento pode se tornar uma vantagem competitiva.

Corrija a velocidade com a ajuda da equipe de marketing

O desafio compartilhado

As equipes de marketing precisam de ferramentas para lidar com anúncios e dados para tomar decisões fundamentadas, mas a maioria das ferramentas atrasa os sites e geralmente é implementada com scripts de bloqueio de renderização, o que faz com que os visitantes que entram no site tenham que esperar até ver algo na tela. Por isso, há uma necessidade de equilíbrio. O departamento de marketing precisa de dados e ferramentas, mas, para que o site tenha baixas taxas de rejeição e altas taxas de conversão, ele precisa ser rápido para que o marketing tenha um bom retorno dos investimentos.

O equilíbrio é alcançado com o cuidado com os scripts:

  • Evite duplicatas que medem aproximadamente a mesma coisa.
  • Remova ferramentas que não são mais usadas.
  • Não meça coisas que são boas de se ter. Meça apenas itens essenciais para os negócios.

Como é difícil para os desenvolvedores saberem do que o departamento de marketing depende e como o departamento de marketing pode não saber quais ferramentas são especialmente pesadas para o site, você precisa colaborar.

Enviar uma proposta para sua equipe de marketing

As ferramentas usadas para acompanhamento e anúncios geralmente bloqueiam a rapidez com que os visitantes veem o conteúdo ao entrar no site. Isso reduz o valor dos investimentos em marketing, já que pagamos pelos anúncios, as pessoas ficam interessadas, clicam, mas depois precisam esperar. Isso faz com que eles fiquem irritados e saiam. Um estudo (em inglês) descobriu que a taxa de conversão diminuiu de cerca de 50% para cerca de 35% quando a métrica de velocidade Tempo para interação aumentou de 0,15s para 0,3s. Podemos trabalhar juntos para resolver isso e criar um equilíbrio entre as ferramentas necessárias e o desempenho do site, gerando maior retorno dos investimentos em marketing?

Preparar-se para a reunião com a equipe de marketing

  • Crie uma lista dos scripts implementados no site.
  • Envie a lista para a equipe de marketing e peça que ela a analise com antecedência e a classifique em três grupos:
    • Essenciais para os negócios. Esses scripts precisam permanecer.
    • Opcional. Scripts que podem ser menos usados ou removidos. Por exemplo, às vezes, as empresas coletam mapas de calor ou gravações de tela, mas os dados são revisados com pouca frequência e não levam a ações nem aumento de conversões. Em casos como esses, é melhor concordar em executar as ferramentas apenas por (digamos) duas semanas, coletar os insights para análise e limpar os scripts até o momento do próximo período de coleta de dados focada.
    • Não usado ou que não pertence a você. Eles devem ser removidos.
  • Confira o quanto cada script torna o site lento comparando a velocidade do site com e sem ele. No WebPageTest, isso pode ser definido na guia "Bloquear" em "Configurações avançadas". Também é possível bloquear solicitações de rede no Chrome DevTools.

Reúna-se com a equipe de marketing

  • Analise a lista de scripts e dê sua opinião sobre cada um deles. Por exemplo, algum dos scripts interessantes é muito prejudicial ao desempenho do site? Ao receber recomendações, fica mais fácil para a equipe de marketing priorizar e, ao ouvir o que é essencial para os negócios, fica mais fácil entender o ponto de vista dela.
  • Discuta os seguintes tópicos:
    • Os benefícios dos dados coletados estão levando a um aumento nas conversões que excede a diminuição causada pela lentidão do site? Os dados podem orientar a decisão.
    • Sua empresa escolheu um provedor que tem a versão mais rápida da ferramenta no mercado? O departamento de marketing pode precisar da ajuda dos desenvolvedores para descobrir se as ferramentas essenciais de negócios podem ser substituídas por alternativas mais rápidas.
    • Há alternativas a algum dos scripts no site? Por exemplo, em vez de mapas de calor, é possível começar a fazer testes de usabilidade em que você também ouve sobre o "porquê" por trás do comportamento do usuário, muitas vezes levando a insights mais profundos.

Combine as próximas etapas

  • Decida um processo a partir de agora. O marketing deve sempre pedir aos desenvolvedores que revisem novas ferramentas e o impacto delas na velocidade antes da implementação? Ou o departamento de marketing deve receber um orçamento de desempenho para aprender a verificar a velocidade e priorizar as ferramentas que quer, desde que cumpra a meta de velocidade?

Corrija a velocidade com a ajuda da sua equipe de web design

Um dos maiores desafios para o desempenho na Web é que, embora a conectividade possa estar mais rápida em muitas regiões, os sites estão ficando mais pesados e, como resultado, ficam mais lentos. Os desenvolvedores precisam colaborar com web designers para resolver isso.

O desafio compartilhado

No fim, todos os departamentos de uma empresa geralmente dependem do site que gera conversões, seja para gerar receita ou algo diferente. E a dura verdade é que não importa se as páginas da Web são tão bonitas se levarem muito tempo para carregar a ponto de as pessoas não ficarem lá para vê-las.

Mas as páginas da Web compactas são uma responsabilidade compartilhada. Os desenvolvedores podem usar várias técnicas de otimização para fazer com que as imagens sejam carregadas mais rapidamente. Os web designers podem criar páginas que ajudam a manter o peso da página abaixo de um nível acordado.

Enviar uma proposta para sua equipe de web design

Estudos mostram que páginas com menos imagens e menos elementos geram mais conversões. Por exemplo, um estudo do Google e da SOASTA (em inglês) revelou que as sessões que converteram usuários tiveram 38% menos imagens do que as sessões que não geraram conversões. Podemos trabalhar juntos para atingir metas de velocidade e fazer uma colaboração em conjunto que possa aumentar as conversões no site? Exemplos do que podemos conseguir juntos incluem encontrar o nível certo de compactação de imagem com um equilíbrio entre qualidade e velocidade ou reduzir layouts ou funcionalidades complexas que muitas vezes resultam em sites pesados e lentos.

Preparar-se para uma reunião com sua equipe de web design

  • Acompanhe quais páginas do site têm o maior tempo de carregamento e maior peso. Por exemplo, se você estiver trabalhando com um site de comércio eletrônico, verifique não apenas a página inicial, mas também todas as páginas da campanha, algumas das maiores páginas de categoria, algumas das páginas de produtos e o fluxo de finalização da compra.
  • Preparar uma proposta de orçamento de performance para os designers. Uma alternativa é começar o mais simples possível, definindo o peso da página como métrica e definir 1 MB como o destino para todas as páginas (ou 1,5 MB se o branding for muito importante para as conversões).
  • Prepare uma lista de quais páginas ficam acima do nível de peso da página de destino.

Reúna-se com sua equipe de web design

  • Investigue como a equipe de desenvolvimento pode enviar imagens mais rapidamente usando várias técnicas de otimização, como compactação, imagens responsivas, redimensionamento de imagens, carregamento lento, armazenamento em cache e otimização de servidor.
  • Crie uma página de teste em que as imagens são publicadas em diferentes qualidades e dimensões de imagem e concorde com um nível que equilibre desempenho e qualidade em telas diferentes. Lembre-se de que os visitantes em dispositivos móveis geralmente têm sessões curtas. Um estudo mostrou que mais da metade das sessões em dispositivos móveis dura 30 segundos ou menos. Esses usuários podem não estudar as imagens em detalhes e preferir que o site seja rápido.
  • Proponha um orçamento de desempenho em que os web designers se comprometam a garantir que todas as páginas da Web tenham um peso de página inferior a 1 MB (ou no máximo 1,5 MB).

Corrija a velocidade com a ajuda da sua equipe de análise

As empresas precisam de dados para saber no que se concentrar e ter uma base para decisões. Mas, mesmo que muitas falem sobre a importância da velocidade do site e sua conexão com a receita e as vendas, ainda há muitas empresas que não incluem a velocidade nos relatórios semanais fora das equipes de tecnologia. Isso pode ser alterado se os desenvolvedores começarem a colaborar com as equipes de análise.

O desafio compartilhado

A verdade é a seguinte: o que não é relatado não se concentra no que importa. Se a velocidade do site não fizer parte dos relatórios semanais ou mensais para as partes interessadas da empresa, ela será facilmente esquecida, e você terá dificuldade para conseguir recursos para se concentrar nela. Mas, como as equipes de análise geralmente não têm experiência com a velocidade de rastreamento, elas precisarão de ajuda dos desenvolvedores. Além disso, os desenvolvedores precisarão de ajuda da equipe de análise para calcular o efeito na receita quando melhorias de velocidade forem feitas. Esses departamentos são mais dependentes uns dos outros do que um pode imaginar.

Enviar uma proposta para sua equipe de análise

Muitos estudos de caso mostram o efeito que a velocidade do site tem sobre a receita e a taxa de rejeição. Podemos colaborar para configurar o rastreamento de velocidade do site na nossa empresa e, talvez, aumentar a velocidade como parte dos relatórios enviados às partes interessadas para conseguir mais adesão?

Preparar-se para uma reunião com a equipe de análise de dados

  • Monitore a velocidade regularmente. Recomendamos usar uma API com uma ferramenta como Lighthouse CI, PageSpeed Insights ou WebPageTest, permitindo que você colete estatísticas regularmente em um ambiente controlado de laboratório para facilitar a comparação em diferentes períodos.
  • Encaminhe O valor da velocidade para a equipe de análise e pergunte se eles podem realizar a análise para que você tenha o gráfico pronto para ser analisado durante a reunião.

Reúna-se com sua equipe de análise

  • Verifique o gráfico criado em O valor da velocidade. A taxa de conversão relativa em dispositivos móveis é uma maneira de acompanhar o impacto da velocidade e a melhoria do seu site. Pergunte à equipe de análise se ela está aberta para começar a acompanhar isso.
  • Decida se a métrica de tempo de carregamento no Google Analytics é boa o suficiente para relatórios de negócios simplificados. O valor da velocidade usa essa métrica. Como muitos desenvolvedores sabem, essa é apenas uma das muitas métricas de velocidade importantes e, como estão no Google Analytics, também são dados de campo em vez de dados de laboratório. Mas, é bom o suficiente para ser usado em relatórios de negócios simplificados? Confira o resultado da análise acima e veja se é possível observar a diminuição da taxa de conversão em dispositivos móveis relativa quando os tempos de carregamento ficam altos por pelo menos dois a três meses e se a taxa de conversão relativa em dispositivos móveis aumenta quando os tempos de carregamento ficam baixos por dois a três meses. Se os tempos de carregamento permanecerem bastante estáveis, será difícil saber se a análise está funcionando para você até que você tenha melhorado significativamente a velocidade. Nesse caso, escolha a próxima alternativa.
  • Mostre seus gráficos das métricas de velocidade que os desenvolvedores usam. Explique-os à equipe de análise e verifique se você descobre correlações com a taxa de conversão ou a taxa de conversão relativa em dispositivos móveis.
  • Dê à equipe de análise tempo para pensar em maneiras de usar a velocidade nos cálculos relacionados à receita e como informar isso às partes interessadas. Esse geralmente é um tema novo para eles. Em seguida, reúna-se novamente e tente uma abordagem com a qual você concorda. Como sempre, você precisa revisar a coleta de dados até encontrar o ajuste certo, mas essa é uma maneira de iniciar a colaboração.

Próximas etapas

Peça à sua equipe de análise para realizar a análise descrita em O valor da velocidade depois que o projeto de velocidade gerar grandes melhorias. Ele mostrará à empresa quantas conversões e receita ela gerou, recompensando sua equipe e todos os departamentos que colaboraram com você. Isso pode ser incluído em um relatório semanal para as partes interessadas, para que o projeto não se torne um esforço único, mas é mantido continuamente.