Performance

A 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.

Bem-vindo ao dpw 2026!

6 maneiras erradas de usar useEffect de React

5 dicas para melhorar a performance CSS

prefers-reduced-data: como funciona a nova media query

Em performance Web, o que é velocidade?

Deslocamento de Layout (Layout Shift) e Cumulative Layout Shift (CLS): guia completo

SVG inline... Com cache!

font-display: controle de exibição de fontes para ajuste em performance

Lazy loading nativo de imagens e iframes

Second Meaningful Content: a pior métrica de performance

Retrospectiva 2018

Como encontrar CSS morto e otimizar estilos

CSS Blocks: introdução à API

LinkedIn anuncia CSS Blocks, o novo otimizador de CSS

rel=noopener para benefícios de performance e segurança

Retrospectiva 2016

Desmistificando o CSS crítico "acima da borda"

Accelerated Mobile Pages (AMP): 1 ano depois

Delegação de Evento (Event Delegation) em JavaScript puro

Retrospectiva 2015

Accelerated Mobile Pages

Imagens responsivas com srcset e sizes

Melhore o tempo de carregamento com subconjuntos de fontes

Prevenindo "layout thrashing" com FastDom

O que todo desenvolvedor front-end deve saber sobre renderização de páginas web

Como criar a ilusão de páginas mais rápidas

Namespacing em JavaScript

dpw2014 - parte 2: desempenho / performance

Gulp

Eventos JavaScript

Conhecimentos essenciais de JavaScript para quem já usa jQuery

Imagens em web design responsivo: atributo srcset e elemento picture

Equivalentes nativos de JavaScript para funções jQuery

Media queries e download de imagens

Como loading de JavaScript funciona: DOMContentLoaded e OnLoad

Performance como design

Webshims Lib: Polyfills de recursos de HTML5 e CSS3

Pré-carregamento de recursos com HTML5

Como melhorar a performance do site limpando HTML, CSS e imagens

Escrevendo CSS eficiente

Usando Modernizr para detectar features de HTML5 e CSS3

Como usar .ready() antes de incluir a jQuery

Como otimizar códigos jQuery e aumentar a performance do front-end

8 maneiras de melhorar a performance de um site

Ferramentas e recursos para desenvolvimento web

Como otimizar imagens para Web: guia de otimização de imagens

Pergunte-se a si mesmo: questões para desenvolver um bom site

Desenvolvimento para web 2.0