O bom desempenho é um pré-requisito em tudo hoje em dia, principalmente quando falamos em tecnologia e internet. As pessoas tem exigências cada vez maiores quanto aos sites.

Fora aqueles que não se preocupam com muita coisa, a maioria dos empreendedores digitais querem ter um site rápido.

Isso porque a velocidade de navegação faz parte da experiência do usuário, e quanto mais rápido o site for, melhor será a sensação de navegar nele.

É claro que a experiência do usuário não se baseia apenas em velocidade, mas este não deixa de ser um fator muito importante.

Pesquisas feitas pela Mozilla revelam que ao diminuir o carregamento da página em 2 segundos, aumentaram a taxa de conversão do site em 15.4%, o que dá cerca de 60 milhões de downloads por ano.

Um valor surpreendente você não acha? Isso significa que qualquer situação que você melhorar em seu site tem potencial para aumentar a sua taxa de conversão consideravelmente, assim como todas as outras métricas.

Não pense que as vantagens param por aí, além de aumentar praticamente todas as métricas importantes para o seu site com um bom desempenho, você ainda pode ganhar posições muito valiosas nos motores de busca como o Google.

Isso mesmo! O Google dá uma pontuação melhor para sites mais rápidos, já que o objetivo do buscador não é só trazer os resultados mais relevantes, mas também proporcionar a melhor experiência possível para o visitante.

Se depois de saber disso você já está pensando em fazer algumas melhorias no seu site, tenho certeza de que essas dicas vão lhe ajudar, veja abaixo as 21 dicas de ouro para turbinar seu site.

CONTRATE UMA BOA HOSPEDAGEM DE SITES

Hospedagem de sites

Alguns ainda podem pensar que não importa ou que é tudo a mesma coisa mas é aí que se enganam, é muito importante escolher uma hospedagem de qualidade para o seu site.

Levando em consideração que o seu site depende diretamente dos recursos disponibilizados pela hospedagem, você deve sim procurar por um serviço otimizado para a plataforma que usa.

O simples fato de ter um ambiente sob medida pode gerar um redução de até 50% no tempo de abertura das páginas.

Saiba como escolher a melhor hospedagem de sites através desse artigo, que vai lhe ajudar a entender alguns dos pontos mais importantes a se levar em consideração.

USE ARQUIVOS CSS PARA SEUS ESTILOS

Arquivos CSS

É de costume de muitos desenvolvedores web ainda utilizar os estilos dentro do header de cada página através da tag <style></style>.

Porém esta prática não é mais recomendada, já que as linhas que ficam dentro do header do código não entram em cache e precisam ser carregadas a cada acesso. Isso exige mais do servidor e custo mais caro para você.

Por outro lado se o seu desenvolvedor utilizar folhas de estilo “.css” e importá-las, este código vai entrar no sistema de cache do navegador e a partir do segundo acesso não precisará mais ser carregado completamente.

Converse com o seu desenvolvedor para verificar como estão as folhas de estilo do site e vejam se não há melhorias a serem feitas.

FAÇA A COMPACTAÇÃO DO CSS, HTML E DO JAVASCRIPT

Head

Dependendo da quantidade de linhas que um arquivo “.css”, “.html” ou “.js” tenha, pode se tornar pesado para o carregamento da página na web.

Porém muitas vezes não há como escapar de um código com muitas linhas, e não é possível excluir nada pois tudo é crucial para o funcionamento da página ou do sistema online.

Nesse caso existem métodos para você continuar com o mesmo código mas reduzir o tamanho do arquivo, que seria compactar os arquivos de código, retirando todos os espaços e linhas em branco.

Fazer todo esse trabalho manualmente pode ser demorado e cansativo, porém existem ferramentas online que fazem este trabalho automaticamente, veja aqui.

JUNTE OS ARQUIVOS JAVASCRIPT E CSS

Javascript e CSS

Os Javascripts são muitos populares na internet por serem leves e criarem belas animações, porém são utilizados diversos arquivos para aplicar estes enfeites.

Quanto mais arquivos “.js”  e “.css” são criados mais e mais requisições são feitas ao servidor para completar o carregamento da sua página, tornando o processo todo mais lento.

É muito comum existirem cerca de 10 requisições Javascript na maioria dos sites , exceto por alguns casos que chegam a absurdas 40 requisições. Para o CSS é a mesma coisa.

