Otimização de velocidade de página para profissionais de marketing

A velocidade é uma métrica de marketing que usa um traje de engenharia. Os visitantes abandonam páginas lentas antes que sua manchete argumente seu caso, os sistemas de pesquisa levam a experiência a sinais de visibilidade e cada canal a montante paga o imposto de um destino lento. No entanto, na maioria das organizações, as pessoas cujas campanhas sofrem de lentidão estão desconectadas das decisões que as causam, muitas vezes as suas próprias. Este guia fecha essa lacuna: como a velocidade é medida, onde os sites de marketing realmente a perdem, o que os profissionais de marketing podem corrigir sem um bilhete e como colaborar no resto.

Understanding Speed Measurement

Não é possível gerenciar um número que você tenha lido mal. Duas distinções carregam a maior parte da alfabetização.

Testes de laboratório versus realidade de campo

Ferramentas de laboratório carregam sua página em um ambiente controlado e produzem detalhes de diagnóstico: o que carregado, em que ordem, bloqueando o quê. Os dados de campo agregam experiências reais dos visitantes em seus dispositivos e redes reais. O laboratório é o microscópio, o campo é a verdade; uma página que pontua lindamente no laboratório pode ter um desempenho ruim para o seu público real de telefones de médio alcance em redes móveis. Otimize contra dados de campo, diagnostique com detalhes de laboratório.

As fases de experiência que importam

O pensamento moderno mede fases de experiência: a rapidez com que o conteúdo principal se torna visível, a rapidez com que a página responde à interação e o quanto o layout muda durante o carregamento. Essa última, a estabilidade visual, é um vilão relevante para o marketing: o salto de conteúdo como anúncios, banners e incorpora pop em causas de erros e abandono, e é quase sempre causado por ativos injetados sem espaço reservado. Aprenda a ler essas métricas de fase em suas ferramentas; elas mapeiam diretamente para o que os visitantes sentem.

Onde os sites de marketing realmente ficam lentos

O peso na maioria das páginas de marketing é rastreável a um punhado de fontes recorrentes, a maioria delas de propriedade de marketing.

Images and video

A classe de ativos mais pesada e a mais comumente mal manipulada: fotografia de resolução total reduzida pelo navegador, imagens de heróis descompactadas, formatos modernos não utilizados e cada imagem carregada imediatamente, independentemente da posição. As correções são correções de fluxo de trabalho de conteúdo: comprima e redimensione no upload, adote formatos modernos onde suporte, mídia de carga preguiçosa abaixo da dobra e trate o vídeo de fundo de reprodução automática como a despesa de luxo que é.

A tag e o script acumulado

Análises, ferramentas de teste, widgets de bate-papo, mapas de calor, personalização e os pixels de campanhas passadas: cada pequeno, coletivamente dominante e todos os instalados no marketing. Os scripts de terceiros competem pelos mesmos recursos do dispositivo que seu conteúdo precisa, e os abandonados são puro peso morto. Uma auditoria trimestral de tags, o que funciona, quem é o dono, qual decisão ela alimenta, é uma intervenção de velocidade disfarçada de limpeza e a consolidação de ferramentas sobrepostas a compõe.

Incorporações, fontes e peso do construtor de páginas

Incorporações sociais e vídeos iframes arrastam aplicativos de terceiros inteiros para sua página; padrões de fachada leves, uma miniatura que carrega o embutimento real em clique, preservam a função por uma fração do custo. Fontes personalizadas em muitos pesos atrasam a renderização de texto; aparar os pesos realmente usados e configurar fallbacks sensatos é uma decisão de design com consequências de velocidade. Construtores de páginas visuais e pacotes de temas geralmente enviam muito mais código do que qualquer página usa, que é uma conversa de plataforma que vale a pena ter com evidências em mãos.

A Lista de Verificação de Controle Direto do Profissional

Antes de qualquer envolvimento de engenharia, esgote as correções dentro do próprio fluxo de trabalho do marketing.

Tornar a higiene da mídia um hábito editorial

Defina o tamanho da imagem e os padrões de compressão para cada modelo, asse-os no fluxo de trabalho de conteúdo para que a conformidade seja o padrão e varra os infratores mais pesados da biblioteca existente. Este hábito único, aplicado por quem publica, frequentemente oferece o maior ganho de velocidade disponível em um site orientado a conteúdo.

Governar o portfólio de tags

Remova tags sem proprietários ou decisões anexadas, consolide ferramentas que se sobrepõem, carregue o que resta após o conteúdo crítico da página e encaminhe o que puder através da marcação do lado do servidor para reduzir o fardo do navegador. Cada script removido é um presente para cada página em que estava.

Páginas de campanha de design speed-first

As páginas de destino são instrumentos de conversão: um trabalho, peso mínimo, nenhum carrossel de fotografia com sangramento total, sem seis widgets incorporados. Onde campanhas pagas e orgânicas geram tráfego, o comportamento de carga da página de destino faz parte da criatividade da campanha; informe-a dessa maneira e teste-a em um telefone real por uma conexão celular real antes do lançamento. O tráfego social merece um cuidado especial, pois os cliques de posts agendados através de plataformas como o agendador de redes sociais do SocialBlaze Muitas vezes, abre-se em navegadores que são mais lentos e menos indulgentes do que navegadores completos; uma página que é rápida, há rápido em todos os lugares.

