6 maneiras de acelerar o carregamento do seu site

Seu site pode ser o site mais bonito do mundo, mas não adianta nada se demorar uma eternidade para carregar. Vamos encarar. As pessoas ficam impacientes e um site lento impede que clientes em potencial concluam suas compras.

Quando vou às compras online, espero que as páginas carreguem, na pior das hipóteses, em 5 a 10 segundos. Mais do que isso e fico impaciente ou saio da loja por completo.

Claro, algumas pessoas podem ser mais pacientes do que eu, mas por que arriscar? Jogue pelo seguro e torne o site da sua empresa o mais rápido possível.

Foto por Meddygarnet

Antes de começar, entretanto, a primeira coisa que você precisa determinar é quão rápido é rápido o suficiente. A extensão das otimizações do seu site depende muito das análises e dados demográficos dos visitantes da web.

Por exemplo, três anos atrás, quando minha esposa e eu lançamos nossa loja online, mais de 35% de nossos clientes usavam discagem. Como resultado, tivemos que fazer cortes drásticos no design do nosso site para fornecer uma experiência de compra rápida, considerando uma taxa de download de apenas 56K.

Hoje, apenas 2% de nossos clientes estão usando discagem (graças a Deus!) Para que possamos adicionar mais conteúdo multimídia com segurança, sem afetar a experiência do usuário.

Para determinar o tamanho máximo de qualquer página, geralmente multiplico 5 segundos pela largura de banda média ponderada de meus visitantes da web. Por exemplo, se a maioria dos meus visitantes usa DSL, posso assumir uma velocidade de download de 1 Mbits e decidir que 5 Mbits é o tamanho máximo que qualquer página da web deve ter.

Esta não é uma ciência exata. Em última análise, você precisa decidir por si mesmo quão rápido seu site precisa ser.

Em todos os casos, porém, mais rápido é sempre melhor. Como mencionei em meu último post, a velocidade do site nem sempre é uma função do seu host. Na verdade, na maioria das vezes, o webmaster é o culpado por um site lento e não um servidor lento. Este artigo descreverá algumas dicas sobre como acelerar as coisas.

Decida o que é mais importante e reordene o carregamento

Tornar seu site mais rápido nem sempre significa cortar imagens e conteúdo. Às vezes, você pode gostar do seu site exatamente do jeito que está e realmente não tem vontade de mudar nada.

Se for esse o caso e seu site for lento, muitas vezes você pode simplesmente priorizar a forma como a página é carregada.

O que você deseja que o usuário veja primeiro? Na maioria dos casos, os visitantes não se importarão com um site mais lento, contanto que as coisas importantes carreguem primeiro e o resto termine depois.

Por exemplo, com MyWifeQuitHerJob.com, sempre me certifico de que todo o conteúdo interessante apareça antes dos anúncios. Dessa forma, se os anúncios forem um pouco lentos para carregar, o blog inteiro não será arrastado.

As páginas da web sempre carregam em ordem sequencial, portanto, você deve sempre colocar as coisas que deseja carregar primeiro no topo da página e as coisas menos importantes no final do seu documento html.

No caso de elementos que devem aparecer em uma posição específica na página, você pode usar javascript ou css para controlar a ordem de carregamento.

Por exemplo, embora meu anúncio do placar de 728 × 90 apareça no topo de MyWifeQuitHerJob.com, eu certifico que ele carregue por último executando as seguintes etapas.

• Eu crio um <div id = ”banner728 ″> vazio onde o anúncio deveria estar e defino seu id como“ banner728 ”. Isso cria efetivamente um espaço reservado em branco que posso carregar mais tarde usando javascript
• No final da página, incluo o seguinte snippet de javascript
  <tipo de script = ”text / javascript”>
  document.getElementById (“banner728”). innerHTML = “código de banner de anúncio desejado”;
  </script>
  Este código encontra o espaço reservado “banner728” que eu defini acima e insere o banner de anúncio no <div>. Como esse script está no final do arquivo, ele carrega por último depois de todo o resto.

