Conclusões sobre nosso projeto de Performance Web
Chegamos no último artigo dessa série sobre Performance Web e está na hora de verificarmos o resultado prático das técnicas que aprendemos e implementamos no nosso site de exemplo. Se por acaso você chegou aqui diretamente através de uma pesquisa do Google, saiba que antes desse artigo existe outros nos quais abordo diversas técnicas sobre […]
Performance Web: Diferença entre cache de navegador e server cache
Fiquei vários dias “batendo cabeça” quando comecei a colocar em prática o que estava aprendendo sobre cache de navegador. Estudei os conceitos em diferentes fontes, segui alguns tutoriais para fazer o arquivo .htaccess e instalei vários plugins para essa finalidade. Mas nada funcionava da forma como deveria, e assim “perdi” muitas horas com centenas de […]
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 administrativo. Para isso ocorrer, o sistema precisa fazer requisições ao […]
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 interrompa a análise do HTML até que seja executado completamente o […]
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. Mas, no caso do nosso site de exemplo, ativarei a […]
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 seja sim eficiente; a questão é que em meus projetos […]
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 o advento do HTTP 2.0 não mais precisaremos nos preocupar […]
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 para entender toda essa história. Na primeira vez que você acessa […]
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 muitos casos, a quantidade de bytes das imagens costuma ser infinitamente […]
Pingdom – Ferramenta de Análise de Performance Web
O Pingdom é uma ferramenta completa de análise de performance web. Com ela você pode medir o desempenho do seu site e descobrir quais fatores estão deixando-o lento, obtendo ainda sugestões para melhorar não somente a velocidade de carregamento, mas também a experiência de navegação do usuário. A versão premium para assinantes permite monitorar continuamente vários […]