Como dobrar a velocidade do seu site SiteGround Tutorial

Eu vou te mostrar como dobrar a velocidade do site de seus sites quando você estiver usando o SiteGround, você não precisa pagar nada, todas as ferramentas que vamos usar já estão incluídas no seu pacote de hospedagem .

Então vamos começar.

Deixe-me dizer desde o início deste vídeo que este não é um discurso de vendas para o SiteGround.

É principalmente destinado a pessoas que já possuem o SiteGround e desejam fazer com que seus sites carreguem mais rapidamente.

Agora, o benefício do SiteGround é que normalmente as ferramentas que você usaria para tornar seu site mais rápido custarão centenas de dólares por ano, mas não quando você tiver o SiteGround.

Eles já incluíram.

O problema é que a maioria das pessoas nem sabe o que está incluído.

Há muito incluído e, se você estiver usando o SiteGround, aprenderá sobre isso neste post.

Agora, é claro, se você não tiver o SiteGround, talvez queira assistir a este vídeo e decidir se gosta do que eles incluem gratuitamente em seus pacotes.

Mitos da velocidade do site

Agora, antes de entrarmos muito nisso, quero dissipar alguns dos mitos sobre a velocidade do site sobre ter um site.

Mito 1: Sites lentos não são bem classificados no Google

Existem muitos fatores de classificação mais importantes e a velocidade do site é apenas o menos importante de todos eles.

O que realmente está acontecendo é que a velocidade lenta do site produz uma experiência ruim para o usuário.

Uma má experiência do usuário leva a um aumento da taxa de rejeição.

É a rapidez com que alguém sai do seu site quando acessa seu site.

E isso é um fator de classificação importante.

Portanto, um site lento não afeta seus rankings do jeito que você pensa. É realmente o que leva a uma alta taxa de rejeição.

Quantas vezes você foi a um site e estava lá?

Já se passaram quatro ou cinco, seis segundos. Não está carregando as informações que você deseja. E você sabe que no Google há nove outras listagens nessa página.

O que você faz?

Você sai do site, clica de volta, e esse é um fator de classificação que está prejudicando seus rankings.

Então, o que estamos realmente tentando fazer é otimizar seu site para a experiência do usuário, não para o Google.

Mito 2: Sites lentos são causados ​​por construtores de páginas

O segundo mito é que a velocidade do seu site está sendo reduzida pelo construtor de páginas que você escolheu usar ou pelo tema que escolheu usar para construir seu site.

Bem, um pouco, mas não é um fator tão grande são as pessoas, você quer que você acredite.

É apenas um bom marketing.

5 Pilares da Velocidade do Site

Tudo bem. Agora que tiramos esses mitos do caminho, é hora de começar a otimizar seu site e analisar os cinco pilares da velocidade do site.

Pilar 1: Tenha uma boa hospedagem

Agora, o primeiro pilar da velocidade do site será obter uma boa hospedagem na web.

Agora, o bom é que você está usando o SiteGround, que é um host fantástico.

Portanto, esse pilar é mais destinado a pessoas que estão usando hospedagem de baixo orçamento ou hospedagem gratuita, pois você acaba recebendo o que paga quando se trata de hospedagem.

Agora, se você não estiver usando o SiteGround, lembro que tenho um link abaixo que terá 70% de desconto e também incluo um bônus do curso.

Então SiteGround tem três planos. Você vai querer estar no plano crescer grande ou no plano GoGeek.

Eu sei que é tentador economizar US$ 2 por mês apenas obtendo o plano inicial, mas esses outros dois planos incluem opções de desempenho adicionais que simplesmente não estão disponíveis no plano inicial.

Portanto, se você estiver no plano de inicialização, poderá acompanhar este vídeo, mas considere entrar em contato com o SiteGround e atualizar para o plano de crescimento grande.

Agora, quando você instalar o WordPress no SiteGround, eles incluirão um plugin chamado SG Optimizer.

Aqui estou eu em uma instalação do WordPress. Vou clicar em plugins e você pode ver que está bem aqui, SG Optimizer. Agora, quando você tiver isso ativado, haverá uma nova opção aqui que diz otimizador SG, e aqui estão todas as configurações para este plugin.

