Como fiz meu site Joomla carregar em 1.29 segundos

Há algum tempo que ouvimos que SEO e Joomla SEO pode ser afetado pelo tempo que sua página leva para carregar - recentemente, começamos um exercício intensivo para carregar nosso site no mínimo de tempo possível.

Nossa crença é que a velocidade de carga atual e classificação no GTMetrix é relativamente boa 85% para PageSpeed, e 95% para YSlow Grade e um tempo de carregamento de 1.29 segundo, então pensamos em compartilhar como fizemos isso. Alguns deles são específicos do Joomla, enquanto outros são genéricos, mas os conceitos gerais se aplicam a QUALQUER sistema de gerenciamento de conteúdo e qualquer site.

carregar o site joomla rápido

Antes de começar: Execute seu site através do GTMetrix ou Pingdom Tools. Anote sua nota atual e observe como ela melhora. O bom é que GTMetrix rastreia seu histórico também para que você possa ver um gráfico com suas melhorias.

ETAPA 0: FAÇA BACKUPS COMPLETOS - Algumas das recomendações a seguir podem prejudicar seu site. Faça backups completos frequentes antes de fazer qualquer alteração.

1. Reduza o tempo de resposta do servidor

 

Reduzir o tempo de resposta do servidorSe depois de executar seu site através do GTMetrix ou PageInsights você encontrar um longo atraso na resposta inicial, seu servidor de hospedagem compartilhada está sofrendo.

A maior diferença que você pode fazer no carregamento rápido de seu site é usar um host Joomla recomendado e melhorar o tempo de resposta do servidor. Nosso serviço de hospedagem recomendado é InMotion, que é o que usamos neste site.

Executamos este site em um plano InMotion VPS-3000HA-S executando um servidor LiteSpeed, um servidor web de nível corporativo comprovadamente mais rápido que o Apache ou NGINX. Graças a essa configuração, o tempo de resposta do nosso servidor é normalmente less de 0.1 segundos.

Confira a imagem abaixo, você pode ver o tempo de resposta inicial de 100ms.

collectiveray tempo de resposta do servidor

Como você pode imaginar, esta é uma configuração altamente ajustada, com vários níveis de cache, incluindo o cache OpCode de PHP (que faz o PHP rodar mais rápido), então esta não é sua configuração típica de hospedagem compartilhada.

Mas se você leva a velocidade a sério, um VPS é definitivamente sua primeira parada.

Se você deseja um VPS a um bom preço, fizemos uma parceria com a hospedagem InMotion para lhe dar até 70% de DESCONTO no preço do VPS, verifique nossa oferta abaixo.

Clique aqui para as melhores ofertas de hospedagem VPS em Setembro 2021

2. Defina uma meta ambiciosa e fixe-se nela até alcançá-la

Esta é uma necessidade absoluta.

Se você não tem um alvo, é improvável que continue pressionando. 

Você deve definir uma meta ambiciosa e se esforçar para alcançá-la ANTES de começar a otimizar. Para nós, nosso objetivo era reduzir o tempo de carregamento da página inicial para less de 1.5 segundo E obtenha pelo menos 85% em ambos Velocidade de páginas e pontuação YSlow no GTMetrix. 

Nosso resultado final. Tempo de carregamento de pouco mais de 0.5 segundos.

tempo de carregamento das ferramentas pingdom

 

Nada mal :)

pontuações de desempenho gtmetrix

3. Habilite o cache Joomla padrão

Isso é muito simples, mas é MUITO eficaz.

Principalmente porque, em vez de executar as mesmas consultas repetidamente em seu banco de dados, o cache armazena uma cópia de sua página e a fornece a partir de um arquivo temporário armazenado em disco.

Isso facilita a carga em seu servidor e melhora o tempo de carregamento geral de seu servidor. As consultas ao banco de dados, especialmente em serviços de hospedagem compartilhada, podem levar muito tempo para serem executadas, especialmente à medida que os itens em seu banco de dados aumentam. Se o tráfego também estiver crescendo, isso significa que o servidor e o banco de dados estão constantemente sob carga pesada.

O armazenamento em cache corrige isso eliminando a maior parte da carga. Os dados que seu site requer são criados periodicamente e armazenados em um cache (ou seja, armazenados em um arquivo no servidor). Recuperar a página / dados do disco, em vez de executar as consultas do banco de dados, torna o tempo de carregamento MUITO mais rápido.