Parceria com desenvolvedores em trabalhos estruturais

Além do alcance direto do marketing, está a camada arquitetônica, e os profissionais de marketing obtêm melhores resultados ao envolvê-lo bem.

Traga dados de campo, não vibrações

“O site parece lento” é inacionável; “o conteúdo principal em nossas principais páginas de destino leva vários segundos para aparecer para os usuários de campo móvel, e aqui estão os três recursos mais pesados” é uma ordem de trabalho. Aprenda a puxar o relatório de campo e a cachoeira de laboratório para suas páginas-chave; o meio dia de aprendizado atualiza permanentemente cada conversa de desempenho que você já teve.

Entenda as alavancas estruturais

Melhorias no lado da engenharia incluem cache e entrega de borda, estratégia de renderização, divisão de código, de modo que as páginas carregam apenas o que usam, priorização do caminho crítico e reserva de espaço de layout para conteúdo injetado. Você não precisa implementá-los; você precisa saber que eles existem, para que a conversa possa pesá-los contra as correções do lado do marketing e sequenciar o roteiro por impacto.

Negociar o comércio de velocidade versus capacidade abertamente

Cada ferramenta e recurso tem um preço de desempenho, e fingir o contrário apenas move o argumento para depois do dano. Um acordo operacional saudável: o marketing afirma a necessidade de capacidade, a engenharia afirma o custo do peso e ambos avaliam em relação ao orçamento compartilhado. s vezes o widget de bate-papo vale a pena; às vezes não vale; o ponto é decidir com os olhos abertos.

Guarding the Gains

A velocidade regride por padrão, uma decisão razoável de cada vez. A durabilidade requer estrutura.

Set performance budgets

Concordar com os limiares por tipo de modelo, peso total, peso da imagem, contagem de scripts, alvos de campo-métricos e verificar novos trabalhos contra eles antes do lançamento. Um orçamento converte a velocidade de uma crise periódica em uma restrição permanente, que é a única forma em que sobrevive à vida organizacional.

Monitore continuamente e anote mudanças

Acompanhe as métricas de campo para suas páginas de maior valor em um painel de controle que alguém possui, alerta sobre degradação e anote implantações, novas tags e alterações de modelo para que as regressões rastreiem rapidamente as causas. Os incidentes de velocidade encontrados pelo monitoramento de horas de custo; aqueles encontrados por um quarto da conversão em declínio custaram muito mais.

Velocidade de relatório na linguagem de negócios

Aprimoramentos de laços com a liderança de métricas já são observados: salto e engajamento na chegada, mudanças na taxa de conversão em modelos otimizados e tendências de visibilidade de pesquisa. O trabalho de velocidade se financia quando seus efeitos são visíveis, e o relatório sustenta a disciplina do orçamento quando o próximo widget pesado faz seu discurso.

Velocidade como variável de campanha

Além do programa em todo o site, a velocidade merece um lugar na forma como as campanhas individuais são planejadas e julgadas, porque as superfícies de campanha são onde a lentidão custa mais por visitante.

Pre-launch speed QA

Adicione uma verificação de comportamento de carga à lista de verificação da campanha ao lado de testes de link e revisão: abra a página de destino em um telefone de médio alcance por uma conexão celular, idealmente através do navegador in-app da rede em que a campanha é executada e experimente o que o visitante do primeiro clique experimenta. Uma página que leva tempo suficiente para solicitar um back-swipe falha QA, independentemente de como ele pontua em um teste de laboratório de desktop, e pegá-lo pré-lançamento não custa nada.

Corresponder peso da página ao valor do tráfego

Uma página que recebe tráfego caro ou duramente ganho merece um investimento desproporcional em velocidade. Para grandes lançamentos, considere uma experiência de pouso despojada e construída com propósito, em vez de rotear cliques pagos e sociais para uma página geral pesada. A aritmética é simples: quanto mais você investiu em ganhar o clique, mais cada segundo de tempo de carga destrói, então os orçamentos de peso devem apertar à medida que o valor do tráfego aumenta.

Leia a velocidade na campanha retro

Quando uma campanha se realiza de forma inadequada, inclua métricas de carga para suas landing pages na retrospectiva antes de culpar o criativo ou o público. Uma forte taxa de cliques colapsando em um fraco engajamento na página é a assinatura clássica de página lenta, e exonera a mensagem ao indiciar o destino. Equipes de campanha que rotineiramente examinam essa costura param de reaprender a mesma lição e começam a orçamentar a velocidade do plano desde o início.

A Ninety-Day Arc

Primeiro mês: estabelecer a medição, linha de base de dados de campo, diagnósticos de laboratório nas páginas principais e executar as auditorias de mídia e tags. Segundo mês: execute as correções controladas por marketing, padrões de compressão, poda de tags, fachadas incorporadas, aparamento de fontes e remedição para garantir as vitórias. Terceiro mês: trazer o backlog estrutural para a engenharia com evidências, concordar com orçamentos e monitoramento e institucionalizar os hábitos de publicação. O padrão depois disso é a manutenção: higiene por padrão, orçamentos no portão, monitoramento no relógio. A velocidade não é um projeto com uma data de término; é uma propriedade de como o site é operado, e as mãos do marketing estão em mais controles do que a tradição admite.