O recomendo é que você junte todas as funções em poucos arquivos, cerca de 5 ou 7, juntando as duas extensões “.js” e “.css”, assim você ganha bastante desempenho e um carregamento mais liso.

CARREGAR O JAVASCRIPT NO RODAPÉ DA PÁGINA

Código Javascript

Você pode até estar pensando por que fazer isso? E eu te entendo, já que costumamos importar arquivos externos dentro do header das páginas.

Porém os arquivos .js são mais pesados do que as web fonts e as folhas de estilo “.css” e podem frear o carregamento da página se carregados antes destes elementos.

Colocando o Javascript no final da página você libera a navegação no site antes mesmo dele estar 100% carregado, trazendo uma sensação maior de velocidade e melhor experiência do usuário.

Com as últimas 3 dicas sobre Javascript você pode aumentar o desempenho do seu site consideravelmente.

NÃO REDIMENSIONE AS IMAGENS NO HTML

Tag img

Uma situação um tanto comum de acontecer é enviar suas imagens ao servidor com tamanho grande e redimensioná-las proporcionalmente dentro da página.

Apesar de ser mais prático do que enviar várias imagens de tamanhos diferentes, com certeza não é uma vantagem pois são arquivos muito pesados e demoram para carregar.

Sempre envie a imagem no tamanho final que será usada, assim você poupa muitos bytes e ganha um desempenho considerável.

Ao utilizar as propriedades “Width” e “Height” da tag <img> coloque o tamanho exato das imagens, pois facilita a leitura das mesmas para o navegador.

FAÇA A COMPRESSÃO DE IMAGENS

Compressão de imagens

As imagens geralmente são a parte mais pesada do seu site e também as que precisam do maior nível de atenção para garantir uma navegação rápida.

De costume as imagens são salvas em qualidade máxima para mostrar aos visitantes do site que você se preocupa com a qualidade daquilo que coloca online.

Porém é possível manter a qualidade de uma imagem mesmo salvando em qualidade de 60% (caso você utilize o Photoshop) e torná-la muito mais leve.

Caso você não trabalhe com ferramentas onde pode escolher a qualidade que vai salvar suas imagens, pode utilizar uma ferramenta online para comprimi-las.

Para fazer a compressão de arquivos .jpg e .png, clique aqui.

LIVRE-SE DOS WIDGETS

Widgets

Widgets como a sua tradução literal já diz são ferramentas que colocamos em nosso site para facilitar as coisas, poderíamos até dizer que são facilitadores.

Mas estes Widgets que são adicionados aos sites como previsão do tempo, mural, contador de visitas entre muitos outros são muitos pesados, fazem muitas requisições e afetam drasticamente o desempenho do site.

Se estas ferramentas não forem realmente necessárias para o seu site, retire-as assim que possível e já poderá notar uma diferença significativa no tempo de abertura da página.

NÃO USE FLASH

Flash

Apesar do Flash ainda ser um programa muito bom para criar animações, ele não seguiu as mudanças na internet e acabou ficando obsoleto.

Além de estar ultrapassado o Flash confunde o seu navegador e deixas as páginas muitos lentas, sem falar que alguns dispositivos e navegadores já não são mais compatíveis com esta tecnologia.

Além disso todo tipo de conteúdo produzido dentro do flash não pode ser indexado pelo Google, pois ele não consegue identificar o que está escrito.

CRIE UM SITE RESPONSIVO

Layout responsivo

Está aí uma dica que realmente pode fazer muita diferença para o seu site, levando em consideração que cerca de 50% das pesquisas no Google são feitas através de dispositivos móveis e muitas dessas pesquisas podem gerar acesso no seu site.

As páginas que criamos para acessar através do computador são pesadas e os Smartphones não conseguem processar tão rápido quanto um computador.

Nesse caso é muito importante que tenha uma versão Mobile do seu site, mas não significa que deve ter dois ou três códigos diferentes para satisfazer os tamanhos de tela, pode ter apenas um que se adapte automaticamente aos tamanhos.

Caso você ainda não tenha um site responsivo entre em contato com o seu desenvolvedor para conversar a respeito e ver o melhor modo de aplicar.

Achou estas 10 dicas interessantes e já está aplicando na sua página? Garanto que você vai sentir a diferença assim que colocar suas alterações online.

Se você gostou deste conteúdo, peço que ajude mais pessoas a aplicarem as 10 dicas de ouro para turbinar o site, compartilhando este artigo com seus amigos.