Para habilitar seu cache, faça o seguinte:

Sistema> Configuração global> Sistema

Ative o cache progressivo e defina a expiração do cache para 60 minutos (ou mais), especialmente se o conteúdo não mudar com muita frequência. Você não precisa de cache específico de plataforma. Isso criaria diferentes versões do cache para usuários de dispositivos móveis / desktops,less você tem usuários móveis e de desktop significativos.

configurações de cache do joomla

Você poderia defini-lo para muito mais tempo se o seu conteúdo mudar com pouca frequência, você poderia ver isso para 240 minutos, ou até mais, especialmente se você receber muitos visitantes nas mesmas páginas.

4. Habilite a compactação GZIP

Esta etapa garante que o conteúdo gerado seja compactado antes de ser enviado. A lógica é muito simples, é preciso muito less hora de compactar e descompactar o conteúdo, em vez de transferir grandes partes do conteúdo. Isso é algo que também pode ser feito facilmente no Joomla 3 com o seguinte:

Sistema> Configuração Global> Servidor 

Mude a compactação GZIP para SIM.

configurações de compressão de página gzip

(Se você estiver procurando um documento completo sobre como habilitar a compactação GZip no WordPress, consulte este artigo em CollectiveRay)

5. Ative o sistema - plugin de cache

Este plugin armazena em cache cada página inteira do seu site e (opcionalmente) recomenda para o seu navegador e esta página deve ser armazenada em cache por algum tempo (isso é conhecido como cache do navegador).

A primeira parte desta etapa garante que TODAS as páginas sejam armazenadas em cache no servidor. Isso é muito importante, porque do contrário, embora coisas genéricas, como menus, sejam servidas a partir do cache, cada página ainda terá que ser servida dinamicamente.

É por isso que ativamos este plugin para habilitar o cache no nível da página.

O cache do navegador faz muito sentido, especialmente porque você não precisará baixar novamente certas imagens e arquivos repetidamente. O navegador usará a cópia local e, portanto, less a transferência de dados é necessária e, portanto, suas páginas carregam mais rápido.

Isso é especialmente eficaz para coisas como CSS e imagens de sua folha de estilo. Esta também é a funcionalidade padrão do Joomla habilitada por meio do seguinte:

Extensões> Gerenciador de plug-ins, procurar por Esconderijo e habilitar o Sistema - plugin de cache. Você também pode excluir certos itens de menu que precisam ser removidos do cache ou ir para as Opções avançadas do plugin e excluir URLs específicos que você deseja manter sem cache.

cache de página do sistema

 

6. Aproveite o cache do navegador no nível do servidor

Isso é muito semelhante à Etapa 5 quando se trata da parte do cache do navegador. Esta etapa específica está estritamente relacionada ao cache do navegador.

A diferença é que essa etapa agora é executada no nível do servidor. Basicamente, você precisará recomendar ao navegador para armazenar em cache certos tipos de arquivos por um período específico de tempo. O Google PageSpeed ​​sugere pelo menos UM MÊS.

Para fazer isso, você precisará editar o arquivo .htaccess para o seguinte. O valor da idade máxima é 1 mês em segundos.


Cabeçalho definido Cache-Control "max-age = 2592000, público"

Outros valores que você pode considerar:

1 ANO:

Cabeçalho definido Cache-Control "max-age = 29030400, público"

1 SEMANA:

Cabeçalho definido Cache-Control "max-age = 604800, público"

Você também pode optar por armazenar em cache less ou mais tipos de arquivo, mas os acima são os arquivos estáticos mais comuns que podem e devem ser armazenados em cache.

Para aqueles que trabalham com o WordPress, criamos um guia extenso sobre como aproveitar o cache do navegador com ou sem um plug-in neste guia em CollectiveRay.

7. Instale JCH_Optimizer

Otimizador JCH contém um número ENORME de coisas recomendadas pelo PageSpeed ​​e resulta em um grande aumento na sua nota do PageSpeed.

O problema que você pode encontrar é que isso pode interromper algumas das funcionalidades do seu site. Vá com cuidado com as opções que você habilitar.