O segundo pilar da velocidade do site é otimizar suas imagens. Ao começar a construir seu site WordPress, você vai querer fazer upload de imagens. Agora, o problema com isso é que as imagens tendem a ter uma qualidade muito maior do que você precisa, o que leva a tamanhos de arquivo muito grandes. Então, toda vez que alguém visita seu site, eles precisam baixar imagens grandes.

Portanto, você obterá ótimos ganhos de desempenho. Ao otimizar essas imagens. Agora normalmente você tem que pagar por um serviço mensal para otimizar as imagens, mas não se você tiver SiteGround. Está incluído no plug-in do otimizador SG. Então aqui estamos nas configurações de plugins. A última opção aqui diz otimizações de imagem.

Vamos em frente e clicar nele, e há algumas configurações aqui que podemos querer habilitar. Portanto, a primeira é otimizar novas imagens à medida que são enviadas para o seu site. Você vai querer habilitar esta opção. Então, o que isso significa é que na próxima vez que você carregar uma imagem, os otimizadores SG vão cuidar disso para você.

A próxima opção é se você já carregou imagens, você pode clicar neste botão aqui e ele voltará e otimizará todas as imagens em sua biblioteca de mídia para você, e isso é tudo o que há para otimizar suas imagens. O terceiro pilar da velocidade do site é usar uma rede de entrega de conteúdo.

Aqui. Estou logado no SiteGround e vou clicar aqui onde diz sites, e depois clicar aqui onde diz ferramentas do site e clicar onde diz velocidade. E então vou clicar aqui onde diz CloudFlare, e é aqui que podemos habilitar a integração do CloudFlare com o SiteGround.

Agora, quando você habilita o CloudFlare, o que acontece é que alguns dos ativos em seu site serão enviados para nuvens, sinalizadores e rede de servidores em todo o mundo. Agora, o que isso significa é se alguém do outro lado do globo. Visite seu site, as imagens e muitos deles, um grande, grande patrimônio relacionado ao seu site.

Para que ele seja carregado, carregaremos de um servidor local para eles. Geograficamente. O que isso vai fazer é melhorar drasticamente o tempo de carregamento e a velocidade do site que os visitantes terão no site do seu site. Agora, CloudFlare tem um plano básico que é gratuito. Eles também têm um plano premium. Uso CloudFlare há pelo menos cinco anos e nunca usei nada além do plano básico, será mais do que você precisa e você verá uma enorme melhoria na velocidade do seu site.

Então, vou rolar para baixo e aqui estão as três etapas para fazer isso funcionar em nosso site. Então vamos em frente e clique no botão de configuração. Nesta etapa, você pode criar uma nova conta do Cloud Flare ou clicar aqui onde diz conectar existente e fazer login na sua conta do Cloud Flare existente.

Então, como já tenho uma conta do Cloud Flare, farei login usando minha conta existente. Mas para você, se não tiver uma conta, vá em frente e crie uma nova. Excelente. Entrei na minha conta e você criou uma nova conta. Portanto, o próximo passo é escolher aqui o nome do seu domínio ao qual você deseja se conectar, cloud flare, e depois clicar em ativar gratuitamente para conectar seu site ao CloudFlare.

Agora aqui embaixo você também pode ver algumas configurações de reflexo de nuvem que você poderá usar em seu site. O quarto pilar da velocidade do site é usar o . O armazenamento em cache e o que é o armazenamento em cache criarão uma cópia estática do seu site, portanto, quando as pessoas visualizarem seu site, menos atividades precisam ser realizadas nos bastidores, o que pode retardar os visitantes que veem seu site.

Eu sei que é uma explicação meio complicada, só para entender isso se você estiver usando o WordPress. Você precisa estar usando alguma forma de cache. Agora, o grande benefício de usar o SiteGround é que eles fazem muito desse cache de forma transparente nos bastidores dessa conta de hospedagem do servidor. Eles apenas fazem isso por você, mas você precisa realmente ligá-lo.

