Correção da velocidade do site de modo multifuncional

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

Um mito comum relacionado à velocidade de sites é que isso é responsabilidade apenas da equipe de desenvolvimento. Na realidade, um site rápido requer a ajuda de vários departamentos. Os desenvolvedores raramente conseguem resolver os problemas sozinhos, não importa quão talentosos tenham. Então, como você conserta a velocidade junto com seus colegas? Neste artigo, explicamos como você (como desenvolvedor 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 projeto de otimização.

Corrija 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 de pessoas comprando em plataformas digitais em vez de lojas físicas informa que as empresas precisam se ajustar rapidamente ou correr o risco de ter receita decrescente. Isso exigirá novos processos e mentalidades organizacionais, além de uma forte adesão das partes interessadas para ter sucesso.

O desafio compartilhado

A forma como as empresas se organizam provavelmente terá que mudar em vários níveis. Em primeiro lugar, um projeto de velocidade, com o possível aumento na receita que pode ser criado, será difícil de realizar sem que os desenvolvedores tenham tempo para trabalhar nele. A alocação de recursos precisa ser feita, e a colaboração com outros departamentos, como marketing e web designers, geralmente será mais fácil se as partes interessadas e 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 no momento:

Isso significa que as empresas que tomam decisões executivas informadas por 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 estão sendo tomadas, para garantir que o site e as restrições dele sejam considerados desde o início e, assim, garantir o aumento das vendas.

Enviar uma proposta às partes interessadas

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

Preparar-se para se reunir com as partes interessadas

Antes de se reunir com as partes interessadas, verifique se você está preparado com dados do seu site e dos sites dos concorrentes, além de dados que demonstrem um ROI alto para as mudanças sugeridas. Reúna dados sobre a importância da velocidade. O melhor cenário é se ele está conectado à receita da empresa. Aqui estão algumas maneiras de fazer isso:

  • Calcule sua taxa de conversão relativa em dispositivos móveis. Trabalhe com sua equipe de análise e realize a análise descrita em O valor da velocidade. Se, historicamente, você teve um período (pelo menos 2 a 3 meses) em que os tempos de carregamento foram muito maiores do que outro período de mesma duração, a velocidade lenta do site geralmente terá afetado bastante as conversões em dispositivos móveis. Com a análise, você pode calcular quanta receita a empresa perdeu durante o período de má velocidade, provando o valor da velocidade. Se os tempos de carregamento permanecerem no mesmo nível, a análise será difícil de realizar, e as alternativas abaixo poderão oferecer mais respostas.
  • Estime o valor de velocidade de modelos estatísticos. Com a ajuda do TestMySite do Google, é possível fazer um teste e calcular o impacto que um site mais rápido pode ter nos seus negócios. Sua equipe de análise pode ajudar você com dados sobre a média de visitantes mensais, a taxa de conversão e o valor médio do pedido.
  • Apresente estudos de caso de práticas recomendadas. Você também pode usar casos de outras empresas, que tornaram o site mais rápido e notaram o efeito. O artigo Como o tempo de carregamento da página afeta as taxas de conversão: 12 estudos de caso mostra alguns exemplos.
  • Mostre a importância dos dispositivos móveis. Peça à equipe de análise de dados para informar qual porcentagem do seu tráfego é proveniente de dispositivos móveis e computadores.
  • Pesquise quanto custará. Os cálculos acima são maneiras de mostrar às partes interessadas o possível aumento de receita com a velocidade. No entanto, para que as partes interessadas tomem decisões, elas precisam saber o ROI. Assim, se você se preparar com um custo estimado, a decisão executiva poderá ser tomada mais rapidamente. Para fazer isso, avalie quanto tempo levará o projeto inicial de velocidade e quanto tempo será necessário para manutenção depois disso. Por exemplo, em Pensamento rápido: o TUI acelerou o site eliminando silos, os desenvolvedores receberam 20% do tempo livre de backlogs e campanhas, que poderiam dedicar a projetos de velocidade e outras formas de melhorar o site.

Reunir-se com as partes interessadas

  • Mostre a quantidade de tráfego que você está recebendo de dispositivos móveis em comparação com computadores e o crescimento desses dispositivos 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 com decisões sobre o local. Hoje em dia, vendemos em plataformas digitais. Os vencedores serão as empresas que começarem a se comunicar com 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 sua equipe de marketing

O desafio compartilhado

As equipes de marketing precisam de ferramentas para lidar com anúncios e dados a fim de tomar decisões informadas, mas a maioria das ferramentas atrasa os sites e geralmente é implementada com scripts bloqueadores de renderização, o que faz com que os visitantes que entrem no site tenham que esperar até ver algo na tela. Portanto, há a necessidade de um equilíbrio: o departamento de marketing precisa de dados e ferramentas. No entanto, 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 tomando cuidado com os scripts:

  • Evite duplicatas que medem aproximadamente a mesma coisa.
  • Remova as ferramentas que não são mais usadas.
  • Não avalie coisas "que são boas de ter". Avalie apenas itens essenciais aos negócios.

Como os desenvolvedores têm dificuldade para saber do que o departamento de marketing depende, e o departamento de marketing pode não saber quais ferramentas são especialmente pesadas para o site, você precisa colaborar.

Envie 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 pelos anúncios, as pessoas se interessam, clicam, mas precisam esperar. Isso corre o risco de eles ficarem irritados e ir embora. Um estudo 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,15 s para 0,3 s. Podemos trabalhar juntos para resolver isso e criar um equilíbrio entre as ferramentas de que você precisa e o desempenho do site, resultando em um aumento do retorno dos investimentos em marketing?

Preparar-se para se reunir com a equipe de marketing

  • Crie uma lista dos scripts implementados no site.
  • Envie a lista para o departamento de marketing e peça para ele a analisar com antecedência e classificar em três buckets:
    • Crítico 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 podem ser revisados com pouca frequência e não levam a ações nem aumento de conversões. Em casos como esses, pode ser melhor concordar em executar as ferramentas por, por exemplo, duas semanas, coletar insights para análise e limpar os scripts até que seja hora do próximo período de coleta de dados focada.
    • Não usado ou que não pertence a você. Eles devem ser removidos.
  • Verifique o quanto cada script deixa seu site lento comparando a velocidade com e sem ele. No WebPageTest, isso pode ser definido na guia "Bloquear" nas configurações avançadas. Você também pode bloquear solicitações de rede no Chrome DevTools.

Reúna-se com sua equipe de marketing

  • Percorra 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 sobre o que é crítico para os negócios, fica mais fácil para você entender o ponto de vista dele.
  • 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 tenha a versão mais rápida da ferramenta no mercado? O departamento de marketing pode precisar da ajuda dos desenvolvedores para descobrir se ferramentas essenciais para os negócios podem ser substituídas por alternativas mais rápidas.
    • Existem alternativas a algum dos scripts no site? Por exemplo, em vez de mapas de calor, pode ser 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, geralmente levando a insights mais profundos.

Combine as próximas etapas

  • Decidir um processo para o futuro. O marketing deve sempre pedir aos desenvolvedores que avaliem as novas ferramentas e o impacto na velocidade antes da implementação? Ou o marketing deve receber um orçamento de desempenho em que aprende a verificar a velocidade e pode priorizar as ferramentas que quer, desde que atinja a meta de velocidade?

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

Um dos maiores desafios para o desempenho da Web é que, embora a conectividade possa ficar mais rápida em muitas regiões, os sites estão ficando mais pesados e, como resultado, ficando 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 geração de receita ou para outra coisa. A verdade é que não importa se as páginas da Web demoram tanto para carregar que as pessoas não ficam por perto para vê-las.

Mas as páginas da Web pequenas são uma responsabilidade compartilhada. Os desenvolvedores usam várias técnicas de otimização para carregar imagens mais rápido. Os Web designers podem criar páginas que ajudam a manter o peso da página abaixo de um nível acordado.

Envie 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 descobriu que as sessões com usuários convertidos tinham 38% menos imagens do que sessões não convertidas. Podemos trabalhar juntos para atingir metas de velocidade e estabelecer uma colaboração conjunta que possa aumentar as conversões no site? Exemplos do que podemos alcançar juntos incluem encontrar o nível certo de compactação de imagem com um equilíbrio entre qualidade e velocidade ou reduzir layouts ou recursos complexos que geralmente 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 da página. Por exemplo, se você trabalhar com um site de e-commerce, verifique não só a página inicial, mas também as páginas da campanha, 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 usando o peso da página como a métrica e definir 1 MB como destino para todas as páginas (ou 1,5 MB se a marca for muito importante para as conversões).
  • Prepare uma lista com as páginas que ficam acima do nível de peso da página de destino.

Reúna-se com sua equipe de web design

  • Comprometa-se a investigar como a equipe de desenvolvimento pode fornecer imagens mais rapidamente usando várias técnicas de otimização, como compactação de imagens, imagens responsivas, redimensionamento de imagens, carregamento lento, armazenamento em cache e otimização de servidores.
  • Crie uma página de teste em que imagens são publicadas em diferentes qualidades e dimensões de imagem e defina um nível que equilibre desempenho e qualidade em diferentes telas. Lembre-se de que os visitantes em dispositivos móveis geralmente têm uma sessão curta, com um estudo mostrando que mais da metade das sessões em dispositivos móveis duram 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 Web designers se comprometam a garantir que todas as páginas da Web tenham menos de 1 MB (ou, no máximo, 1,5 MB).

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

As empresas precisam de dados para saber no que se concentrar e ter uma base para as decisões. Mas, embora muitas pessoas falem sobre a importância da velocidade do site e a conexão dela 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 poderá ser alterado se os desenvolvedores começarem a colaborar com as equipes de análise.

O desafio compartilhado

A realidade é esta: o que não é informado não será focado. 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 de conseguir recursos para se concentrar nela. Mas, como as equipes de análise geralmente não têm experiência com o rastreamento de velocidade, elas precisam da ajuda dos desenvolvedores. Além disso, os desenvolvedores precisarão de ajuda da equipe de análise para calcular o efeito sobre a receita quando forem feitas melhorias de velocidade. Esses departamentos dependem mais uns dos outros do que um pode pensar a princípio.

Envie uma proposta para sua equipe de análise

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

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

  • Monitore a velocidade regularmente. Uma recomendação é usar uma API com uma ferramenta como Lighthouse CI, PageSpeed Insights ou WebPageTest, que permitem coletar estatísticas regularmente em um ambiente de laboratório controlado para facilitar a comparação em diferentes períodos.
  • Encaminhar o valor da velocidade para a equipe de análise e perguntar se é possível realizar a análise para que o gráfico esteja pronto para ser analisado durante a reunião.

Reunir-se com a equipe de análise de dados

  • Verifique o gráfico criado em The value of speed. A taxa de conversão relativa em dispositivos móveis é uma maneira de acompanhar o impacto da velocidade e as melhorias do seu site. Pergunte à equipe de análise se ela está aberta para acompanhar isso.
  • Decida se a métrica de tempo de carregamento no Google Analytics é boa o suficiente para gerar relatórios simplificados de negócios. O valor da velocidade usa essa métrica. Como muitos desenvolvedores sabem, essa é apenas uma das muitas métricas de velocidade importantes. Como ele está no Google Analytics, também são dados de campo em vez de dados de laboratório. No entanto, será que ele é bom o suficiente para ser usado em relatórios simplificados de negócios? Verifique o resultado da análise acima e veja se é possível observar a taxa de conversão relativa em dispositivos móveis caindo 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 a velocidade melhore bastante. Se for o caso, use a próxima alternativa.
  • Mostre seus gráficos para as métricas de velocidade que os desenvolvedores usam. Explique-os para a equipe de análise e veja 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 em cálculos conectados à receita e como relatar isso às partes interessadas. Muitas vezes, esse é um assunto novo para eles. Depois, reúna-se novamente e teste uma abordagem em que vocês estejam de acordo. 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 tiver gerado grandes melhorias. Ele mostrará à empresa quanto a mais de conversões e receita foi gerada, 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 seja mantido de forma contínua.