5 dicas para melhorar a performance CSS
Conheça 5 dicas para melhorar a performance de CSS através de técnicas variadas e melhorar o desempenho de seus projetos Web.
prefers-reduced-data: como funciona a nova media query
Conheça prefers-reduced-data, a nova media query para controle de dados. Veja casos de uso práticos em que ela será bastante útil.
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!