Queres saber como optimizar os ficheiros do teu website?

Antes de carregar as suas imagens, certifique-se de escolher o formato certo.

O JPEG é ideal para fotografias e imagens com muitas cores, enquanto o PNG é excelente para gráficos com transparência.

O formato WebP, mais recente que os anteriores, oferece boa qualidade com tamanhos de arquivo menores e a nossa sugestão que é converta sempre o seu JPEG ou PNG para o formato Webp.

Se trabalhar com o Photoshop pode instalar a extensão disponível para Mac ou Windows mas se não tiver Photoshop não é caso para desesperar pois existem uma série de conversores online gratuitos que pode usar como por ex. o Online-Convert.com.

A compressão de imagens é uma das maneiras mais eficazes de reduzir o tamanho do arquivo sem comprometer muito a qualidade.

Pode utilizar ferramentas online, como por ex. o Tinypng, para comprimir as suas imagens antes de carregá-las no website. Isso vai acelera o carregamento da página, mas também economizar espaço no alojamento.

Redimensiona as imagens para as dimensões exatas necessárias no layout do website.

Evita usar uma imagem maior do que o necessário e, se possível, corte partes desnecessárias. Isso reduzirá significativamente o tamanho do arquivo e melhorará o tempo de carregamento.

Uma forma simples de saber qual a dimensão de uma determina imagem no site é clicar no botão direito do rato e depois escolher a opção Inspeccionar que vai aparecer. Depois basta passar o cursor sobre a imagem em questão para ser apresentada a informação das dimensões.

O texto alternativo não apenas é crucial para a acessibilidade, mas também influencia positivamente o SEO.

Certifique-se de que adiciona descrições concisas e relevantes nas tags de texto alternativo para cada imagem. Isso não só melhora a experiência do utilizador para pessoas com deficiência visual, mas também fornece informações valiosas aos motores de busca.

Pode acrescentar estas tags acendendo ao backoffice do site à área Multimédia e clicando sobre a imagem que pretende editar.

Considere a opção de carregamento progressivo para as suas imagens. Isto permite que uma versão de baixa resolução seja carregada inicialmente, proporcionando uma experiência de carregamento mais rápida. À medida que o restante da página carrega, as imagens melhoram gradualmente em qualidade.

Este aspecto por norma é efectuado pelo designer ou empresa que desenvolveu o site por isso podes confirmar com eles se este aspecto foi tido em conta no desenvolvimento. Na Colour Invasion temos este aspecto em consideração 😊

O lazy loading é uma técnica que adia o carregamento de imagens abaixo da dobra (parte não visível da página) até que o utilizador faça scroll para vê-las.

Isto reduz o tempo de carregamento inicial da página e economiza largura de banda para os utilizadores que podem não fazer o scroll até o final da página.

Mais uma vez este aspecto é efectuado pelo designer ou empresa que desenvolveu o site por isso pode confirmar com eles se este aspecto foi tido em conta no desenvolvimento. Na Colour Invasion temos este aspecto em consideração 😊

Considere o uso de uma CDN para armazenar e distribuir suas imagens.

Uma CDN distribui o conteúdo do seu website em servidores em todo o mundo, permitindo que os visitantes carreguem imagens de um servidor mais próximo, o que melhora significativamente o tempo de carregamento.

Este é outro aspecto que por norma é efectuado pelo designer ou empresa que desenvolveu o website. Podes criar uma conta gratuita na CloudFlare que ser usada para este efeito.

Alguns websites disponibilizam vários ficheiros para download e os ficheiros não tiverem optimizados não só a página em que se encontram pode ficar mais pesada e demorar a carregar.

Uma forma de contornar é optimizar o ficheiro, fazendo o compress pdf, antes de inserir no backoffice e para isso podes usar o iLovepdf.com.