Especialista em Otimização de Performance Shopify para Core Web Vitals

Estamos buscando um especialista em otimização de performance para aprimorar as métricas de Core Web Vitals (LCP e Speed Index) da nossa loja Shopify, tanto para mobile quanto para desktop, conforme avaliado pelo Google PageSpeed Insights. O objetivo principal é garantir uma experiência de usuário mais rápida e fluida.

O escopo do projeto inclui as seguintes áreas:

1. Limpeza de Código Residual: Identificar e remover scripts, arquivos .liquid e trechos de código injetados manualmente ou via API de aplicativos que foram desinstalados (por exemplo, antigos widgets de reviews, chats ou pop-ups). É Crucial garantir que não existam chamadas de arquivos js/css externos que resultem em erros 404 no console do navegador.

2. Otimização do Caminho Crítico (LCP): Implementar a tag de preload no primeiro banner do slideshow da Homepage para otimizar o Largest Contentful Paint (LCP). Além disso, será necessário implementar ou revisar o atributo loading="lazy" de forma nativa em todas as imagens de produtos e banners que aparecem abaixo da dobra da página. Aplicar font-display: swap; em todas as declarações de @font-face no CSS para evitar texto invisível durante o carregamento da página.

3. Gestão de Scripts de Terceiros: Aplicar os atributos defer ou async em scripts não essenciais para melhorar o tempo de carregamento. Otimizar a chamada do script do PageFly e corrigir quaisquer erros de "Reflow Forçado" (Layout Thrashing) que possam ser apontados no console do navegador.

4. Correção de Erros de Console e Traces: Realizar uma análise detalhada de Performance Traces para identificar e eliminar gargalos de execução de JavaScript que possam estar travando a thread principal do navegador. Resolver todos os erros de console gerados pelo PageFly ou por outras bibliotecas de terceiros.

Informações Importantes:

Imagens e Conteúdo: A otimização da resolução e peso das imagens, bem como a configuração de coleções de produtos esgotados, será gerenciada internamente pela nossa equipe. O freelancer deverá focar exclusivamente na parte técnica e no código da loja.

Ambiente de Teste: Todo o trabalho de otimização deve ser realizado em um tema duplicado (rascunho). O tema principal da loja só será atualizado após a nossa homologação e validação completa, garantindo que nenhuma funcionalidade existente tenha sido comprometida.

Checklist de Entrega: Um relatório detalhado de "Antes e Depois" da pontuação no Google PageSpeed Insights, demonstrando as melhorias alcançadas.