Otimização Avançada de Web Vitals e Pagespeed para E-commerce Mobile

Estamos buscando um especialista em otimização de performance web para melhorar a experiência do usuário e o PageSpeed em nossas principais rotas de receita. Identificamos um aumento nos custos de aquisição por compra, com diagnósticos iniciais apontando para um alto LCP (Largest Contentful Paint) em dispositivos móveis e problemas com TBT (Total Blocking Time) e INP (Interaction to Next Paint).

Medições recentes indicam: fcp ~2,6s, lcp ~16,4s, tbt ~1.150ms, CLS 0,00, Speed Index ~6,2s (em 4G). Os gargalos incluem imagens pesadas acima da dobra, carregamento precoce de aplicativos de reviews/chat e GTM (Google Tag Manager).

O objetivo principal é aprimorar a experiência real do usuário (Web Vitals) e o PageSpeed nas páginas críticas para a receita, eliminando os obstáculos que impactam negativamente a taxa de conversão e o CPA (Custo por Aquisição).

Escopo do Projeto:
1.  Otimização do LCP (Prioridade Máxima):
    *  Tornar o banner/hero estático e prioritário, ou congelar o primeiro slide.
    *  Implementar srcset/sizes, preload e fetchpriority="high" para a imagem LCP.
    *  Converter imagens para formatos modernos (AVIF/WebP) e ajustar dimensões exatas para cada contexto (ex.: Cards 305x305).
2.  Gerenciamento de Terceiros e JavaScript Pesado:
    *  Adiar ou implementar lazy loading para scripts de Tolstoy/chat e reviews (manter apenas um aplicativo de reviews).
    *  Adiar o carregamento de sprites de bandeiras e GTM/gtag para onde for estritamente necessário.
    *  Remover JavaScript e CSS não utilizados, dividir bundles por seção/template e evitar jQuery duplicado ou carregamento via CDN.
3.  Otimização de Imagens Fora da Dobra e da Rede:
    *  Aplicar loading="lazy" para imagens não-lcp e garantir atributos width/height corretos para manter o cls próximo de 0.
    *  Remover assets globais que são utilizados apenas em páginas específicas (ex.: Flags telefônicas).
4.  Medição e Validação:
    *  Instalar a medição de Web Vitals (RUM - Real User Monitoring) e configurar o envio dos dados (lcp, inp, cls, fcp, ttfb) para o google analytics 4 (ga4).
    *  Elaborar um relatório comparativo antes/depois, incluindo resultados do Lighthouse (emulado em 4G), dados do GA4 por dispositivo e o impacto na taxa de conversão.

Este projeto não inclui rebranding/UX completo, criação de um novo tema ou reescrita total do checkout, a menos que acordado previamente.

Critérios de Aceitação (Medíveis):
*  Para Home, Categoria, PDP e Carrinho (Mobile):
    *  LCP menor ou igual a 3,0s (ideal menor ou igual a 2,5s) em teste controlado 4g.
    *  Inp menor ou igual a 200ms (ou tbt menor que 200ms em laboratório).
    *  CLS estável menor ou igual a 0,05.
    *  PageSpeed Mobile maior ou igual a 85 e Desktop maior ou igual a 95.
*  Relatório final detalhado contendo:
    *  Planilha com "gargalo -> ação -> ganho estimado -> ganho medido".
    *  Capturas de tela do Lighthouse antes e depois.
    *  Evento GA4 com dados de Web Vitals (com 7 dias de coleta recomendados).
    *  Lista de todas as modificações realizadas (arquivos editados, aplicativos alterados, tags GTM ajustadas).