b>baixo e estável pode ter ajudado a tartaruga a ganhar a corrida, mas quando se trata de websites, mesmo um segundo de atraso significa uma perda de tráfego, receitas, e credibilidade.
- 47% dos consumidores esperam que uma página web seja carregada em 2 segundos ou menos.
- 40% das pessoas abandonam um website que leva mais de 3 segundos a carregar.
- Um atraso de 1 segundo na resposta da página pode resultar numa redução de 7% nas conversões.
Isto significa que cada website precisa de ser optimizado para a maior velocidade possível, independentemente do dispositivo ou navegador pelo qual está a ser acedido. A fim de colocar os esforços de optimização certos, os programadores devem começar por conhecer as razões para o carregamento lento do website.
10 Razões para um website carregar lentamente em alguns dispositivos:
- Desempenho insatisfatório do servidor: Quando alguém clica num sítio web, é isto que acontece. O navegador do utilizador faz pings ao servidor, o que significa que está a pedir toda a informação e dados necessários para carregar o sítio web. Pense nisto como o que acontece quando uma chave de carro é utilizada para ligar o motor. Agora, se o servidor não estiver a funcionar até à marcação, demora mais tempo a responder. Mesmo com tudo o resto a funcionar perfeitamente, o desempenho do sub-servidor de par irá abrandar a velocidade do sítio web. O mau desempenho do servidor geralmente resume-se à qualidade do anfitrião web. Alojamentos web mais baratos oferecerão um servidor partilhado. Isto significa que um website está a partilhar espaço e recursos com uma série de outros websites. Nesse caso, cada sítio é baixo porque está em fila de espera com outros sítios. A solução aqui é simples: Obter um anfitrião web melhor.
- Localização insatisfatória do servidor: As chamadas de longa distância demoram mais tempo a ligar porque a informação necessária para fazer a chamada tem de percorrer uma maior distância. Mais cabos, mais satélites a serem transmitidos através. Não é diferente quando se trata de um website. Se um utilizador dos EUA visitar um website utilizando um servidor baseado na Dinamarca, o ping do navegador necessário para carregar o website tem de viajar a meio mundo, solicitar acesso aos dados necessários, e viajar a meio mundo para o dispositivo do visitante. Obviamente, quanto maior for esta distância, mais lento será o sítio web.
A solução? Configurar sítios web com servidores locais tanto quanto possível. Isso significa que o visitante americano deve aceder a um sítio web alojado num servidor nos EUA. O visitante dinamarquês deve aceder a um alojado num servidor dinamarquês.
- Demasiado tráfego: A qualquer nível, um servidor web só pode suportar pedidos de um determinado número de pessoas. Assim que esse número for ultrapassado, a página será carregada mais lentamente. Quanto mais visitantes, mais lento será o sítio web. Com mais visitantes, os fornecedores do servidor poderão também precisar de dedicar recursos adicionais ao sítio web. Contudo, sem uma actualização, os serviços disponíveis ficarão definitivamente aquém das expectativas e conduzirão a tempos de carregamento de página lentos.
- Excesso de conteúdo Flash: Embora o Flash seja útil para aumentar a interactividade de um sítio web, também pode diminuir a velocidade de carregamento do sítio web. O conteúdo Flash tende a ser mais pesado, e mais do que isso terá obviamente impacto na velocidade das funções do sítio web. Se possível, reduzir o tamanho dos ficheiros Flash ou eliminá-los. Procure alternativas HTML5 para substituir o conteúdo Flash existente e estes tendem a ter tamanhos de ficheiro mais manejáveis.
- Demasiados pedidos HTTP: Se um website contém demasiados JavaScript, CSS, e demasiados ficheiros de imagem, isso levará a um aumento dos pedidos HTTP. Neste caso, sempre que alguém visita o sítio web, o browser pinta o servidor com demasiados pedidos, a fim de carregar demasiados ficheiros. Naturalmente, isto abrandaria a página web.
Para remediar isto, tente reduzir os pedidos HTTP usando CSS Sprites. Reduza o número de ficheiros que precisam de ser carregados numa página web. Minimize os ficheiros CSS e JavaScript, o que também reduzirá o número de ficheiros que um utilizador terá de descarregar ao carregar uma página web.
- Aumento da densidade de código: Como os pontos acima mencionados explicam, elementos web de tamanho considerável e denso terão um efeito negativo na velocidade de carregamento de uma página web. Poucas coisas são mais densas do que o código que realmente cria o sítio web. Por exemplo, o Facebook é construído sobre algo com cerca de 62 milhões de linhas de código. O Google tem 2 mil milhões. O Large Hadron Collider, que é o maior e mais energético colisor de partículas do mundo, bem como a maior máquina do mundo, utiliza 50 milhões de linhas de código. A menos que um website tenha os recursos para enviar e executar um código denso e extenso, este irá abrandar devido ao código denso e extenso.
Solução? Limpe o seu código. Livre-se do excesso de espaços brancos, estilos em linha, novas linhas vazias, e comentários desnecessários.
- Técnicas de cache inadequadas: Caching é uma técnica através da qual o navegador armazena dados frequentemente utilizados na sua memória em cache. Isto significa que da próxima vez que o website for visitado, o navegador não terá de carregar todos os dados novamente. Com uma recuperação de dados mais rápida, isto acelera o tempo de carregamento. Sem cache, o website tem de carregar todos os ficheiros, de cada vez. Isto é absolutamente desnecessário e irá prejudicar a experiência do utilizador quando puder ser facilmente resolvido.
Solução: Implementar o caching browser/HTTP bem como o caching do lado do servidor. É provável que isto melhore grandemente o desempenho do website em termos de velocidade.
- Demasiados Anúncios: Embora os anúncios sejam uma boa forma de rentabilizar websites com tráfego intenso, também podem abrandar as páginas web. Mais anúncios significam pedidos HTTP adicionais, e o seu efeito na velocidade de carregamento de páginas foi explicado acima. Anúncios de meios ricos são especialmente prejudiciais a este respeito. Com pop-ups e pop-unders, intersticiais, e descargas automáticas a obstruir um sítio web, os utilizadores teriam de esperar significativamente mais tempo para que o conteúdo web real fosse carregado.
- Utilizando um CMS desactualizado: Um Sistema de Gestão de Conteúdos (CMS) é utilizado para criar, gerir e modificar conteúdos digitais. Quando utilizar um CMS como o WordPress ou Wix para gerir um website, certifique-se de que foi instalado com as últimas actualizações do software. Ao manter-se a par das últimas actualizações, o software é mantido livre de quaisquer bugs ou problemas, especialmente no que diz respeito à velocidade. Assim, da próxima vez que um popup aparecer a pedir para instalar a última versão do CMS, faça-o.
- Falta de um CDN: Um CDN ou rede de distribuição de conteúdo é uma rede distribuída de servidores independentes localizados em várias localizações geográficas. São utilizados para servir o conteúdo da web aos visitantes do website com maior disponibilidade, visibilidade, e desempenho. O segundo ponto deste artigo explica porque é que a localização do servidor é importante para a velocidade de carregamento da página. Um CDN atribui servidores locais a um sítio web. Isto significa que dá ao sítio web um servidor americano para os seus visitantes americanos e um servidor dinamarquês para os visitantes dinamarqueses. Isto minimiza o tempo de ida e volta (RTT) do conteúdo da web e carrega páginas web muito mais rapidamente.
Para remediar estas questões, consulte este artigo sobre como fazer com que as páginas web funcionem mais rapidamente. Contudo, uma vez implementados esses métodos, é necessário testar o sítio web para verificar se a velocidade melhorou realmente. Como em todos os casos, esta verificação deve ser feita em dispositivos reais em condições reais de utilizador.
Uma maneira fácil de o fazer é utilizar o BrowserStack SpeedLab. É uma ferramenta gratuita, permitindo aos utilizadores testar a velocidade do website em múltiplos browsers e dispositivos reais com um único clique. Os resultados oferecem uma visão da velocidade do website através do ambiente de trabalho e do telemóvel, para que se possa identificar instantaneamente os estrangulamentos de velocidade específicos do browser ou do dispositivo.
Try SpeedLab for Free
SpeedLab oferece uma forma fácil de verificar o desempenho do website. Para melhorar o desempenho, comece por descobrir se as páginas web estão a carregar lentamente. Se estiverem, utilize os passos discutidos neste artigo. Uma vez isso feito, utilizar novamente o SpeedLab para verificar se as mudanças funcionaram realmente. Uma vez que não pode haver lugar a falhas quando se trata da experiência do utilizador, não pode haver falhas quando se trata de verificar o desempenho da página web.