Júnior Gonçalves

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 compactação gzip através do plugin WP Fastest Cache. Após a instalação no painel administrativo do WordPress, basta acessar a aba […]

Performance Web: Compactação Gzip Continue lendo »

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 por serem relativamente pequenos, não possível mensurar o impacto de milissegundos de melhora. Mas creio que em sites de médio

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

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 com o número de request. No entanto, como o HTTP 2.0 ainda é novidade, acho que é importante compreender este

Performance Web: Diminuição de requests Continue lendo »

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 um site o seu navegador de internet faz o download de todos os arquivos que compõem aquela página. Arquivos HTML,

Performance Web: Como aproveitar o cache do navegador Continue lendo »

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 maior. Ok, exagerei um pouco com o “infinitamente”, mas é quase isso. Podemos observar a discrepância no “peso” das imagens

Performance Web: Otimização de imagens com Tinypng Continue lendo »

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 sites, analisando pontos críticos de desempenho e recebendo notificações em caso de problemas. No entanto, há uma versão gratuita na

Pingdom – Ferramenta de Análise de Performance Web Continue lendo »

PageSpeed Insights – Ferramenta de Análise de Performance Web

A PageSpeed Insights é uma ferramenta online de análise de performance web disponibilizada gratuitamente pela Google. 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. Basicamente, a PageSpeed Insights avalia o desempenho em relação à forma de utilização de imagens, Javascripts, folhas de estilo e outros recursos do

PageSpeed Insights – Ferramenta de Análise de Performance Web Continue lendo »

Tudo o que você precisa aprender sobre Performance Web

A internet possibilita hoje que você consiga facilmente colocar um site online para divulgar seu conteúdo, produto ou serviço para um gigantesco número de pessoas. No entanto, da mesma forma que você, seu concorrente também possui esta mesma facilidade. Dessa forma, quando um internauta chega ao seu site, você tem poucos segundos para convencê-lo a permanecer ali, pois ele está a um clique de distância do seu concorrente. Introdução a Performance Web Embora a velocidade

Tudo o que você precisa aprender sobre Performance Web Continue lendo »

O que aprendi sobre Blogs: Hiperbytes e outros projetos

Nesta série de artigos intitulada como “O que aprendi sobre Blogs“, contarei um pouco sobre minha trajetória na Blogosfera. Mas, o objetivo não é simplesmente contar a história do meu blog, e sim compartilhar com você as minhas experiências positivas e negativas de vários momentos em meus projetos web. Minha preocupação foi pontuar meus acertos que resultaram em algumas conquistas e, principalmente, os meus erros que me fizeram aprender muito sobre a difícil “arte” de

O que aprendi sobre Blogs: Hiperbytes e outros projetos Continue lendo »

Modelo de Proposta de Prestação de Serviços para Desenvolvimento de Site

Considerando que um dos artigos mais acessados e comentados ultimamente aqui no Hiperbytes é o Modelo de Contrato para Projeto de Site, resolvi disponibilizar outro documento que pode ser muito útil para quem presta serviços de desenvolvimento de sites. No meu caso de freelancer, após a entrevista para colher informações sobre o projeto, costumo apresentar para o provável cliente um orçamento na forma de proposta de prestação de serviços para desenvolvimento de site. Neste documento

Modelo de Proposta de Prestação de Serviços para Desenvolvimento de Site Continue lendo »