Para nosso site, conseguimos habilitar quase todas as otimizações com pouquíssimas exclusões - mas para o seu site, talvez você precise brincar um pouco para encontrar as configurações ideais. Descrevendo Otimizador JCH está um pouco além do escopo deste artigo, mas acredite, instale e habilite o plugin. Você não vai se arrepender. 

O seguinte é parte da descrição oficial:

Este plugin combina seus arquivos JavaScript e CSS externos em um para minimizar solicitações de http caras. Esses arquivos podem ser reduzidos e compactados para reduzir a largura de banda e otimizar ainda mais o tempo de download.

8. Reduza o conteúdo em seu site

Isto é muito importante. Faça e mantenha seu site absolutamente enxuto. É aquele em que você deve passar mais tempo. Passamos semanas nesta etapa sozinhos.

Para fazer isso, você precisa controlar o máximo de componentes, plug-ins e módulos que puder. Mate eles. Mate-os com fogo.

Cada parte da funcionalidade adicional aumenta o tempo de execução do servidor e aumenta o peso total do site.

NB: Pise com cuidado aqui. Faça backups completos antes de excluir o núcleo do Joomla! componentes, módulos e plug-ins

Faça isso até ficar exausto. Realmente, faça isso. Remova TODAS as coisas que você não está usando.

Mesmo coisas que vêm como padrão, mas que você não vai precisar, como

  • o modelo padrão que você nunca mais usará,
  • os componentes de links da web que você provavelmente não está usando,
  • os componentes do news feed se você não os estiver usando,
  • e TODOS os plug-ins que você nunca usará.

Desinstale-os, não apenas desative-os.

Concentre-se obsessivamente nas coisas que você não precisa, remova todos os componentes extras e combine módulos e plug-ins, se possível. Por exemplo, para botões sociais, use 1 plugin para tudo. Se você tiver um HTML personalizado, coloque o máximo possível em um único módulo.

  • Exclua categorias extras do fórum e reduza o número de itens em seus menus ao máximo necessário.
  • Exclua usuários antigos e conteúdo antigo.
  • Mescle e combine seções, categorias, menus e tudo o mais conforme necessário.

Seu foco deve ser reduzir as coisas ao mínimo necessário para que seu site exista. Faça isso obsessivamente por várias semanas. Vá em uma onda de deleção, corte e remova, desative e desinstale.

Concentre-se em tornar seu site o mais enxuto possível, sem quebrar nada.

Infelizmente, não monitoramos as coisas que removemos.

9. Reduza o número total de solicitações

Remova as imagens extras que são supérfluas.

Além disso, baixe e hospede uma versão de todas as imagens que são veiculadas por sites externos a partir de uma cópia em seu site (isso reduzirá o número de pesquisas DNS que o navegador do seu cliente precisará realizar, uma vez que elas têm um forte impacto na velocidade da página seu site).

Analise detalhadamente quais são as solicitações com as ferramentas de performance GTMetrix ou Pingdom. Em seguida, veja se essas solicitações são realmente necessárias. Se não forem, remova-os.

Por exemplo, aquele script de terceiros que você instalou alguns anos atrás? Você ainda precisa disso? E esse script do Google AdSense é realmente necessário? Você ainda está usando o pixel do Facebook ou pode removê-lo?

Temos a tendência de enlouquecer com scripts de terceiros, obtemos a síndrome do objeto brilhante e adicionamos ao nosso site, sem perceber que estamos aumentando o tamanho do nosso site.

Portanto, faça o mesmo da etapa anterior. Estude cada solicitação que seu site está enviando, veja se é necessário e se não elimina.

GTMetrix também possui um recurso interessante que otimizará o tamanho de todas as suas imagens. Salve as versões que foram otimizadas e use as versões otimizadas em seu site.

10. Veicular conteúdo de um CDN

Redes de distribuição de conteúdo são servidores que armazenam em cache uma cópia das partes estáticas do seu site e podem atendê-la de maneira ideal e muito mais rápida do que o seu servidor poderia servir aos visitantes. Isso dará a você outro aumento ENORME na velocidade da sua página.

Se vocês não pode pagar um CDN, sites como StackPath CDN tem um plano muito barato, que atenderá às necessidades da maioria dos pequenos sites. 

StackPath começa em US $ 20 / mês.

stackpath cdn

