Correção da velocidade do site de modo multifuncional

Como outros departamentos podem ajudar a tornar seu projeto de otimização da velocidade do site ainda mais bem-sucedido.

Lina Hansson

Um mito comum relacionado à velocidade do site é que ela é responsabilidade apenas da equipe de desenvolvimento. A realidade é que um site rápido exige a ajuda de vários departamentos. Os desenvolvedores raramente conseguem resolver os problemas sozinhos, não importa o quanto eles são talentosos. Como você corrige a velocidade 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 a conscientização sobre o sucesso do seu projeto de otimização.

Corrigir a velocidade com a ajuda das partes interessadas da empresa

Muitas empresas estão no meio de uma mudança disruptiva no comportamento do consumidor, em que o crescimento do número de pessoas que compram em plataformas digitais, e não em lojas físicas, indica que as empresas precisam se ajustar rapidamente ou correm o risco de ter uma receita menor. Isso vai exigir novos processos e mentalidades organizacionais, além de um forte apoio das partes interessadas para ter sucesso.

O desafio compartilhado

A forma como as empresas se organizam provavelmente precisará mudar em vários níveis. Primeiro de tudo, um projeto de velocidade, com o potencial de aumento de receita que ele pode criar, será difícil de executar sem que os desenvolvedores tenham tempo para trabalhar nele. A alocação de recursos precisa estar em vigor, e a colaboração com outros departamentos, como marketing e designers da Web, geralmente será mais tranquila se as partes interessadas e executivos mostrarem que é 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 com base nas informações das pessoas que são especialistas em plataformas digitais terão uma vantagem. Uma sugestão seria convidar um desenvolvedor para as reuniões em que as decisões de negócios são tomadas, para garantir que o site e as restrições sejam considerados desde o início e, assim, garantir o aumento das vendas.

Enviar uma proposta para as partes interessadas

Em geral, cerca de 10% das vendas ocorrem em plataformas digitais, mas estudos mostram que até 85% das vendas em lojas físicas são influenciadas primeiro pelo meio digital. Ter um site que funcione bem, especialmente em dispositivos móveis (que estão se tornando o dispositivo principal), é essencial para a receita da nossa empresa. Propomos um projeto de velocidade que ajudará o site a aumentar as conversões e a configurar fluxos de comunicação para que os insights das equipes técnicas possam ser usados melhor antes de tomar decisões que afetem o site.

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

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

  • Calcule sua taxa de conversão relativa para dispositivos móveis. Trabalhe com sua equipe de análise e realize a análise descrita em O valor da velocidade. Se você tiver um período (pelo menos dois ou três meses) em que os tempos de carregamento foram muito maiores do que outro período de mesma duração, a velocidade lenta do site provavelmente terá afetado as conversões em dispositivos móveis. Com a análise, é possível calcular a receita que a empresa perdeu durante o período de má velocidade, comprovando o valor da velocidade. Se os tempos de carregamento permanecerem aproximadamente no mesmo nível, a análise será difícil de realizar, e as alternativas abaixo poderão fornecer mais respostas.
  • Estime o valor da velocidade com base em modelos estatísticos. Com a ajuda do TestMySite do Google, você pode fazer um teste e calcular o impacto que um site mais rápido pode ter na sua empresa. Tudo o que você precisa são dados sobre a média de visitantes mensais, taxa de conversão e valor médio do pedido, que a equipe de análise pode ajudar.
  • Fornecer estudos de caso com práticas recomendadas. Você também pode usar casos de outras empresas que aceleraram o site e notaram o efeito. Como o tempo de carregamento da página afeta as taxas de conversão: 12 estudos de caso fornece alguns exemplos.
  • Mostre a importância do dispositivo móvel. Peça à equipe de análise de dados para fornecer dados sobre a porcentagem do seu tráfego gerada por dispositivos móveis e computadores.
  • Pesquise quanto isso vai custar. Os cálculos acima são maneiras de mostrar às partes interessadas o possível aumento de receita com a velocidade, mas, para que as partes interessadas tomem decisões, elas precisam saber o ROI. Portanto, se você tiver um custo estimado, a decisão executiva poderá ser tomada mais rapidamente. Para isso, avalie quanto tempo o projeto inicial de velocidade focado levará e quanto tempo você precisará para manutenção depois. Por exemplo, em Pensamento rápido: a TUI acelera o site quebrando os silos, os desenvolvedores tiveram 20% do tempo livre de pendências e campanhas, que eles poderiam dedicar a projetos de velocidade e outras maneiras de melhorar o site.

