Antes de otimizar tags de terceiros, verifique se esses scripts ainda são necessários no seu site.
Scripts de terceiros, ou "tags", podem ser uma fonte de problemas de performance no seu site e, portanto, um destino para otimização. No entanto, antes de começar a otimizar as tags adicionadas, verifique se você não está otimizando tags desnecessárias. Neste artigo, mostramos como avaliar solicitações de novas tags, além de gerenciar e revisar as atuais.
Ao discutir sobre tags de terceiros, a conversa muitas vezes passa rapidamente para problemas de desempenho, perdendo de vista a base do papel "principal" dessas tags. Eles fornecem uma ampla variedade de funcionalidades úteis, tornando a Web mais dinâmica, interativa e interconectada. No entanto, as tags de terceiros podem ser adicionadas por diferentes equipes em toda a organização e costumam ser esquecidas ao longo do tempo. As pessoas seguem em frente, os contratos expiram ou os resultados são gerados, mas as equipes nunca voltam a entrar em contato para que os scripts sejam removidos.
Antes de começar a pensar sobre a execução do script de tag de terceiros ou quais tags podem ser adiadas, carregadas lentamente ou pré-conectadas de uma perspectiva técnica, há uma oportunidade de controlar quais tags são adicionadas a um site/página do ponto de vista organizacional. Um tema comum em sites que estão ficando lentos devido a grandes quantidades de tags de terceiros é que essa parte do site não pertence a uma única pessoa ou equipe e, por isso, fica entre as brechas. Não há nada mais frustrante do que otimizar seu site e ficar feliz com o desempenho em um ambiente de teste, apenas pela velocidade regredir na produção devido às tags que estão sendo adicionadas. A implementação de um "processo de verificação" para tags de terceiros pode ajudar a evitar isso, criando um fluxo de trabalho que crie responsabilidade multifuncional para essas tags.
A maneira como você examina tags de terceiros depende apenas da organização, da estrutura e dos processos atuais. Isso pode ser algo básico, como ter uma única equipe que controla e atua como responsável pela análise de tags antes que elas sejam adicionadas. Ou mais avançado e formal, por exemplo, fornecendo um formulário para que as equipes enviem solicitações de tag. Isso pode pedir contexto em termos de por que ele precisa estar no site, por quanto tempo deve estar presente e qual benefício isso traria para o negócio.
Processo de governança de tags
Independentemente de como você quer verificar as tags na sua organização, os estágios a seguir precisam ser considerados parte do ciclo de vida de uma tag.
Compliance
Antes de adicionar uma tag a uma página, verifique se ela foi aprovada por uma equipe jurídica para garantir que ela atenda a todos os requisitos de conformidade. Isso inclui verificar se a tag está em conformidade com o Regulamento geral de proteção de dados (GDPR) da UE e a Lei de Privacidade do Consumidor da Califórnia (CCPA).
Isso é fundamental. Se houver alguma dúvida com essa etapa, será necessário resolver isso antes de avaliar a tag do ponto de vista do desempenho.
Obrigatório
A segunda etapa é questionar se uma tag específica é necessária na página. Considere os seguintes pontos de discussão:
- A tag está sendo usada? Em caso negativo, ela pode ser removida?
- Se a tag for carregada em todo o site, isso é necessário? Por exemplo, se estivermos analisando um conjunto de testes A/B e, no momento, você estiver testando apenas páginas de destino, só poderemos soltar a tag nesse tipo de página?
- Podemos adicionar mais lógica a isso. Podemos detectar se há um teste A/B em tempo real? Em caso afirmativo, permita que a tag seja adicionada; caso não esteja presente, verifique se ela não está presente.
Responsabilidade
Ter uma pessoa ou equipe clara como proprietário das tags ajuda no monitoramento proativo. Normalmente, seria a pessoa que adicionou a tag. Ter um responsável ao lado da tag garante que revisões e auditorias no futuro possam ser realizadas para verificar novamente se a tag é necessária.
Finalidade
A quarta etapa começa a criar responsabilidade e responsabilidade multifuncionais, garantindo que as pessoas entendam por que a tag foi adicionada à página. É importante que haja uma compreensão multifuncional do que cada tag traz para o site e por que ela está sendo usada. Por exemplo, se a tag estiver registrando ações da sessão do usuário para permitir a personalização, todas as equipes saberão por que isso deve estar presente?
Além disso, houve alguma discussão sobre compensações comerciais e de performance? Se uma tag for considerada "obrigatória" por gerar receita, será possível analisar a possível perda de receita devido à regressão de velocidade?
Avaliação
A quinta, última e possivelmente mais importante etapa é garantir que as tags sejam analisadas regularmente. Isso deve depender do tamanho do site, do número de tags que há nele e do tempo de resposta (por exemplo, semanal, mensal, trimestral). Isso precisa ser tratado da mesma forma que a otimização de outros recursos do site (JS, CSS, imagens etc.) e verificado de forma proativa com frequência. A falha na revisão pode levar a um gerenciador de tags "excesso", o que desacelera as páginas. Pode ser uma tarefa complexa voltar a ter um bom desempenho sem regressar a funcionalidade necessária na página
O processo de verificação vai gerar uma lista final de tags classificadas conforme necessário para uma página específica. Nesta fase, você pode se aprofundar nas abordagens de otimização técnica. Isso também abre a oportunidade de definir o número de tags nessa lista final dentro de um orçamento de performance, que pode ser monitorado no CI do Lighthouse e incorporado na configuração de metas específicas da performance. Exemplo:
Se usarmos menos de cinco tags nas nossas páginas de destino com nosso próprio JS otimizado, estamos confiantes de que o Tempo total de bloqueio (TBT, na sigla em inglês) pode alcançar "Bom" nas Core Web Vitals.