Não use redimensionamento de imagem HTML

Um erro comum que vejo que muitos novatos cometem é confiar no html para reduzir e redimensionar imagens. Embora essa técnica funcione e pareça inofensiva, ela com certeza matará o desempenho do seu site.

A razão é porque toda a imagem original deve ser carregada antes de ser exibida, embora você esteja exibindo apenas uma imagem muito menor.

Para evitar que você caia nessa armadilha, reserve um tempo para reduzir a imagem às dimensões desejadas antes de exibi-la em seu site. Não retire apenas as imagens de sua câmera digital.

Otimize suas imagens

O olho humano é muito mais indulgente com a qualidade da imagem quando olha para uma imagem independente em um monitor de computador. Portanto, você pode obter imagens de qualidade muito inferior para o seu site.

Certifique-se de otimizar e reduzir suas imagens o máximo que puder antes de exibi-las em sua página. Costumo escolher uma qualidade JPEG de 50 por cento ou menos usando o Photoshop com as imagens em meus sites.

Se estiver usando GIFS, certifique-se de não usar uma paleta de cores maior do que realmente precisa. Se você conseguir se safar com apenas 16 cores, escolha seu GIF com apenas uma paleta de 16 cores.

Analise todos os seus GIFS para ter certeza de que nenhum dos slots de cores está sendo desperdiçado por duplicatas.

Hospede vídeos e imagens grandes com terceiros

A menos que você esteja hospedando seu site em um conjunto robusto de servidores, o rico conteúdo de multimídia tornará seu site um rastreamento lento. Em geral, é muito mais econômico hospedar seus vídeos e arquivos maiores em um serviço de terceiros com uma infraestrutura mais robusta e com melhor suporte para streaming.

Por exemplo, em vez de hospedar vídeos em seu próprio servidor, por que não usar o YouTube ou Vimeo? Se você deseja ser proprietário do conteúdo que produz, também pode pagar e usar um serviço como o S3 da Amazon. Deixe o conteúdo de alta largura de banda para os meninos grandes.

Evite usar código de terceiros ou imagens com hotlink

Sempre que você faz um hotlink de uma imagem ou código de aproveitamento que está hospedado em outro servidor, você está colocando a velocidade do seu site em risco. Se o servidor de terceiros estiver lento ou inativo, ele também pode derrubar seu próprio site, por isso é importante minimizar o uso de código de terceiros.

Além disso, toda vez que seu site acessa um servidor de terceiros, uma consulta DNS deve ser feita, o que pode demorar um pouco, dependendo do congestionamento da rede.

Algumas centenas de milissegundos de atraso podem não parecer muito, mas se você estiver extraindo código de 10 servidores diferentes, essas pesquisas podem adicionar vários segundos de latência.

Aproveite as vantagens do armazenamento em cache e da compactação

A maior parte da maioria dos sites são textos e compactações de texto extremamente bem. É por isso que, se você habilitar a compactação em seu servidor, poderá reduzir o tempo de download em até 75%.

Infelizmente, nem todos os webhosts compartilhados têm a compactação habilitada em seus servidores. Se o seu site estiver em um host compartilhado, certifique-se de perguntar a eles se os servidores oferecem suporte a mod_deflate ou mod_gzip.

Se a compactação for compatível com o seu servidor, certifique-se de ativá-la no seu site seguindo as etapas descritas neste artigo. Se você estiver usando o WordPress, o plug-in WP-SuperCache já gerencia a compactação para você.

Além da compactação, você pode acelerar seu site armazenando em cache as páginas acessadas com frequência. Para nossa loja online, eu vou além e crio páginas estáticas para páginas da web de alto tráfego que não mudam com muita frequência.

A velocidade é importante

Provavelmente, alguém está visualizando seu site em uma conexão muito mais lenta do que a sua. E você sempre precisa levar em consideração o menor denominador comum para maximizar o potencial de lucro de seu negócio online.

Fiquei muito chocado ao ver que nossa loja online ainda tem clientes dial-up! Se eu ainda os tiver, você também pode.