Em performance Web, o que é velocidade?

Já é ponto pacífico entre devs que performance Web é importante em projetos, mas o quê realmente significa ter um site/app rápido?

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

Não sabe o que é Deslocamento de Layout (Layout Shift) e desconhece a métrica Cumulative Layout Shift (CLS)? Você pode estar com sérios problemas…

SVG inline… Com cache!

Todos sabemos que não é possível cachear ícones SVG inline… Ou será que é? Veja neste artigo como usar ícones SVG inline com cache!

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

Conheça font-display, a nova propriedade CSS font face para ajuste fino de carregamento/exibição de fontes para aprimoramento da performance em sites!

Lazy loading nativo de imagens e iframes

Lazy loading nativo de imagens e iframes, um sonho antigo de webdevs, finalmente vai se tornar realidade! Saiba mais como usar e como testar hoje mesmo.

12 dicas para otimizar o WordPress ao máximo

Conheça 12 dicas para otimizar sites WordPress ao máximo e garantir que a performance de seu projeto web não esteja abaixo da excelência!

Second Meaningful Content: a pior métrica de performance

Conheça Second Meaningful Content, métrica de performance que surgiu por brincadeira, mas que deve ser levada bastante a sério.

Retrospectiva 2018

Retrospectiva com os melhores artigos de 2018 do seu, do meu, do nosso desenvolvimento para web! ;-)

Como encontrar CSS morto e otimizar estilos

Conheça uma técnica simples e de baixíssimo custo para identificar CSS morto e otimizar o código e performance de projetos web. Você vai se surpreender!

CSS Blocks: introdução à API

Veja neste artigo uma introdução à API de CSS Blocks e comece a entender porque este é um dos melhores compiladores CSS da atualidade.

LinkedIn anuncia CSS Blocks, o novo otimizador de CSS

Saiba mais sobre CSS Blocks, o novo projeto open source da LinkedIn de um otimizador CSS que promete contribuir muito para o desenvolvimento front-end.

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

Saiba mais sobre rel=noopener, um simples atributo que se coloca em links externos para obter melhorias em performance e segurança.

Retrospectiva 2016

Retrospectiva com os melhores artigos de 2016 do desenvolvimento para web!

Desmistificando o CSS crítico “acima da borda”

Usar CSS crítico inline “acima da borda” é uma técnica infalível? Leia mais para saber que a melhor resposta para dilemas web continua sendo “depende”.

Accelerated Mobile Pages (AMP): 1 ano depois

O projeto da Google Accelerated Mobile Pages (AMP) foi lançado há 1 ano. Veja quais foram os impactos na web do mundo todo.

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

Delegação de Eventos (Events Delegation) em JavaScript puro: mais informações e exemplos de como usar corretamente.

Retrospectiva 2015

Retrospectiva dos melhores artigos de 2015 para fechar o ano em grande estilo!

Accelerated Mobile Pages

Accelerated Mobile Pages (AMP): saiba mais sobre o projeto da Google para que suas páginas carreguem instantaneamente!

Imagens responsivas com srcset e sizes

Conheça mais sobre srcset e sizes, seus novos amigos na hora de implementar imagens responsivas

Melhore o tempo de carregamento com subconjuntos de fontes

Aprenda como usar subconjuntos de fontes para poupar preciosos KB, diminuindo o tamanho total das páginas e melhorando a performance geral!

Prevenindo “layout thrashing” com FastDom

Saiba o que é “layout thrashing”, suas consequências e como é possível evitar usando a biblioteca FastDom.

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

Saiba mais sobre renderização de páginas web (rendering tree, reflow, repaint) e como isso é importante para melhorar a performance web.

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

Dicas valiosas sobre como criar a ilusão de performance no seu site e garantir uma melhor experiência percebida para seus visitantes.

Namespacing em JavaScript

Aprenda mais sobre namespacing em JavaScript através de várias técnicas e exemplos e melhore a organização e qualidade de seu código JavaScript.

dpw2014 – parte 2: desempenho / performance

Segundo artigo com informações sobre o novo tema do blog, focado em desempenho/performance. Leia e conheça as tecnologias usadas.

Gulp

