{"id":5032,"date":"2017-05-15T11:14:04","date_gmt":"2017-05-15T14:14:04","guid":{"rendered":"https:\/\/blog.hostinger.io\/tutoriais\/?p=5032"},"modified":"2023-05-19T19:16:39","modified_gmt":"2023-05-19T22:16:39","slug":"melhorando-o-desempenho-do-site","status":"publish","type":"post","link":"\/pt\/tutoriais\/usando-imagens-progessivas","title":{"rendered":"Melhorando o desempenho do site usando imagens JPEG progressivas"},"content":{"rendered":"

Uma das tarefas cruciais na otimização de site que algumas pessoas tendem a esquecer são as imagens. Em um de nossos guias, aprendemos como melhorar o desempenho do site por meio de imagens em escala<\/u><\/a>. Desta vez, vamos dar um passo adiante e aprender como otimizar imagens JPEG de linha de base em progressivas.<\/p>

\"\"<\/a><\/figure>

Qual a Diferença Entre JPEGs de Linha de Base JPEG Progressivo?<\/strong><\/h2>

Geralmente, as imagens JPEG carregam de cima para baixo e são chamadas de imagens de linha de base. Imagens JPEG progressivas diferem mostrando a imagem inteira imediatamente ao carregar somente uma parte dos dados, significando que pode olhar pixelated até que esteja carregado inteiramente. Abaixo você encontrará um exemplo para melhor compreensão.<\/p>

Ciclo de carregamento do JPEG de linha de base:<\/p>

\n
\"basiline<\/figure>\n<\/div>

Ciclo de carregamento JPEG progressivo:<\/p>

\n
\"progressive<\/figure>\n<\/div>

Como as Imagens JPEG Progressivas Melhoram o Desempenho do Site?<\/strong><\/h3>

Além da melhor experiência visual, imagens JPEG progressivas são 2% a 10% menores em tamanho em comparação com imagens de linha de base, assim, irá melhorar o carregamento do seu site e desempenho.<\/p>

Suas solicitações ao servidor serão mais curtas e mais eficientes, o que também reduzirá o uso de recursos, como largura de banda e espaço em disco. Isso é extremamente eficiente se você estiver hospedando um site em serviços de hospedagem de sites gratuitos ou compartilhados. Sites com uma grande quantidade de imagens JPEG de linha de base também se beneficiarão muito da compressão com perdas em imagens JPEG progressivas.<\/p>

Também vale a pena mencionar que os visitantes que acessam seu site via dispositivo móvel ou conexão lenta à Internet terão uma melhor experiência visual global e tempos de carregamento mais rápido se você usar imagens JPEG progressivas.<\/p>

\"\"<\/a><\/figure>

Do Que Você Precisa?<\/strong><\/h2>

Antes de começar este guia, você precisará do seguinte:<\/p>