Reunir-se com as partes interessadas

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

Corrigir 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 informadas, mas a maioria delas diminui a velocidade dos 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é que algo apareça na tela. Portanto, é necessário encontrar um equilíbrio. O departamento de marketing precisa de dados e ferramentas, mas, para que o site tenha taxas de rejeição baixas e taxas de conversão altas, ele precisa ser rápido, para que o marketing tenha um bom retorno sobre os investimentos.

O equilíbrio é alcançado com 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 seriam “agradáveis de ter”. Meça apenas o que é essencial para os negócios.

Como é difícil para os desenvolvedores saberem de que o departamento de marketing depende e como ele 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 rastreamento 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 por anúncios, as pessoas ficam interessadas, clicam, mas depois precisam esperar. Isso pode fazer com que eles se irritem e saiam. Um estudo constatou que a taxa de conversão diminuiu de cerca de 50% para cerca de 35% quando a métrica de velocidade Tempo para interatividade aumentou de 0,15 s para 0,3 s. Podemos trabalhar juntos para resolver isso e criar um equilíbrio entre as ferramentas necessárias e o desempenho do site, aumentando o retorno do investimento 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 o marketing e peça para eles analisarem com antecedência e classificá-las em três categorias:
    • Crítico para o negócio. Esses scripts precisam permanecer.
    • Opcional. Scripts que podem ser usados com menos frequência ou removidos. Por exemplo, às vezes, as empresas coletam mapas de calor ou gravações de tela, mas os dados podem ser analisados com pouca frequência e não levar a ações ou aumento de conversões. Em casos como esses, é melhor concordar em executar as ferramentas por (digamos) duas semanas, coletar os insights para análise e limpar os scripts até que seja hora do próximo período de coleta de dados focados.
    • Não usado ou não é de propriedade. Eles precisam ser removidos.
  • Compare a velocidade do site com e sem cada script para verificar o quanto cada um deles causa lentidão. No WebPageTest, isso pode ser configurado na guia Block das "Configurações avançadas". Ou você pode bloquear solicitações de rede no Chrome DevTools.

Reunir-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 que seriam bons para o site é muito prejudicial para o desempenho? Ao receber recomendações, fica mais fácil para a equipe de marketing priorizar, e ao ouvir o que é essencial para a empresa, fica mais fácil entender o ponto de vista dela.
  • Discutir 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 para os negócios podem ser substituídas por alternativas mais rápidas.
    • Há alternativas para algum dos scripts no site? Por exemplo, em vez de mapas de calor, talvez seja possível começar a fazer testes de usabilidade, em que você também entende o "porquê" do comportamento do usuário, o que geralmente leva a insights mais aprofundados.

Combinar as próximas etapas

  • Decidir sobre um processo de avanço. O marketing sempre precisa pedir aos desenvolvedores que analisem novas ferramentas e o impacto delas na velocidade antes da implementação? Ou o marketing deveria ter um orçamento de performance em que aprende a verificar a velocidade e pode priorizar as ferramentas que quer, desde que atenda à meta de velocidade?

Corrigir a velocidade com a ajuda da equipe de design da Web

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

O desafio compartilhado

No final, todos os departamentos de uma empresa geralmente dependem do site que leva a conversões, seja para gerar receita ou outra coisa. A dura verdade é que não importa o quanto as páginas da Web são bonitas se elas demoram tanto para carregar que as pessoas não ficam para conferir.

No entanto, as páginas da Web compactas são uma responsabilidade compartilhada. Os desenvolvedores podem usar várias técnicas de otimização de imagens para que elas sejam carregadas mais rapidamente. Designers da Web 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 design da Web

