Como deixar seu site mais rápido
Você já foi a um restaurante com muita fome e seu prato levou 40 minutos para ser servido? Você ficou satisfeito? Voltaria lá quando estivesse com fome novamente? É muito provável que na próxima oportunidade lembre-se dessa experiência ruim e retire esse local da sua lista de opções. Na web, a lógica é a mesma. A diferença é que o tempo de espera é contado em segundos.
Muitos esforços têm sido empenhados para a navegação de qualidade primando pela experiência do usuário, fazendo parte deste conceito a velocidade de carregamento das páginas. Além de aumentar a satisfação do usuário e melhorar a qualidade geral da web, a velocidade também influencia no posicionamento em mecanismos de busca.
Com foco em oferecer resultados relevantes para os usuários, o Google avalia a velocidade de carregamento dos sites, entre outras métricas para definição do ranking. Sendo assim, para ficar bem posicionado no buscador, manter seu site rápido também deve ser uma preocupação contínua. Mas de forma prática, como é possível melhorar a velocidade do site?
Cuide o tamanho e formato das imagens
Com relação ao formato das imagens devem ser considerados dois fatores, a resolução e o tamanho. Ainda assim, cada formato possui a sua característica:
- GIF suporta animações, conhecidos como GIFs animados, e transparências, no entanto, possui o limite de 256 cores. Sendo assim, não é indicado para fotografias ou para imagens com muitos detalhes.
- PNG assim como o GIF, esse formato é indicado para vetores como ícones, logotipos e imagens com poucos detalhes. Além de suportar transparências, comprime mais a imagem que o GIF e possui maior limite de cores.
- JPG é indicado para fotografias ou imagens com detalhes, pois suporta mais de 16 milhões de cores. Este formato diminui a qualidade da imagem, no entanto, ocorre de forma pouco aparente.
Além disso, é importante otimizar as imagens a serem utilizadas, diminuindo o tamanho e resolução destas. Uma opção para isso é o Fotosizer, no entanto, podem ser encontradas várias ferramentas que se adequem ao seu perfil.
A quantidade de imagens influencia diretamente no tempo de carregamento da página, pois cada imagem será uma requisição do HTTP ao servidor, desta forma é possível utilizar CSS Sprites, que reúne várias imagens em uma única. Mesmo com o aumento do tamanho desta, ocorre menor tempo para carregamento em função do menor número de requisições ao servidor. Podem também ser utilizados subdomínios para imagens e outros arquivos como .JS e CSS, em função do limite máximo de requisições por domínio, que possui o navegador.
Tenha cautela com widgets e plug-ins
Apesar da funcionalidade oferecida pelos plug-ins e widgets, é preciso selecionar quais destes serão realmente importantes para sua aplicação, usando-os o menos possível. Muitos plug-ins e widgets são desenvolvidos em flash ou Java, influenciando negativamente na velocidade de carregamento do seu site.
Otimize o código-fonte
Mantenha o código do seu site limpo e sem erros. Lembrando que é importante assegurar que a estrutura do seu site não possui queries lentas, links quebrados, erros de conexão com banco de dados, linhas em branco, entre outros.
Você também pode comprimir os arquivos CSS e JavaScript, eliminando comentários, espaços em branco e caracteres que não sejam necessários. Assim o arquivo fica menor, sendo carregado mais rapidamente. Para isso você pode utilizar ferramentas como YUI Compressor ou Minify.
Use cache
Vários serviços de cache são disponibilizados no mercado. Entre outros, a KingHost disponibiliza aos seus clientes o Varnish Cache, um acelerador de requisições HTTP, que fica entre o usuário e o servidor web. O serviço, armazena um cache dos conteúdos mais acessados, efetuando a respectiva gerência das páginas. Com um melhor sistema de cache, seu site irá funcionar de forma mais leve, consumindo menos recursos, mesmo que com vários acessos simultâneos.
A velocidade de acesso ao site é de extrema relevância para o usuário e para o resultado nos buscadores. Sendo assim, dispor de algumas horas para a otimização do seu site é um investimento que pode render ótimos frutos.
Caterine Greif
Últimos posts por Caterine Greif (exibir todos)
- Como liderar uma equipe remota: o que a quarentena me ensinou - 19 de junho de 2020
- Microempreendedor: o guia definitivo para o sucesso do seu negócio na internet - 4 de outubro de 2019
- Revenda de Hospedagem barata: tudo que você precisa saber para começar - 20 de junho de 2019
Poderiam incluir nas dicas, o Page Speed do Google, é um plugin (Para Chrome e Firefox) que diz o que deve ser feito para melhoras a velocidade do site, até mesmo oferecendo a versão otimizada/comprimida dos arquivos carregados (CSS, JavaScript, Imagens e HTML).
O link é esse aqui: https://developers.google.com/speed/pagespeed/
que grande informação!
Adorei, ajudou me muito.
valeu
Já gastei alguns minutos a ver alguns paginas do seu
blogue e já aprendi varias coisas novas, continua
assim a blogar
Show de bola!!!
Otimizar as imagens do site melhora muito o desempenho do mesmo. Fica a dica!
Gostei muito das informações.
Obrigada!
muito bom esse post gostei muito das dicas