Conheça o Gulp, melhor automatizador de tarefas de front-end da atualidade, num artigo repleto de informações, dicas e exemplos.

Eventos JavaScript

Introdução a eventos JavaScript: saiba mais sobre eventos, event handlers, tipos de eventos, eventos JavaSript comuns e mais.

Conhecimentos essenciais de JavaScript para quem já usa jQuery

JavaScript puro e suas funções, métodos e maneiras de trabalhar estão ficando cada vez mais simples e eficientes. Veja uma série de comparações de funções e métodos em JavaScript nativo comparados com jQuery.

Imagens em web design responsivo: atributo srcset e elemento picture

A solução oficial W3C para imagens responsivas está perto de chegar! Conheça mais sobre o atributo srcset e o elemento picture para sites com web design responsivo.

Equivalentes nativos de JavaScript para funções jQuery

Conheça equivalentes nativos de JavaScript para funções jQuery e saiba como aumentar o desempenho de seus projetos web.

Media queries e download de imagens

Media queries e download de imagens: veja os resultados de uma bateria de testes feitos para testar qual o comportamento de vários navegadores.

Como loading de JavaScript funciona: DOMContentLoaded e OnLoad

Aprenda como o loading de JavaScript funciona e saiba mais sobre os eventos DOMContentLoaded e OnLoad e como posicionar e usar apropriadamente seus códigos JS.

Performance como design

Performance de sites é assunto de desenvolvedores web. Mas será que já não é hora de a discussão passar para o design e planejamento do projeto?

Webshims Lib: Polyfills de recursos de HTML5 e CSS3

Conheça a Webshims Lib e saiba como ter polyfills de recursos de HTML5 e CSS3 carregados sob demanda!

Pré-carregamento de recursos com HTML5

Saiba como pré-carregar recursos com HTML5 e melhorar a performance e experiência do usuário através de sites mais rápidos

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

Aprenda como melhorar a performance e tempo de carregamento do site limpando HTML, CSS e imagens e fazendo um bom planejamento de recursos.

Escrevendo CSS eficiente

Escrever CSS performático e de qualidade é algo que nem todos desenvolvedores front-end sabem fazer. Se você se encaixa neste grupo, leia o artigo!

Usando Modernizr para detectar features de HTML5 e CSS3

Conheça e aprenda a usar Modernizr, biblioteca JavaScript que permite detectar features de HTML5 e CSS3 do navegador e prover soluções, caso necessário.

Não use IDs como seletores CSS

À primeira vista, pode parecer estranho não usar IDs como seletores em CSS, mas, através argumentos bem embasados, entenda porque isso é verdade.

Como usar .ready() antes de incluir a jQuery

Aprenda como usar o .ready() da jQuery até mesmo antes de incluir a própria jQuery, que permite executar códigos inline que dependem da bilbioteca mesmo antes de ela ser incluída! Saiba mais!

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

Dicas simples de como otimizar códigos jQuery e aumentar a performance do front-end

5 dicas para temas WordPress melhores

Leia este artigo e conheça dicas de como desenvolver temas WordPress melhores

8 maneiras de melhorar a performance de um site

Confira dicas de como melhorar a performance e desempenho de um site através de técnicas comprovadas

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

Saiba como otimizar imagens para Web através de nosso guia de otimização de imagens. Os benefícios de imagens otimizadas são muitos!

Truques de configuração do WordPress

Aprenda truques e dicas de configuração do WordPress e veja que existem diretivas no wp-config que podem aumentar a performance de seu WordPress

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

Questões simples para planejar e executar de forma excelente o desenvolvimento de sites e projetos web

Dicas para otimizar códigos PHP

Fazer programação em PHP é fácil; fazer uma boa programação exige um pouco mais de conhecimento. Saiba de dicas rápidas e fáceis para aumentar a performance de seus códigos!

E-book que explica os 3 conceitos fundamentais de CSS para você entender de uma vez por todas e parar de brigar com CSS!

Usamos cookies para melhorar sua experiência e para ajudar a entender como nosso site é usado. Ao utilizar este site, você aceita o uso de cookies. Consulte nossa política de privacidade para obter mais informações.