Então aqui estou eu, logado no painel de controle terrestre do site. Então você pode simplesmente clicar onde diz velocidade. E então há esta nova opção aqui que diz cache. Vamos querer ir em frente e clicar nele. E é aqui que vamos habilitar. Dois tipos diferentes de cache em seu site. Então, o primeiro é onde diz cache estático, e você verá uma lista dos sites que você conectou ao SiteGround, e tudo o que você precisa fazer é ativá-lo apenas assim.

E agora seu dinheiro está ativado. Há um segundo tipo de cache aqui chamado Memcached. Vamos clicar nele, e este é um tipo de cache que se aplicará a toda a sua conta de hospedagem. Vamos em frente e clique aqui para ativar isso também. Agora ambos os caches. Os mecanismos têm uma maneira de você esvaziar o dinheiro.

E a maneira como você pode fazer isso se estiver logado no SiteGround é esta pequena vassoura que está à direita aqui e diz flush cash. Você pode clicar aqui para liberar o Memcached e, quando estiver com o dinheiro estático, também há a opção de liberar o dinheiro ali mesmo. Agora também temos que habilitar algumas opções aqui.

No seu site no plugin do otimizador SG. A primeira guia são as configurações do super caixa. Vamos querer alternar isso aqui onde diz cache dinâmico, e então vamos querer alternar isso aqui onde diz Memcached assim. Agora há algumas opções adicionais para cache dinâmico que você pode querer conhecer.

A primeira opção está bem aqui, onde você pode limpar o cache e esvaziá-lo. Também haverá uma opção na barra de administração na parte superior. Para esvaziar o dinheiro. Em seguida é a purga automática de dinheiro. Você vai querer deixar isso ativado. As principais opções que você deseja conhecer estão aqui. Diz, excluindo URLs.

Dependendo do tipo de site que você possui, pode haver certas partes do seu site que você não pode incluir para descontar porque isso causará um problema. Você vê isso normalmente com sites baseados em comércio eletrônico. Isso ocorre porque esses tipos de sites têm muitas opções dinâmicas, e descontar simplesmente não vai funcionar, certo?

Portanto, é aqui que você colocará os URLs das páginas que deseja excluir do armazenamento em cache. Tudo o que você precisa fazer é inserir a URL aqui e clicar onde diz excluir para adicioná-la à lista de exclusão, e agora seu site estará. Totalmente descontado. O último pilar da velocidade do site serão otimizações de desempenho adicionais.

Agora, o otimizador ou plug-in SG também oferece várias opções. Portanto, o primeiro seria o carregamento preguiçoso de imagens. O que isso significa é quando um visitante carrega sua página. Ele não os mostrará ou não carregará uma imagem até que eles rolem para a parte da página onde essa imagem deveria estar.

Isso fará com que seu site carregue mais rápido e pareça muito mais rápido para os visitantes do site. Então, para habilitar isso, vamos clicar aqui onde diz otimização de imagem, e aqui está a opção que diz um carregamento lento de imagens. Nós vamos ativar isso. Ele nos dá algumas opções adicionais aqui, se quisermos.
Carga preguiçosa. Isso inclui Gravatar, RS, miniaturas, imagens responsivas, widgets e carregamento lento em dispositivos móveis. Então você pode alternar esses como quiser. Eu gosto de carregamento lento, Gravatar, RS e miniaturas com certeza. O resto é opcional para você. Se houver algum problema causado pelo carregamento lento, você pode excluir certas partes do seu site do carregamento lento.

Você simplesmente colocaria a classe CSS nesses elementos. É um pouco técnico. Você faria isso aqui e depois clicaria em excluir. Agora há otimizações adicionais, certo? Aqui está uma opção para otimizações de ambiente. Você vai querer rolar para baixo e certificar-se de que a compactação G zip está ativada.

Por último, otimizações de front-end aqui. Agora, isso pode ser um pouco complicado e às vezes você pode se meter em problemas, então eu recomendo ativá-los um por um. Em seguida, verificando se não causou nenhum comportamento estranho em seu site. Agora você deve estar bastante seguro alternando para minimizar a saída HTML.

