DIGITAL MARKETING AGENCY

Tempo médio de carregamento de páginas e como você pode fazer melhor?

Compartilhar sem facebook
Facebook
Compartilhar sem twitter
Twitter
Compartilhar sem linkedin
LinkedIn
Compartilhar nenhum e-mail
Email
Qual é o tempo médio de carregamento de páginas e como você pode fazer melhor?

Agora vamos apresentar alguns hacks para acelerar o tempo de carregamento das páginas

Continue lendo!

Qual é o tempo médio de carregamento de páginas e como você pode fazer melhor?

 

1. Habilitar a compressão Gzip para aumentar o tempo de carregamento da página

Gzip é um formato de compressão de arquivos para o website. Ou seja, reduz o tamanho dos arquivos enviados pelo servidor e o tempo de transferência, com taxas de compressão de até 90% em arquivos maiores.

Esta é uma das medidas mais eficientes para reduzir tempo de carregamento de página.

Todos os navegadores atuais suportam este formato e processam a compressão automaticamente quando o usuário entra em um site.

Você só precisa ter certeza de que o servidor está configurado para disponibilizar arquivos compactados quando o usuário os solicitar.

Alguns servidores fazem isso automaticamente. Neste link, você pode testar se a compressão Gzip já está funcionando em seu site. Caso contrário, há vários plugins de cache para WordPress que permitem a compressão Gzip.

Um deles é o WP Fastest Cache, que exibe uma caixa de seleção simples com tudo que você pode configurar, incluindo a compressão Gzip.

2. Reduzir o tamanho das imagens

As imagens têm um grande impacto sobre o peso e a carga de um site. De acordo com o HTTP Archive, a partir de maio de 2019, elas representavam mais da metade dos bytes de um site.

Otimizá-los, então, pode ser um dos primeiros passos para melhorar a velocidade do site.

Vamos começar reduzindo o tamanho. Para isto, você pode usar um plugin de otimização de imagem para WordPress, tal como Optimus e Tinypng.

Estas aplicações reduzem os kilobytes das imagens (sem perder qualidade) e removem todas as informações supérfluas que os programas de edição podem salvar com o arquivo.

Elas permitem que estas ações sejam realizadas automaticamente, durante o upload, nas imagens a serem incluídas, mas também naquelas já existentes no site.

3. Usar formatos de última geração para imagens

Outra ação importante para otimizar imagens é utilizar os formatos de arquivo mais atualizados, tais como JPEG 2000, JPEG XR e WebP.

Eles tendem a ter melhor compressão mantendo a qualidade em comparação com JPEG e PNG. Isto reduz o consumo de dados móveis e acelera o carregamento.

Nas aplicações Optimus e Imagify, a conversão automática para WebP é possível. Este formato é compatível com os navegadores Chrome e Opera e, em média, é 25-34% menor que o JPG.

4. Carregar imagens no tamanho que será utilizado

Se você vai usar uma imagem no tamanho 313 × 235, por exemplo, por que inclui-la no site no tamanho 640 × 480?

Você sabia que deixar o site fazer esse redimensionamento via HTTP ou CSS pode retardar o carregamento? Além disso, a imagem ocupará mais espaço desnecessariamente, pois será usada em um tamanho menor.

Portanto, salvar a imagem nas dimensões que serão utilizadas no site, evitando assim que o servidor perca tempo com o redimensionamento e espaço com uma imagem que poderia ser mais clara.

5. Adiar o carregamento de imagens fora da tela

Mesmo as imagens que não aparecem na tela afetam o tempo de carregamento das páginas, o interessante é que é possível adiar o carregamento enquanto o surfista percorre a página, você sabia disso?

Isto significa que o desenvolvedor usa o recurso de carregamento diferido para imagens escondidas na tela. Portanto, estas só são carregadas caso o usuário as alcance com a rolagem.

Este recurso pode ser configurado com plugins WordPress: Carga preguiçosa ou Carga preguiçosa por WP Rocket. Ambas as opções são muito simples de usar.

6. Reduzir HTML, CSS e Javascript

Quando um desenvolvedor cria os códigos para um website, é comum incluir quebras de linha, espaço em branco e comentários.

Essas informações não influenciam o conteúdo que o usuário vê, mas estão ocupando espaço e podem aumentar o tempo de carga.

Portanto, as ferramentas geralmente recomendam a remoção desses caracteres supérfluos. Isto é o que se faz "minificando" códigos HTML, CSS e JavaScript, para torná-los mais leves.

Mas você não precisa fazer todo esse trabalho código por código, certo? Existem aplicativos gratuitos para isso, como W3 Total Cache e Autoptimize. Mas, mesmo usando um aplicativo confiável, é sempre importante manter um backup de seus arquivos.

Deixe uma resposta

José Limardo

José Limardo

Escrito por

mais notícias

76% do Google & Facebook Orçamentos são Sorridos

Nós podemos ajudar você:

Você precisa de crescer seu negócios?

Sobre nós

Receba postagens por e-mail

Seja o primeiro a saber quando publicarmos um novo post no blog!

Participe de nosso blog e obtenha as melhores percepções de marketing digital, estratégias e dicas entregues diretamente em sua caixa de entrada.

>
pt_BRBR
Consultor

Como podemos ajudá-lo?

Ligue-nos +1 (305) 447-7060

Ao clicar em Contate-Nos botão você concorda com nosso Privacy Policy

Contate nossa equipe

Fale com um especialista em resultados!

Ao clicar em Enviar para botão você concorda com nosso Privacy Policy

Receba minha proposta grátis

Fale com um especialista em resultados!

Ao clicar em Enviar para botão você concorda com nosso Privacy Policy

Obrigado!

Tudo parece ótimo.

Estamos entusiasmados para começar, vamos escolher um momento em que possamos falar brevemente sobre seu projeto.