Acha que a velocidade do website não interessa?

Então é melhor pensar outra vez!

 

Para ter uma noção, 1 segundo de atraso no carregamento de uma página significa:

– Menos 11% de visualização de páginas;

– A satisfação dos consumidores desce, em média, 16%;

– As conversões (visitantes que se tornam clientes) diminuem em 7%.

 

Se ainda tem dúvida, veja os seguintes exemplos: a Amazon declarou um aumento de 1% da faturação por cada 100 milissegundos otimizados na velocidade do seu website e a cadeia norte-americana Wallmart, um aumento de faturação de 2% por cada segundo melhorado.

 

Num estudo feito pela Akamai, descobriu-se que:

– 47% das pessoas esperam que uma página web demore 2 ou menos segundos a carregar;

– 40% irão abandonar uma página web que demore mais que 3 segundos a carregar;

– 52% dos compradores online dizem que a velocidade do carregamento de páginas é importante para se manterem leais a um website.

 

Para além da diminuição do tempo de carregamento de páginas web melhorar o ranking do website no Google, também ajuda a aumentar as vendas.

 

No post de hoje iremos focar-nos na otimização das imagens para melhorar a velocidade do website.

 

Na utilização de imagens, é importante ter em conta 3 coisas: tamanho, formato e o atributo src (o link da imagem).

 

Tamanho da imagem

Imagens grandes poderão levar mais tempo a carregar, por isso é importante tentar manter as imagens o mais pequenas possível. A nossa sugestão é redimensionar as imagens para o tamanho correto antes de fazer o seu upload. Por exemplo, se a largura do espaço no website é de 570 píxeis, redimensione a imagem para essa dimensão. Não é aconselhável fazer upload de uma imagem com 2000px de largura e redimensionar no código, pois aumenta o tempo de carregamento da página e cria uma má experiência para o utilizador.

 

Formato da imagem

A melhor opção de formato é JPEG. Se for necessário apresentar uma imagem com transparência (ex: logótipos de cor branca), a melhor opção é o PNG. Para pequenas imagens animadas, poderá utilizar o formato GIF. Evite utilizar imagens com os formatos BMP ou TIFF.

 

Atributos SRC

Assim que o tamanho e o formato da imagem estiverem em conformidade, o código que mostra a imagem também deve estar correto. Em particular, deve-se evitar ter o código src de imagem vazio.

 

Para ter uma noção, em HTML, o código para mostrar uma imagem é: <img src=””>

 

Quando não existe nenhuma fonte/caminho indicado entre as aspas, o browser faz um pedido ao diretório da página ou à própria página em si. Isso poderá causar demoras no carregamento e até corromper a página.

 

Dica: redimensione sempre as suas imagens antes de fazer o upload e verifique que existe sempre um caminho válido nos códigos src do seu website.

 

As imagens do seu website estão otimizadas? A velocidade do website é lenta? Tem dúvidas? Fale connosco na secção dos comentários ou envie-nos um email.

0 comentários

Deixe um comentário

Quer partilhar a sua opinião?
Contribua com o seu comentário

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *