Riot: Como Otimizar Imagens
Ótimo programa para reduzir o peso das imagens
Com a velocidade de carregamento das páginas se tornando um fator oficial para ranqueamento das páginas, tudo que pudermos fazer para reduzir o peso da página é sempre positivo. Entre as várias coisas que podemos fazer está a agregação e compactação de scripts e css, mas uma área onde podemos ganhar muito é na compactação das imagens.
Como todos sabem, não sou designer, em geral compro os temas de designers, que pensam muito mais na apresentação do que na otimização do site (isto está correto, afinal esse é o trabalho deles), então, as imagens costumam ser com a melhor qualidade possível. O que aumenta bastante o peso total da página. A home do BrPoint, por exemplo tem um tamanho total de 1,05 Mb, leva quase 19 segundos para carregar e faz mais de 160 requisições. Segundo o GWT, isso quer dizer que o site é mais lento que 98% dos demais sites. Tenho muito que mudar.
Quase 50% de redução no tamanho da imagem, sem qualquer trabalho.
Desses 1,05 MB, em torno de 748Kb são imagens, se eu pudesse reduzir isso pela metade já seria um ganho de, quase, 35% no tamanho da página. É ai que entra o Riot, que vi no Baixatudo. O programa parece milagroso. Em um simpĺes teste com o logo do BrPoint, consegui, brincando com o número de cores indexadas no GIF, chegar a metade do tamanho. Isso sem qualquer diferença visual.
O melhor é que o software funciona bem no Linux, usando o Wine. O único problema que apresenta é que ele não fecha de primeira, mas dá para atualizar todas as imagens que você precisa e fechar só no final.
Este final de semana começa a caça as imagens gigantes, para tentar melhorar o desempenho de todos os meus sites. A próxima vítima são os JSs, que, no caso do BrPoint são muitos, terei que remover alguns ou colocalos em outro lugar, mas isso vai ficar mais para frente.
15 Comentários para “Riot: Como Otimizar Imagens”
Comente
Acompanhar
Twitter Comment
Riot: Como Otimizar Imagens – [link to post]
– Posted using Chat Catcher
[...] This post was mentioned on Twitter by Bruno Alves, Flávio Torelli. Flávio Torelli said: RT: @brunoalves: Riot: Como Otimizar Imagens – http://clicky.me/84o [...]
Twitter Comment
RT: @brunoalves: Riot: Como Otimizar Imagens – [link to post]
– Posted using Chat Catcher
Twitter Comment
Ótimo programa para otimizar imagens: [link to post]
– Posted using Chat Catcher
FriendFeed Comment
Ótimo programa para otimizar imagens: [link to post] http://friendfeed.com/e/9bac0b61-704c-4088-8956-05bf8c33d4cc
– Posted using Chat Catcher
FriendFeed Comment
Ótimo programa para otimizar imagens: [link to post] http://friendfeed.com/e/ec671e9f-018d-458f-83c3-c9d6d16a0e82
– Posted using Chat Catcher
Ótima dica. Já vou começar a usar.
Twitter Comment
boa dica do Bruno Alves para compactar imagens do seu site [link to post]
– Posted using Chat Catcher
Eu agora uso o Smush it da Yahoo http://developer.yahoo.com/yslow/smushit/
(versão incluida no Yslow)
Ela comprime automaticamente todas as imagens do site analisado, por isso é só fazer download e substituilas
Eu gostei muito, grande! Eu me virava antes com o PhotoResizer
Complementando o assunto, indico o artigo “Como otimizar imagens para web – guia de otimização de imagens“.
[...] o programa de sua preferência para instalar, escolhi o RIOT após ler a dica do Bruno Alves para otimizar o tamanho das imagens que utilizei neste [...]
Uau! Nunca fiz comentários em forum mas neste preciso fazer
Que programa cool!!
Obrigada por postar
Ana
Muito boa a sua dica gostei!
muito boa a sua dica adorei…