Estudos mostram que páginas com menos imagens e elementos geram mais conversões. Por exemplo, um estudo do Google e da SOASTA mostrou que as sessões que converteram usuários tiveram 38% menos imagens do que as sessões que não converteram. Podemos trabalhar juntos para alcançar as metas de velocidade e configurar uma colaboração conjunta que aumente as conversões no site? Exemplos do que podemos alcançar juntos incluem encontrar o nível certo de compactação de imagens com um equilíbrio entre qualidade e velocidade ou reduzir layouts ou funcionalidades complexas que geralmente resultam em sites pesados e lentos.

Preparar uma reunião com sua equipe de design da Web

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

Reunir-se com a equipe de design da Web

  • Investir em investigar como a equipe de desenvolvimento pode entregar imagens mais rapidamente usando várias técnicas de otimização de imagens, como compactação, imagens responsivas, redimensionamento, carregamento lento, armazenamento em cache e otimização do servidor.
  • Crie uma página de teste em que as imagens sejam publicadas em qualidades e dimensões diferentes e concorde em um nível que equilibre desempenho e qualidade em diferentes telas. Lembre-se de que os visitantes em dispositivos móveis geralmente têm sessões curtas, e um estudo mostra 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 podem preferir que o site seja rápido.
  • Proponha um orçamento de desempenho em que os designers da Web se comprometam a garantir que todas as páginas da Web tenham um peso abaixo de 1 MB (ou no máximo 1,5 MB).

Corrigir a velocidade com a ajuda da equipe de análise

As empresas precisam de dados para saber em que se concentrar e ter uma base para tomar decisões. Embora muitas façam referência à importância da velocidade do site e da conexão dele 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 realidade é a seguinte: o que não é informado não será priorizado. Se a velocidade do site não fizer parte de relatórios semanais ou mensais para as partes interessadas da empresa, ela será facilmente esquecida e será difícil concentrar recursos nela. No entanto, como as equipes de análise geralmente não têm experiência com o rastreamento de velocidade, elas precisam da ajuda dos desenvolvedores. E os desenvolvedores vão precisar da ajuda da equipe de análise para calcular o efeito na receita quando as melhorias de velocidade forem feitas. Esses departamentos são mais dependentes um do outro do que se poderia pensar inicialmente.

Enviar uma proposta para sua equipe de análise

Muitos estudos de caso mostram o efeito da velocidade do site na receita e na taxa de rejeição. Podemos colaborar para configurar o rastreamento de velocidade do site para nossa empresa e talvez incluir a velocidade como parte dos relatórios enviados aos interessados para que eles aceitem melhor?

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

  • Acompanhe a velocidade regularmente. Uma recomendação é usar uma API com uma ferramenta como o Lighthouse CI, PageSpeed Insights ou WebPageTest, que permite coletar estatísticas regularmente em um ambiente de laboratório controlado para facilitar a comparação entre diferentes períodos.
  • Envie 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.

Reunir-se com a equipe de análise

  • Confira o gráfico criado em O valor da velocidade. A taxa de conversão relativa em dispositivos móveis é uma maneira de monitorar o impacto da velocidade e como seu site está melhorando. Pergunte à equipe de análise se ela está aberta para começar a fazer o acompanhamento.
  • Decidir 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. Como está no Google Analytics, também são dados de campo em vez de dados de laboratório. Mas será que ele é bom o suficiente para ser usado em relatórios de negócios simplificados? Verifique o resultado da análise acima e veja se é possível observar a taxa de conversão relativa para dispositivos móveis diminuindo quando os tempos de carregamento estão altos por pelo menos dois a três meses e se a taxa de conversão relativa para dispositivos móveis aumenta quando os tempos de carregamento estão 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 até que você melhore muito a velocidade. Se sim, use a próxima alternativa.
  • Mostre seus gráficos para as métricas de velocidade usadas pelos desenvolvedores. Explique-as à equipe de análise e descubra se há correlações com a taxa de conversão ou a taxa de conversão relativa em dispositivos móveis.
  • Dê tempo à equipe de análise para pensar em maneiras de usar a velocidade nos cálculos relacionados à receita e como informar isso às partes interessadas. Esse é um tópico novo para eles. Depois, se encontrem de novo e tentem uma abordagem que vocês concordem. Como sempre, é necessário 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 tiver gerado grandes melhorias. Ele vai mostrar à empresa quanto mais conversões e receita ela ganhou, 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 seja um esforço único, mas seja mantido continuamente.