Performance
50 posts
Como o Baseline ajuda a usar menos JavaScript
Guia prático para auditar as dependências do package.json e descobrir o que a plataforma web já resolve nativamente, usando o Baseline como bússola.
Ler artigoA grande expansão do CSS
CSS agora faz nativamente o que Floating UI, GSAP, Framer Motion e react-select exigiam em JavaScript. Veja quanto isso economiza e o que ainda falta.
Ler artigoBem-vindo ao dpw 2026!
O blog foi reconstruído do zero com Astro 5, MDX, SCSS com ITCSS e mais. Conheça a stack, as decisões técnicas e o que mudou nesta nova versão.
Ler artigo6 maneiras erradas de usar useEffect de React
Evite 6 maneiras erradas de usar useEffect em React. Aprenda alternativas melhores e otimize seus componentes para melhor performance e legibilidade. Corrija!
Ler artigo5 dicas para melhorar a performance CSS
Otimize o desempenho do seu CSS com 5 técnicas comprovadas. Aprenda minificação, compressão, CSS crítico e remoção de código não utilizado. Acelere!
Ler artigoprefers-reduced-data: como funciona a nova media query
Prefers-reduced-data: economize dados do usuário com CSS. Media query nativa para detectar preferência por menor consumo de dados móveis. Respeite!
Ler artigoEm performance Web, o que é velocidade?
Performance web: entenda a importância da velocidade em sites. Impacto direto em UX, conversão, SEO e sucesso de negócios digitais. Otimize já!
Ler artigoDeslocamento de Layout (Layout Shift) e Cumulative Layout Shift (CLS): guia completo
Guia completo sobre Cumulative Layout Shift (CLS). Aprenda a evitar deslocamentos indesejados de layout e melhorar drasticamente Core Web Vitals. Otimize!
Ler artigoSVG inline... Com cache!
Inline SVG e estratégias avançadas de cache. Otimize SVG inline com service workers, sprites SVG e técnicas de reutilização eficiente. Otimize agora!
Ler artigofont-display: controle de exibição de fontes para ajuste em performance
Font-display: otimize carregamento de fontes web drasticamente. Controle exibição durante download e melhore performance com swap, fallback e optional. Use!
Ler artigoLazy loading nativo de imagens e iframes
Lazy loading nativo para imagens e iframes HTML. Melhore drasticamente performance com carregamento sob demanda usando HTML puro. Sem JavaScript!
Ler artigoSecond Meaningful Content: a pior métrica de performance
Second Meaningful Content: a pior métrica de performance web. Entenda pintura de conteúdo significativo e real impacto em UX. Analise criticamente!
Ler artigoRetrospectiva 2018
Relembre 2018 no dpw: breakpoints CSS, CSS Blocks da LinkedIn, otimização de estilos e novo tema do blog. Veja os artigos que marcaram o ano!
Ler artigoComo encontrar CSS morto e otimizar estilos
Técnica simples para identificar e remover CSS morto em produção. Descubra como otimizar estilos e melhorar performance eliminando código legado. Limpe!
Ler artigoCSS Blocks: introdução à API
Conheça CSS Blocks da LinkedIn: otimizador revolucionário que reescreve CSS para máxima performance. Introdução à API e casos de uso práticos. Otimize!
Ler artigoLinkedIn anuncia CSS Blocks, o novo otimizador de CSS
Descubra CSS Blocks da LinkedIn: tecnologia que otimiza automaticamente seu CSS. Aprenda como reduzir drasticamente o tamanho dos arquivos CSS. Revolucionário!
Ler artigorel=noopener para benefícios de performance e segurança
Use rel=noopener para performance e segurança web. Proteja sites de vulnerabilidades sérias e melhore velocidade em links externos. Proteja-se!
Ler artigoRetrospectiva 2016
Descubra os melhores artigos de 2016: Motion UI, JavaScript funcional, APIs RESTful e validação de formulários. Confira os destaques do ano!
Ler artigoDesmistificando o CSS crítico "acima da borda"
Análise crítica sobre CSS inline crítico acima da borda: vantagens, desvantagens e quando realmente usar. Otimização de páginas vs sites. Desmistifique!
Ler artigoAccelerated Mobile Pages (AMP): 1 ano depois
Análise do primeiro ano do projeto Google AMP na prática. Descubra estatísticas de adoção, impacto real na performance e resultados de publishers. Veja!
Ler artigoDelegação de Evento (Event Delegation) em JavaScript puro
Domine Event Delegation em JavaScript puro sem jQuery. Aprenda a técnica essencial para melhorar performance e gerenciar eventos dinamicamente.
Ler artigoRetrospectiva 2015
Retrospectiva 2015 do desenvolvimento para web. Relembre principais artigos, conquistas e momentos marcantes do ano no blog. Nostalgia pura!
Ler artigoAccelerated Mobile Pages
Entenda o projeto Google AMP para páginas móveis instantâneas. Conheça a tecnologia, limitações e como melhorar dramaticamente a performance mobile.
Ler artigoImagens responsivas com srcset e sizes
Srcset e sizes: imagens responsivas baseadas em viewport HTML. Controle inteligente de resolução e densidade de pixels para performance otimizada!
Ler artigoMelhore o tempo de carregamento com subconjuntos de fontes
Melhore carregamento com subconjuntos de fontes (font subsetting). Reduza drasticamente tamanho de webfonts incluindo apenas caracteres necessários.
Ler artigoPrevenindo "layout thrashing" com FastDom
Aprenda a prevenir layout thrashing com FastDOM. Otimize manipulações DOM evitando reflows forçados e melhorando drasticamente a performance!
Ler artigoO que todo desenvolvedor front-end deve saber sobre renderização de páginas web
Entenda como navegadores renderizam páginas web. Guia essencial sobre DOM, CSSOM e otimização de performance que todo dev front-end precisa saber.
Ler artigoComo criar a ilusão de páginas mais rápidas
Melhore a performance percebida do seu site. Técnicas comprovadas para criar ilusão de velocidade: indicadores, skeleton screens e lazy loading.
Ler artigoNamespacing em JavaScript
Namespacing em JavaScript: organize código e evite conflitos globais. Padrões de encapsulamento essenciais para projetos escaláveis e manuteníveis. Organize!
Ler artigodpw2014 - parte 2: desempenho / performance
Guia completo sobre performance web no dpw2014 - Parte 2. Aprenda técnicas de otimização avançadas, front-end performance e melhores práticas. Otimize!
Ler artigoGulp
Gulp: automatize tarefas de desenvolvimento front-end. Configure build, minificação, otimização de assets e workflow eficiente com JavaScript. Automatize!
Ler artigoEventos JavaScript
Fundamentos de eventos JavaScript completamente explicados. Aprenda como funcionam, propagação, listeners e criar interatividade em aplicações web. Domine!
Ler artigoConhecimentos essenciais de JavaScript para quem já usa jQuery
Descubra conhecimentos essenciais de JavaScript para quem usa jQuery. Aprenda querySelector, classList e manipulação DOM com vanilla JS moderno. Evolua!
Ler artigoImagens em web design responsivo: atributo srcset e elemento picture
Imagens responsivas com srcset e picture HTML. Sirva imagens perfeitamente otimizadas por dispositivo usando HTML nativo e art direction. Otimize!
Ler artigoEquivalentes nativos de JavaScript para funções jQuery
Equivalentes nativos JavaScript para substituir jQuery. Migre para Vanilla JS moderno com métodos DOM nativos mais eficientes e performáticos. Evolua!
Ler artigoMedia queries e download de imagens
Media queries e download de imagens: otimização mobile essencial. Evite downloads desnecessários com estratégias de imagens responsivas inteligentes. Economize!
Ler artigoComo loading de JavaScript funciona: DOMContentLoaded e OnLoad
Entenda como loading de JavaScript funciona: DOMContentLoaded vs OnLoad. As 3 janelas de tempo para carregar e executar scripts. Performance web otimizada!
Ler artigoPerformance como design
Performance como design: otimização é UX essencial. Velocidade não é apenas técnica, é experiência do usuário e requisito fundamental de design!
Ler artigoWebshims Lib: Polyfills de recursos de HTML5 e CSS3
Conheça Webshims Lib: polyfills completos para HTML5 e CSS3. Biblioteca de fallbacks para recursos modernos em navegadores antigos. Use jQuery!
Ler artigoPré-carregamento de recursos com HTML5
Pré-carregamento de recursos com HTML5 (preload/prefetch). Otimize drasticamente performance antecipando download de assets críticos. Acelere seu site!
Ler artigoComo melhorar a performance do site limpando HTML, CSS e imagens
Aprenda técnicas práticas para melhorar performance limpando HTML, CSS e imagens. Aumente velocidade de carregamento e reduza drasticamente bounce rate!
Ler artigoEscrevendo CSS eficiente
Escreva CSS eficiente para melhor performance web. Entenda seletores otimizados, especificidade e técnicas de otimização para sites rápidos. Otimize!
Ler artigoUsando Modernizr para detectar features de HTML5 e CSS3
Modernizr: detecte features HTML5 e CSS3 no navegador facilmente. Biblioteca essencial para feature detection e progressive enhancement moderno. Use!
Ler artigoComo usar .ready() antes de incluir a jQuery
Técnica inteligente para usar jQuery .ready() antes de incluir a biblioteca. Melhore performance colocando scripts no fim do documento HTML. Otimize!
Ler artigoComo otimizar códigos jQuery e aumentar a performance do front-end
Otimize códigos jQuery para melhor performance front-end. Aprenda seletores eficientes, caching inteligente e boas práticas de programação. Acelere!
Ler artigo8 maneiras de melhorar a performance de um site
Acelere seu site com 8 técnicas front-end comprovadas. Aprenda otimização de imagens, minificação de código e redução de requisições HTTP. Melhore agora!
Ler artigoFerramentas e recursos para desenvolvimento web
Ferramentas essenciais para desenvolvimento web profissional. Recursos, bibliotecas e utilidades práticas para aumentar produtividade e qualidade de código!
Ler artigoComo otimizar imagens para Web: guia de otimização de imagens
Guia completo de otimização de imagens: formatos JPG, PNG, WebP e GIF. Aprenda compressão, lazy loading e técnicas para melhorar performance.
Ler artigoPergunte-se a si mesmo: questões para desenvolver um bom site
Perguntas essenciais para desenvolver um bom site web. Auto-questionamento sobre objetivos, público-alvo e estratégia antes de começar. Planeje!
Ler artigoDesenvolvimento para web 2.0
Anúncio histórico da versão 2.0 do blog desenvolvimento para web. Conheça mudanças revolucionárias de design, performance e identidade visual. Relembre!
Ler artigo