Performance Web: Otimização do header.php no WordPress

Para quem utiliza o WordPress como plataforma existe uma estratégia (mais puxado para gambiarra, mas ajuda) para reduzir ainda mais os request de página. Como todo gerenciador de conteúdo, o WordPress possui funcionalidades para que qualquer pessoa possa configurá-lo a seu gosto através do painel...

Performance Web: Bloqueio de renderização

Durante o carregamento de uma página o navegador precisa analisar toda a marcação HTML e processar todas as informações sobre o layout dela. E este processo fica mais lento quando o navegador encontra um script, pois quando isto acontece é necessário que o navegador...

Performance Web: Compactação Gzip

Ativar este recurso de compactação no servidor web significa diminuir o tamanho dos arquivos antes da transferência de dados pela rede, reduzindo assim o tempo de download da página no navegador. A compactação gzip ou deflate é normalmente ativada por padrão em serviços de hospedagem....

Performance Web: Compactação HTML, CSS e Javascript

Esta estratégia de compactação HTML, CSS e Javascript gera controvérsias na comunidade de desenvolvedores, pois muitos defendem que o custo-benefício desta prática não vale a pena. Eu, particularmente, não obtive resultados expressivos adotando esta prática nos projetos no quais já trabalhei. Porém, acredito que ela...

Performance Web: Diminuição de requests

Depois de aprender a otimizar as imagens e a criar um arquivo .htaccess para aproveitar o cache do navegador, chegou a hora de atacarmos outra frente que pode colaborar com a lentidão do nosso site: o grande número request para a renderização da página. Com...

Performance Web: Como aproveitar o cache do navegador

Aproveitar o cache do navegador significa informar para o navegador que ele não precisa fazer o download de todos os arquivos da página, mas sim utilizar os que estão armazenados na máquina do usuário (What!?). Um pouco confuso, não é?  Vamos desde o início...

Performance Web: Otimização de imagens com Tinypng

As imagens que compõe um site correspondem, geralmente, mais de 50% dos bytes que são transferidos pela rede. E não necessariamente o site possui muitas imagens, a questão é que comparando imagens com arquivos de texto HTML, CSS e até o mesmo Javacript em...