Embora possa parecer muito dinheiro, especialmente em comparação com coisas como a hospedagem do seu site, se o seu site for mais rápido, a UX será melhor e você terá de obter mais tráfego orgânico e impulsionar os negócios do seu site em geral.

11. Siga cada recomendação no PageSpeed, YSlow

Tanto o PageSpeed ​​quanto o YSlow têm uma série de recomendações detalhadas, como especificar

  • um conjunto de caracteres padrão
  • certifique-se de ter especificado as dimensões da imagem (especifique a largura e a altura de cada imagem em seu site).

Para qualquer conteúdo hospedado em seu site, siga cada um deles ao pé da letra.

Se você não tem ideia do que precisa fazer, o Google é seu amigo, leia sobre isso e entenda-o e execute-o em seu site. Evite solicitações ruins, ou seja, certifique-se de que não haja imagens ou arquivos que estejam vinculados incorretamente.

Alguns podem ser bastante difíceis de fazerless Você realmente sabe o que está fazendo. Carregue scripts de terceiros, como Facebook, Twitter, AdSense e Google Analytics de forma assíncrona. Existem muitas otimizações bastante fáceis que você pode fazer.

PS. Pode haver recomendações que você não pode seguir para conteúdo hospedado fora de seu controle. Por exemplo, AdSense, Facebook e outros scripts têm algumas otimizações que podem fazer. Você não tem muito controle sobre eles. O bom é que seu CDN também pode ter otimizações para conteúdo de terceiros. Se não, não se preocupe muito com eles.

Se você continuar iterando com otimizações, acabará chegando a um ponto em que seu site se torna muito rápido.

Vamos ajudá-lo a gerenciar melhor seu Joomla

Joomla

Botão de e-book de dicas grátis do Joomla

Conclusão: Por que você precisa tornar seu site mais rápido?

Realmente e verdadeiramente, se você está usando seu site para melhorar seus negócios por meio de vendas ou de outra forma, um site lento está literalmente queimando um buraco no seu bolso.

Os usuários são bastante impacientes e abandonarão seu site se ele não for rápido o suficiente. Você também, é claro, enviará um sinal inconsciente muito negativo aos visitantes. Aqui estão todos os efeitos negativos

  • A satisfação do cliente diminui em 16% se houver um atraso de um segundo na resposta da página
  • 47% dos usuários esperam que um site carregue em 2 segundos e abandonarão o site se demorar mais de 3 segundos para carregar
  • 50% dos usuários não são leais a sites que carregam lentamente

Você obteve bons resultados com as recomendações acima? Compartilhe sua experiência conosco nos comentários abaixo!

Como tornar seu site mais rápido - um pensamento final

Estamos hospedados no InMotion porque nos preocupamos com o fato de nosso site ser realmente muito rápido, e os recomendamos porque acreditamos que todo mundo deveria também - isso dará ao seu site um impulso instantâneo.

Além de carregar mais rápido, seus servidores são mais seguros e seu suporte é melhor (eles precisam de métricas para provar essas afirmações ousadas). Por que você não gosta de nós e experimente o InMotion

Você não terá que se preocupar em mover seu site, eles farão isso por você gratuitamente. Nós garantimos que você nunca mais vai querer voltar para o seu antigo hospedeiro. Você tem uma garantia de devolução do dinheiro em 90 dias, então você não precisa nem pagar um centavo se você não gostar do que vê;)

Experimente a hospedagem InMotion (47% OFF até Setembro 2021)

Sobre o autor
David Attard
Autor: David AttardSite: https://www.linkedin.com/in/dattard/
David tem trabalhado na ou em torno da indústria online / digital nos últimos 18 anos. Ele tem vasta experiência nas indústrias de software e web design usando WordPress, Joomla e nichos ao seu redor. Como consultor digital, seu foco é ajudar as empresas a obter uma vantagem competitiva usando uma combinação de seu website e plataformas digitais disponíveis hoje.

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.
 

 

Plug-in de cache com melhor classificação

Torne seu site mais rápido 

Passo a passo - curso gratuito por e-mail, como fazer seu site carregar less de 1 segundo  

 

quem somos nós?

CollectiveRay é administrado por David Attard - trabalhando dentro e ao redor do nicho de web design por mais de 12 anos, oferecemos dicas práticas para pessoas que trabalham com e em sites. Também administramos DronesBuy.net - um site para entusiastas de drones.

David Attard

 

 

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...