Especialista em Performance Web Front-End

A Foursys é um time apaixonado por inovação, design e transformação digital. Somos globais, somos GPTW. Na Foursys, celebramos a diversidade e acreditamos que são as diferentes ideias e perspectivas que nos enriquecem. Portanto, sua cor, religião, gênero, raça, nacionalidade, idade, origem, identidade de gênero, deficiência ou orientação sexual não são barreiras para se juntar à nossa equipe. #VemSerFoursys Todas as nossas vagas estão abertas para Pessoas com Deficiência (PCD). Caso você se enquadre ou conheça alguém com o perfil, a Foursys é a empresa idealQue tal se juntar a nós e se tornar um(a) #FourTalent? Então se liga nessa oportunidade incrível:Responsabilidades e Atribuições:Buscamos um(a) Especialista em Performance Web Front-End apaixonado(a) por otimizar a velocidade, a responsividade e a experiência do usuário das nossas aplicações web. O foco principal é garantir o carregamento ultrarrápido das páginas, melhorar as métricas de Core Web Vitals e aplicar as melhores práticas de SEO Técnico, resultando em melhor posicionamento nos mecanismos de busca e aumento nas taxas de conversão.Principais Responsabilidades 1. Otimização de Performance: - Analisar, diagnosticar e solucionar gargalos de performance no Front-End (HTML, CSS, JavaScript, imagens, fontes). - Focar na melhoria contínua das métricas Core Web Vitals (LCP, FID/INP, CLS) e outras métricas de velocidade (TTFB, FCP, TTI). - Implementar técnicas de otimização como code splitting, lazy loading, pré-carregamento de recursos (preloading/prefetching), compressão (Gzip/Brotli) e caching avançado. 2. SEO Técnico e Carregamento: - Garantir a rastreabilidade (crawlability) e indexação eficiente das páginas por bots de mecanismos de busca. - Otimizar a estrutura do DOM, o uso de HTML semântico e metatags. - Trabalhar na renderização ideal (server-side, client-side ou híbrida/SSR) para equilibrar performance e SEO. 3. Monitoramento e Análise: -Utilizar ferramentas como Google PageSpeed Insights, Lighthouse, WebPageTest, Google Search Console e ferramentas de RUM (Real User Monitoring) para monitorar e reportar a performance em ambientes de produção. -Criar e manter dashboards de performance, identificando tendências e oportunidades de otimização. 4. Colaboração e Educação: -Colaborar de perto com equipes de Design (UX/UI), Back-End e Marketing/SEO para garantir que as novas funcionalidades sejam lançadas com alta performance e aderência técnica. -Definir padrões de desenvolvimento e atuar como um mentor técnico, disseminando a cultura de performance para toda a equipe de Front-End.Requisitos Técnicos Essenciais (Hard Skills)• Proficiência em: HTML semântico, CSS (incluindo pré-processadores ou CSS-in-JS) e JavaScript moderno (ES6+). • Domínio de Frameworks/Bibliotecas: Experiência avançada em pelo menos um dos principais frameworks de Front-End (React, Vue.js ou Angular), com foco na otimização de builds e carregamento. • Otimização de Assets: Conhecimento profundo em otimização de imagens (WebP, AVIF, tag), font loading (FOIT, FOUT) e minificação de código. • Ferramentas de Build/Bundling: Experiência com ferramentas como Webpack, Rollup ou Vite, configurando otimizações para produção. • Infraestrutura/Rede: Entendimento de redes (Content Delivery Networks (CDN) e estratégias de cache no navegador e no servidor. • SEO Técnico: Conhecimento em Sitemap, Robots.txt, canonicalização, dados estruturados (Schema.org) e experiências de usuário mobile.Habilidades Comportamentais (Soft Skills)• Foco em Resultados: Orientação clara para melhorias mensuráveis (KPIs) de performance e SEO. • Resolução de Problemas Complexos: Capacidade de diagnosticar problemas que atravessam múltiplas camadas (navegador, rede, servidor, código). • Comunicação: Habilidade para explicar problemas técnicos complexos e as soluções propostas para audiências não técnicas (marketing, gestão). • Aprendizado Contínuo: Manter-se atualizado com as constantes mudanças nos algoritmos de busca e nas tecnologias de otimização web.Diferenciais • Experiência com SSR (Server-Side Rendering) ou SSG (Static Site Generation) usando frameworks como Next.js ou Nuxt.js. • Conhecimento de PWA (Progressive Web Apps) e estratégias offline-first. Experiência em plataformas de Cloud Computing (AWS, Google Cloud, Azure) para otimizar o deployment e a entrega.Habilidades:Habilidades Técnicas:- GOOGLE CORE WEB VITALS - LCP - CLS - TTFB - GOOGLE LIGHTHOUSE - DASHBOARDS DE PERFORMANCE - DESIGN DE EXPERIENCIA DO USUARIO (UX/UI) - HTML semântico - CSS AVANCADO - JAVASCRIPT MODERNO (ES6+) - DESENVOLVEDOR REACT - DESENVOLVIMENTO COM NEXT.JS - Nuxt.js - PWA (PROGRESSIVE WEB APPS) - ADMINISTRACAO DA CLOUD AWS - PROCESSAMENTO DE SITEMAPS - DATADOG RUM (REAL USER MONITORING)Habilidades Comportamentais:- Foco em resultados - Resolução de problemas complexos - COMUNICATIVO - Adaptação e Aprendizado ContínuoE temos também o Clube da Four que oferece ótimas vantagensAssistência médica; VR e VA flexível; Gympass e Wellz; Parceria com o SESC; Descontos em restaurantes; Descontos em cursos técnicos e de ensinos superior; Descontos em escolas e plataformas de idiomas.E aí, aceita o desafio? Então conclua sua candidatura e #VemSerFoursys Boa sorte