8 documentos marcados com "Performance"

Através de três camadas de Lazy Loading de rotas, reduzimos o carregamento inicial de 12.5MB para 850KB, diminuindo o tempo da primeira tela em 70%.

Através de uma estratégia de quatro camadas de lazy loading de imagens, reduzimos o tráfego de imagens da primeira tela de 60MB para 2MB, melhorando o tempo de carregamento em 85%.

Através de técnicas como debounce, throttle, time slicing e requestAnimationFrame, otimizamos a performance computacional do JavaScript e melhoramos a experiência do usuário.

Web Worker é uma API que executa JavaScript em uma thread de segundo plano no navegador, permitindo realizar computações demoradas sem bloquear a thread principal (thread da UI).

Quando a tela precisa exibir dezenas de milhares de registros, como encontrar o equilibrio entre performance, experiência do usuário e custo de desenvolvimento?

Quando a página precisa renderizar 1000+ registros, o virtual scroll pode reduzir os nos de DOM de 1000+ para 20-30, diminuindo o uso de memória em 80%.

Guia completo de otimização de performance no Nuxt 3: desde redução de Bundle Size, otimização de velocidade SSR até estratégias de carregamento de imagens, criando uma experiência de performance máxima.

Acumulando continuamente experiências práticas e pontos-chave de entrevista sobre otimização de performance web, organizados por nível de dificuldade.