Ver categorias
Explorar
Fiverr Pro
Português
$
USD
Vou corrigir problemas de inp e lcp para aplicações complexas em nextjs ou nuxt
Dwi Wahyu Ilahi
Sobre este Serviço
Tradução automática
Pare de perder receita por causa do Red Core Web Vitals.
Sua aplicação em Next.js ou Nuxt está lenta? Scores baixos em LCP e INP não só frustram os usuários, como também destroem seu SEO e matam suas conversões. Plugins genéricos de "speed" não funcionam bem em aplicações modernas e complexas porque não resolvem a causa raiz: gargalos no código.
A Realidade: Bundles de JavaScript inchados, incompatibilidade na hidratação e bloqueios na Main-Thread estão drenando sua receita a cada segundo.
Eu ofereço Performance Engineering, não remédios caseiros. Como Desenvolvedor Sênior especializado em Next.js e Nuxt 3, faço intervenções arquitetônicas para garantir que sua aplicação seja instantânea e permaneça responsiva.
O que eu corrijo:
- INP (Interaction to Next Paint): Eliminando lag na Main-Thread para cliques rápidos.
- LCP (Largest Contentful Paint): Otimizando SSR/ISR e prioridade de recursos críticos.
- Hidratação: Reduzindo o uso de CPU durante o handshake do lado do cliente.
- Otimização de bundle: Tree-shaking avançado e divisão dinâmica de código.
- TBT (Total Blocking Time): Minimizando o tempo de execução de scripts para aumentar a responsividade.
Sem plugins. Sem atalhos. Apenas código limpo, escalável e otimizado.
Pronto para atingir 90+ no Lighthouse e passar os dados do CrUX? Vamos começar.
Respeite os direitos de terceiros
Esteja atento ao fato que é contra as políticas do prestador da Fiverr incluir temas, modelos ou outros elementos no trabalho entregue que infrinjam os direitos de terceiros ou leis aplicáveis. Leia mais em nosso Guia de Criação Digital Responsável.
Conheça mais sobre Dwi Wahyu Ilahi
Dwi Wahyu Ilahi
Webapp Developer
- A partir deIndonésia
- Membro desdejan. de 2022
- Responde em aprox.:4 horas
- Última entrega1 mês
Idiomas
Inglês
Fullstack web developer since 2023, building internal systems and institutional web platforms. Experienced with CMS, news management, reporting modules, and secure government web profiles. Stack: Next.js, Nuxt 3, NestJS, Laravel, SvelteKit. I've solved real problems — rebuilding hacked sites, fixing performance under limited server resources, and shipping systems that organizations actually depend on daily.
Tradução automática
Meu portfólio
Perguntas frequentes
Tradução automática
Qual a diferença entre INP e FID, e por que isso importa?
INP (Interaction to Next Paint) é o sucessor do FID. Enquanto o FID mede apenas o atraso na primeira interação, o INP avalia a latência de todas as interações durante a sessão do usuário. Eu foco no INP porque ele reflete a responsividade geral do seu app, que agora é um fator crítico de ranking no Google.
Por que escolher engenharia manual ao invés de plugins de otimização?
Plugins muitas vezes adicionam uma camada extra de JavaScript, o que pode piorar a hidratação e os bloqueios na Main Thread. Minha abordagem envolve mudanças "cirúrgicas" no código — otimizando como seus componentes em Next.js/Nuxt são renderizados e executados — resultando em uma base de código mais leve, rápida e sustentável.
Meu score no Lighthouse é 90+, mas ainda falho nos Core Web Vitals. Por quê?
Lighthouse é "Lab Data" (simulado). O Google te classifica com base no CrUX (Field Data) — experiências reais dos seus usuários. Eu otimizarei para o CrUX, garantindo que usuários com dispositivos mais lentos ou redes instáveis tenham uma experiência rápida e responsiva que passa na validação do Google.
Como você lida com problemas de LCP em Next.js (App Router) ou Nuxt 3?
Eu otimizo o LCP priorizando o Critical Rendering Path. Isso inclui ajustar componentes como next/image ou NuxtImg, implementar estratégias de fetch corretas (Server Components vs. Client Components) e garantir que elementos principais sejam pré-carregados e renderizados sem mudanças de layout.
Você consegue corrigir problemas de "Main Thread Blocking"?
Sim. TBT (Total Blocking Time) alto é o principal causador do INP ruim. Uso técnicas avançadas como Code Splitting, Imports dinâmicos e offloading de lógica pesada (como análises ou cálculos complexos) para Web Workers ou otimizações em micro-tarefas não bloqueantes.
Como você lida com tamanhos grandes de JavaScript Bundle?
Faço uma análise profunda do Bundle para identificar dependências pesadas. Depois, aplico tree-shaking, substituo bibliotecas inchadas por alternativas leves e garanto que seu app envie apenas o JS mínimo necessário para a rota atual.
Suas otimizações vão afetar meu SEO ou Scripts de Terceiros (GTM, Pixel)?
Minhas otimizações melhoram seu SEO ao corrigir os Core Web Vitals. Para scripts de terceiros, uso estratégias como Partytown ou carregamento atrasado para garantir que eles não bloqueiem seu LCP ou interfiram nas interações do usuário (INP).
Preciso fornecer acesso ao meu código fonte?
Sim, para fazer Performance Engineering, preciso de acesso ao seu repositório (GitHub/GitLab). Diferente de auditorias básicas, implemento as correções diretamente no seu código para garantir máxima eficiência e compatibilidade com sua arquitetura.
Como você garante que a velocidade não volte a cair depois que terminar?
No pacote Premium, configuro Performance Budgets e posso orientar sua equipe na integração CI/CD para monitorar automaticamente as métricas do Lighthouse/CrUX. Assim, novas funcionalidades não degradam acidentalmente a performance que conseguimos.
O que é um "Hydration Bottleneck" e como consertar?
Hydration é o JS ativando o HTML do servidor. Aplicações grandes muitas vezes travam nesse processo (High INP). Eu resolvo usando Partial Hydration, lazy-loading e otimização de hooks para aliviar a congestão na Main Thread e garantir resposta instantânea.