Você também deve estar seguro ativando todas as várias opções de minify. Então aqui está um para minimizar os arquivos JavaScript. Aqui está um para minificar arquivos CSS. Agora o script Java de bloqueio de renderização adiada. Isso pode causar problemas. E quando você ativar isso, receberá um aviso aqui e poderá confirmar se deseja ativar ou não.

E então este é aquele em que você definitivamente vai querer verificar no front-end se causou ou não um problema. Aqui está outra opção para combinar arquivos CSS, e isso também pode causar alguns problemas. Como você pode ver, não está acionando uma mensagem de aviso. Mas saiba que isso também pode causar problemas.

As vezes. Em seguida, otimizamos o carregamento de fontes do Google que é inofensivo. Vamos ativar isso. Em seguida, remova as strings de consulta de recursos estáticos. Isso causou problemas para mim no passado, então tenha cuidado. Esta é uma opção que você vê causar um problema quando um plugin ou tema de autor lança uma nova atualização e, em seguida, as coisas começam a ficar instáveis ​​em seu site.

O último é emojis desativados. Isso não significa que os emojis não vão funcionar no seu site. Significa apenas que ele será carregado de uma maneira mais otimizada. Agora vou dar uma olhada rápida no front-end do meu site para ter certeza de que não há problemas visíveis e depois vou fazer um teste rápido de velocidade.

Então aqui está o site, e até agora está tudo bem. Minhas imagens estão carregando, certo? Esses pequenos ícones estão aparecendo. Isso é normalmente o que você viu problema. Se houve algum problema que você está enfrentando, uh, o espaçamento está correto. Às vezes, eles podem se sobrepor se houver um problema também.

Tudo parece perfeito. Por uma questão de fato, isso está parecendo muito bom. Ok, então eu vou para o GTmetrics.com e vou em frente e colo a URL para o site com uma barra e um clique aqui diz: teste seu site. Leva apenas um momento e o que vai fazer é baixar seu site.

E vai te dar alguns dados. Ele vai deixar você saber quanto tempo levou para carregar. Ele vai te dizer quantos pedidos estavam lá, e vai dar uma pontuação arbitrária. Agora, eu recomendo não colocar muito peso nesta pontuação. Como você pode ver, as pontuações são. Bastante alto e um e um B aqui com um tempo de carregamento muito rápido de 1,2 segundos, uma página, lados de menos de um megabyte e apenas 32 solicitações.

Este é um site usando o mentor de Ella. Agora, eu sempre digo, não coloque muito peso nessas pontuações aqui. O que realmente importa é como seu site se sente quando alguém entra em seu site, mas você pode ver neste teste que o site está carregando extremamente rápido. O que é muito bom para um site com todas essas imagens.

Bem, aí está. É assim que você pode fazer com que seus sites usando o SiteGround carreguem incrivelmente rápido, e espero que você tenha visto também o tremendo valor que obtém do SiteGround. Normalmente, você teria que pagar centenas de dólares por ano para obter plugins que fazem tudo o que eles incluem para você.

Já com o serviço que você tem com eles. Esta é uma das razões pelas quais eu recomendo o uso do SiteGround é por causa de todos esses brindes extras que eles incluem para você e você não precisa comprá-los e eles são oficialmente suportados pelo seu host. SiteGround, se você não tiver SiteGround, considere usar o link que tenho abaixo ou WP crafter.com/siteground se você fez o pedido do SiteGround, eu incluo um bônus do curso para acompanhá-lo.

Isso vai ajudá-lo a tirar o máximo proveito. Construir um site e tirar o máximo proveito do solo. Dave, você encontrou algum valor neste vídeo e espero que sim. Considere dar um joinha e compartilhá-lo com um amigo.

E se você tiver alguma dúvida, eu encorajo você a perguntar na seção de comentários abaixo.

Eu gosto de responder sua pergunta e ajudá-lo de qualquer maneira que eu puder. Ei, obrigado por assistir e vejo vocês no próximo vídeo.