Como otimizar o desempenho do seu site

Índice:

Anonim

Dê uma olhada na internet e você encontrará muitas estatísticas citadas sobre o pouco tempo que as pessoas estão dispostas a esperar que qualquer site carregue antes de perder o interesse (nesse caso, nem sempre culpe o provedor de hospedagem na web).

Aqueles com conexões de banda larga fixa esperam que um site apareça quase que instantaneamente, e até mesmo os usuários móveis não têm paciência infinita.

Leia mais: Offcloud

De acordo com a pesquisa, o tempo de carregamento ideal para uma página é de três segundos, embora a maioria dos sites esteja perto do dobro - ou mais. E se você passar de 10 segundos, a maioria das pessoas provavelmente abandonará a página e irá para outro lugar.

O tempo que uma página da web leva para aparecer em um navegador depende de fatores divididos entre o servidor e o dispositivo cliente na outra extremidade.

Embora não seja possível acelerar todos os usuários devido a coisas fora do controle do web designer, é prático tornar um site o mais eficiente possível, melhorando o desempenho para a maioria dos visitantes.

Velocidade aprimorada pode ser alcançada com uma variedade de métodos diferentes, mas existem três pilares centrais para melhorar o desempenho do site. Trata-se de hospedagem aprimorada, otimização de site e também algumas considerações específicas da plataforma.

  • Escolhemos os melhores serviços de hospedagem na web bem aqui
  • Estas são as melhores empresas de hospedagem gratuita na web ao redor
  • E esses são atualmente os melhores construtores de sites

A importância de hospedar

Quanto um site gasta com hospedagem na web é geralmente proporcional ao número de visitantes esperados em um determinado dia, levando em consideração quanto tempo cada um fica e quantas páginas navegam.

Este é o principal motivo, junto com as preocupações com a segurança, porque relativamente poucas empresas hospedam sites internamente.

Normalmente, a hospedagem na web é "virtual" em que uma peça específica de hardware não é alocada para o site - em vez disso, é compartilhada com outros sites por meio de virtualização.

A beleza de ter essa solução é que mais recursos podem ser facilmente alocados para um site em momentos de alta demanda, desde que o contrato de hospedagem permita essa flexibilidade.

O que é importante decidir é o tráfego projetado que você espera receber e elevar seu serviço de maneira adequada.

Se você tem um site em rápido crescimento, mas devido ao nível de hospedagem ele começa a não responder quando uma enxurrada de visitantes aparece, isso pode prejudicar todo o seu projeto. Portanto, planeje começar pequeno e, em seguida, dimensionar quando o site atingir a maturidade.

Otimização do site

O desempenho de qualquer site da Web depende muito de como ele foi construído e da tecnologia de software que usa.

Depois de ter um site protótipo, um dos primeiros procedimentos que você precisa executar é pontuar cada página em quanto tempo leva para carregar. Existem inúmeras ferramentas disponíveis para medir o desempenho da página, e algumas delas dividem os tempos para identificar exatamente o que causou o maior atraso em uma determinada página.

Este teste não é algo que você deve realizar apenas uma vez em um único PC, pois seus visitantes virão de um número diversificado de locais diferentes, com conexões de banda larga variadas, e eles estarão usando diferentes tipos de dispositivos.

É especialmente importante que as plataformas móveis sejam testadas em conexões Wi-Fi e celulares. E, em um mundo ideal, obter resultados de localizações geográficas remotas também é uma informação valiosa.

Depois de reunir esses dados de desempenho, é hora de retornar ao site e ver quais alterações você pode fazer para aprimorar a experiência do usuário.

Aqui está uma lista dos sete principais problemas que tornam um site lento, que podem ser facilmente resolvidos.

1. Páginas de múltiplas fontes

Se uma página é composta de elementos que vêm de outros locais, incluindo anúncios, isso pode afetar drasticamente a velocidade. A página torna-se dependente da rapidez com que esses elementos externos ao site estão sendo veiculados, agravando os problemas de desempenho.

Se você tiver uma página que leva muito tempo para carregar repetidamente, identifique o que a está retardando e remova-a.

2. Widgets e plug-ins

Muitos desses componentes causam quase os mesmos problemas que páginas com várias fontes, mas são um problema que afeta sites WordPress em particular. A tentação de pré-carregar páginas com todos os tipos de calendários, botões animados, relógios e assim por diante é forte, mas você deve resistir.

Esses recursos exigem código do lado do servidor e código do lado do cliente para serem executados, e geralmente pausam a apresentação de outros elementos da página antes que terminem de carregar.

3. Dimensionamento de gráficos

Os gráficos do site não devem ser redimensionados, a menos que sejam fotografias que você deseja que sejam clicáveis ​​para uma apresentação de qualidade total.

Aumentá-los também é ruim, pois isso os torna em blocos ou revela artefatos de compressão.

Tornar os gráficos do mesmo tamanho que deveriam ser visualizados tira a carga de trabalho do servidor e do navegador do cliente e evita que o usuário baixe gráficos maiores do que o necessário.

4. Mídia incompatível

Existe uma série de tipos de arquivos que já foram populares no PC, mas agora estão efetivamente extintos. Os usuários de celular não conseguirão acessá-los, e a maioria dos usuários de desktop também terá problemas, a menos que ainda esteja executando um plug-in em uma versão antiga do navegador.

Como regra, não hospede formatos de vídeo, imagem ou música que não funcionam por padrão com o Google Chrome ou Microsoft Edge. Irrita os usuários quando o site tem elementos faltando ou apresenta erros estranhos.

5. Código de back-end

Quantas vezes você viu um recurso interessante que pode ser adicionado a um site com "apenas uma pequena linha de código"? Existem muitos deles e podem ser úteis. No entanto, eles geralmente causam dor de cabeça para uma parte muito maior do código que está sendo executada no servidor, a fim de fazer com que o fragmento de código faça algo útil.

Tenha muitos desses - porque você coloca esse código em todas as páginas - e o servidor ficará atolado tentando processar essas solicitações em vez de servir as páginas do site.

Os culpados mais comuns para essas coisas são, ironicamente, análise e processamento de formulários. Mas o código que trata de outras tarefas também pode ter um impacto negativo no desempenho geral.

6. Erros de celular

Um erro clássico que afeta os usuários móveis é redirecionar para a versão móvel do site apenas depois que a maior parte da página inicial destinada ao desktop é renderizada no telefone ou tablet.

O resultado geralmente é uma longa espera antes que o navegador seja levado para o site móvel, seguida por outro atraso antes que seja processado.

Embora estatisticamente as plataformas móveis ainda fiquem um pouco atrás dos computadores convencionais em termos de navegação na web, a navegação móvel está se expandindo rapidamente e muito em breve será a forma dominante de acesso da maioria dos usuários à maioria dos sites.

Portanto, a atenção à variante móvel de qualquer site é pelo menos tão importante, senão mais, do que a versão para desktop.

Como os usuários móveis muitas vezes se conectam usando serviços de dados 3G ou 4G sem as velocidades de transferência consistentes que os usuários de banda larga com fio podem esperar, a importância da entrega rápida de uma página da web é ainda maior.

7. Use compressão

Existem inúmeras maneiras de garantir que os arquivos que compõem o site sejam menores e, portanto, mais rápidos de baixar para um visitante.

Existem tecnologias globais do lado do servidor, como Gzip, que podem reduzir o tamanho dos arquivos em até 70%, embora apenas escolher os tipos de arquivo e os níveis de compactação corretos para arquivos JPG.webp também possa trazer benefícios de desempenho.

O Gzip exigirá a ativação do servidor e você pode verificar se ele está ativo no seu servidor usando este site.

A única ressalva para usar a compactação é que você deve identificar os arquivos e pastas que não deseja compactar no sistema. Porque os arquivos de vídeo já compactados e os volumes compactados (ZIP, RAR ou LZH) não podem ser mais comprimidos.