Transcrições
1. Bem-vindo - Verificando a velocidade do seu site: Ei pessoal, bem-vindos
a esta seção, a este modelo e
feliz em vê-los aqui. Aqui vamos falar sobre
como você pode acelerar seu site com ferramentas simples, sem programação, sem alterar nada
em seu site, apenas com duas ferramentas específicas
que compartilharei com você. Faremos em testes da vida real. Vamos receber meu website.com
e testaremos a velocidade do site agora mesmo
antes de implementarmos as ferramentas, iremos em frente juntos. Uri implementará as ferramentas e veremos os resultados
se melhorarem. Não é por isso e como você
pode alcançar os mesmos resultados. Você pode estar perguntando, Ok, Diego, isso é legal, mas por que
precisamos fazer isso? O que isso é realmente necessário? Se estamos falando de SEO e se quisermos classificar seu site mais alto no Google e em qualquer
outra plataforma de mecanismos de pesquisa, precisamos ter certeza de que você, um dos principais ingredientes que eles olham é a
velocidade do seu site. Portanto, se o seu site for rápido, se a velocidade de carregamento for rápida, o Google e os mecanismos de afirmação, eles verão isso como um potencial
aumento de fatores de classificação. Então eles verão que
seu site é rápido, o desempenho é bom
em dispositivos móveis e desktop, seu site
começará a classificar mais alto. Além disso, esquecer o
Google falará sobre ferver, pensar em seus clientes, as pessoas que acessam
seu site, pessoas que seu
cliente, seus fãs, seus seguidores, eles vão para o seu site se eles não
tivessem uma boa experiência. Se o site não carregar
rapidamente com boa qualidade, eles geralmente você
perderá alguns visitantes. Isso é normal. As pessoas não querem esperar
hoje pelo site muito baixo. Se ele tirou alguns segundos, você já perdeu esse cliente. Vamos em frente agora, testar a velocidade do site. Espero que você faça isso
agora com seu site também, e vamos começar a
implementá-los no próximo vídeo nesta seção aqui caras
é uma sessão técnica. Você vai me ver
indo a um computador, você sabe sobre a aplicação dessas
estratégias estão instalando plugins e você pode
fazer exatamente o mesmo. Vou mostrar passo a passo
o que você precisa fazer exatamente. Aqui estamos no Google. O primeiro passo é testar
a velocidade do seu site. Como fazemos isso? Chegamos ao Google
e pesquisamos por teste de velocidade
do site, por exemplo. Aqui estamos
velocidade do site, teste de velocidade. E eu recomendo
usar duas ferramentas. Você pode usar mais se quiser, mas esses são
os principais que eu gosto. O primeiro é ferramentas
dot pin down.com. Este é um dos mais
populares para teste de velocidade, e eu já o tenho
aberto aqui para você. Faremos o teste
aqui juntos. O próximo é do Google. Então, se você, vamos ver se
podemos encontrá-lo aqui. Vamos ver se este funciona. Este não é realmente o único. Você pode ir
agora mesmo para a profundidade do
ponto da web do ponto da velocidade da página ,
ou melhor ainda, você pode voltar ao Google
e simplesmente procurar por testes de
velocidade do desenvolvedor do google. Veja o teste de
velocidade do Google Developers, e este é o
que queremos usar. Então, basicamente, como testamos? Viemos aqui e
entramos aqui no seu site. Deixe-me entrar no meu site aqui. Você clica em Analisar. O Google começará a
analisar seu site para duas plataformas específicas,
celular e desktop. Ele testará a velocidade
do seu site, o desempenho das pessoas
que estão se conectando, que estão usando seu site
por meio de um dispositivo móvel. E também para pessoas que estão usando no computador,
na área de trabalho. Vamos para a área de trabalho. Vamos ver. Aqui temos alguns resultados. E o que eu quero verificar agora é o desempenho. Então eu role para baixo até
o desempenho. Vejo aqui que temos
o URL do site. Temos o desempenho
do meu site, o que não é ótimo como você vê, é 81 é o número
que eles me dão. Você vê que temos aqui de 0
a 49, a próxima categoria. Então o próximo passo
é de 50 a 89. E o superior que
é o recomendado, o verde é de 90 a 100. Então, o objetivo que temos
aqui nesta seção, não
tenho certeza se
conseguiremos isso com este site é
chegar a uma luz verde, 90 a 100. Isso é o que temos
no Google também, temos outras informações. Você vê a matriz aqui, vemos a visualização do TreeMap,
o site carregando ao longo do tempo. Você vê as imagens aparecendo aqui e algumas sugestões das oportunidades do Google sobre como melhorar essa qualificação. Esse número é de 90 a
100, que é o objetivo. Vamos para o próximo. Vamos usar teste de
site rosa Dong, teste de velocidade. Vamos para diego.com. Você pode escolher aqui onde, onde você realizará
o teste. Então, neste caso, vou
escolher aqui Washington DC. Você pode escolher todos os
servidores que você pode escolher. Você pode testar em
diferentes servidores. Servers é, se você quiser, basta clicar em Analisar e você vê que
ele está analisando aqui. Há a execução dos
testes, estamos quase terminando. Isso geralmente leva
alguns segundos, às vezes até um
ou dois minutos, dependendo do seu site. E vemos os resultados chegando
na tela agora. Veja, olhe para isso. Aqui estamos nós. Vemos a imagem do site aqui. Neste site. Nesta ferramenta, temos o grau de
desempenho de 73. Na ferramenta Google temos 81, o que é um pouco
melhor neste ainda
é o amarelo, desculpe, o laranja que
é C, não
é bom o suficiente, é 73. Você vê que o tamanho da página
é 2.1.1 megabytes. O tempo baixo, o
tempo que leva seu site para baixo
completamente é de 4,3 segundos, o que é muito. Quero dizer, se as pessoas
vão ao meu site, elas esperam quatro segundos para ver o que está acontecendo.
Isso é muito, certo? Então, precisamos otimizar isso. Você tem várias
maneiras de otimizar. Uma maneira é contratar um desenvolvedor, pagar milhares de dólares e esperar que eles
descubram como otimizar. Ou você pode usar as ferramentas
que recomendamos aqui. E você vai tê-lo imediatamente. E, claro, se você
tiver tempo e dinheiro, você pode fazer os dois, o que
será o cenário ideal. Essa é a velocidade que temos
agora, 7381 no Google. Agora, no próximo vídeo, vamos e
vamos começar a trabalhar com
a primeira ferramenta que
temos aqui neste
sistema. Vejo você lá.
2. Instalando o NitroPack no seu site: A primeira ferramenta que
vamos começar em seu site é chamada de pacote
de nitrilo. Aqui está o link que você
pode usar para acessar
o site e
criar uma conta gratuita. Aqui estamos no site deles. Este é um serviço
que podemos ver e você pode começar com
o serviço gratuitamente. Você pode testá-lo e ver
como seu site funciona. Se formos para a área de preços, você verá todos os
preços. Eles têm. Esses preços mudam com frequência, mas eles têm um
plano gratuito que você pode usar em um site, até 5 mil visualizações de página
e até um show ruim. Se você não tem
tráfego enorme todos os dias, todos os meses, seu
site, você
sempre pode sair com uma opção gratuita, mas é recomendável atualizar porque quando
estamos atualizando, isso significa que estamos tendo cada vez mais visitantes
e seu site, sua empresa está crescendo, que é o que queremos aqui. Então, antes de assinar, recomendo vir
aqui e fazer um teste. Antes de instalá-los, faça um teste em seu site. Estamos fazendo esse mesmo
teste no antigo Avila.com. Eu venho aqui e você vê o
botão que está dizendo aqui, teste meu site
com nitrilo pack. Com isso,
entrarei no meu site aqui. Nitroprusside,
faremos uma simulação de como este meu site
funcionará com o serviço deles. Eles me mostrarão um
comparativo entre agora e depois de
instalarmos o serviço. Então, vamos esperar por isso, isso leva alguns
segundos para ser executado. E enquanto isso, veremos
que eles têm alguns modos. Então nitro pack você pode
instalar em seu site. Você pode usar modos diferentes. Você pode usar um
modo normal e
um modo normal , um modo forte ou
um modo ridículo. Cada modo é
mais rápido que o R1 e você pode ver qual deles você pode testar em seu site
para fazer isso? Qual deles tem
melhor desempenho nesses testes? Eles acabaram de terminar um
teste que está concluído. Vamos ver os resultados. Vemos aqui que temos desktop e celular e
temos antes e depois. Olhe para isso, antes. Ótimo é 74. Vamos ver o que este, este foi o ótimo
também no osso rosa 73. Eles calcularam uma nota de 74. E eles estão dizendo aqui, e este é Greg pessoal. Eles estão dizendo
que se instalarmos esse grau aumentará,
até 94, estará
na área verde. Lembre-se, quando estivemos aqui
nos insights da página do Google, você verá os números
aqui, as notas. Nós temos, o vermelho,
laranja e verde. E o verde começa na
noite de 90 a 100. Então eles estão dizendo
aqui que
vamos para 90 para o meu site. Isso é fantástico se eu
fizer isso sem aplicar a próxima ferramenta que mostrarei que você terá um grande aumento. Vamos, estamos prontos, ótimos aos olhos do Google,
que é o que queremos. Teremos um
site mais rápido para nossos visitantes. Então você vê aqui a perda
estimada de visitantes 10% agora, depois disso será 0. Você vê outros detalhes. A página, o índice de velocidade. Você vê a diferença
de 3,8 segundos para 071, o que é uma grande diferença
quando você está falando sobre usuários esperando o seu conteúdo
carregar na frente deles. No celular, estamos
com uma pontuação de 39, o que é super baixo. E eles estão dizendo
que nós, então vamos para 68, o que é ótimo. Então, vamos testar isso. Espero que você faça esses testes com seu site e
veja seus números analisados para ver se você quer seguir em frente e usar um pacote nitro. Se você não quiser, você se fizer o teste e você disse:
Ei, eu não quero fazer isso. Aguarde, você pode pular para
o próximo vídeo em que estamos fazendo a próxima ferramenta
com a Cloudflare. Vou te mostrar isso
no próximo vídeo, mas fique comigo aqui
porque isso é ótimo. Por que estamos fazendo aqui? Vamos nos
inscrever ou começar, ou se você tiver uma conta,
você pode simplesmente fazer login. Vamos sair. Vou começar com
uma opção gratuita aqui. Uma coisa que
precisamos mencionar é que eles estão dizendo aqui, se você usar a
opção gratuita, o plano gratuito, eles adicionarão um lote sobre o pacote de nitrilo no
rodapé do seu site, o que não é grande coisa
dependendo do seu negócio. Mas é claro, você sempre
pode atualizar para os planos pagos e
removerá essa marca com certeza. Vamos clicar em começar. Agora vou inserir minhas
informações aqui. Eu estaria de volta em 1 segundo. Excelente, acabei de
preencher minhas informações. Clique em enviar, e aqui
estamos com
sucesso na finalização da compra quando for até um minuto para solicitar
sua assinatura. Então, vou ao meu painel agora, começaremos a aplicá-los e instalá-los
em seu site. O próximo passo é conectar
essas ferramentas nitro pack ao seu site WordPress ou se você tiver outro site
que não seja wordpress. Mesmo processo. Conectamos isso usando um plug-in ou eles
o chamam de conector. Vamos ver no topo, no menu superior que temos
aqui, o painel. O segundo é
conectar seu site. Vamos clicar nisso. Aqui temos o
nome do meu site, o URL do site, o ID do site
exclusivo para cada um e a chave secreta lateral que também
é exclusiva para este. E eu recomendei
não compartilhar que você não compartilhe essa chave
com ninguém
porque ela pode
comprometer os dados. Para conectar o site
com a ferramenta nitro pack, usamos um conector. Você vê aqui baixar
um conector. Eles estão dizendo que
eles têm algumas opções. Temos naturopática
para WordPress, para WooCommerce e todas
essas opções aqui, a que estamos usando é este o pacote de nitrilo para WordPress porque eu tenho um site WordPress
neste caso. Vamos ao site. Espero que você vá agora mesmo ao
seu site WordPress. Se você não tem um site
WordPress, recomendo que você acesse o suporte do PAC de nitrilo e eles podem
lhe dar a ferramenta certa para conectar seu
site não WordPress com nitro panic. Aqui. Aqui
estamos no WordPress, clicamos em plugins e
clicamos em adicionar novo para
adicionar um novo plugin, que é o plug-in nitro pack. Então vou digitar aqui. Pacote Nitro. Excelente. Vemos os resultados aqui. O primeiro resultado é o
plugging oficial do pacote de nitrilo, que é este. Você vê nitro pack
da naturopathic LLC. Vou instalar isso está
instalando agora. Excelente. Assim que esse estilo,
vamos ativar. Então clique em Ativar. Agora, vamos ver. Agora está ativo e instalado. Então, procuramos isso
na ferramenta aqui. Vamos ver aqui. Naturopático aqui estamos nós. Vamos para Configurações. Aqui em Configurações, dizemos
que estamos lendo aqui. Bem-vindo ao naturopathic
para WordPress, estamos conectando nitrilo volta ao seu site
WordPress. Nós clicamos aqui no
conector nitro back, ou você pode inserir os detalhes
manualmente, se desejar. Você pode inserir o
ID do site e o segredo, o segredo lateral que está
aqui no seu painel. Se você quiser
conectar seu site, basta copiar essas informações. Vamos fazer isso agora. Copie este lado. Vamos copiar também o segredo. Isso é tudo que eu preciso fazer. Você vê que estamos no
painel agora está otimizando seu processamento das páginas
agora , vemos o
plano que temos, os limites, o número de visualizações de
página, a largura de banda, e vemos a
otimização o modo agora está sob o modo de corvos diluídos. E você pode
alterá-los se quiser. Eu recomendo
apenas levantar a mensagem importante padrão 11 que temos aqui que
você também poderia ter. Esta mensagem está aqui
no topo é vista. Eles estão dizendo que eu tenho WP Super Cache
ativo,
um pacote de nitrilo. Com esse plugin, eu tenho uma funcionalidade
sobreposta, então eles estão
me recomendando para desativar o WP Super Cache porque
esse é um aplicativo de dinheiro, um plugin Cash, e é irrelevante quando tivermos
o nitro nitrobenzeno. Isso é o que estou
fazendo agora. Vou voltar aqui para plumas. Vamos desativar o
WP Super Cache. Vamos ver o WP Super Cache. O ativar. Trabalhando nisso. Excelente. Então agora você vê que
esse está desativado. Eu posso ativá-lo
novamente se eu quiser, eu deixo lá por enquanto. Vamos voltar às configurações e ao nitro pack para dar uma
olhada no painel. Agora precisamos fazer o teste. Precisamos ter certeza de que
apenas estilizamos há quatro minutos. E isso está
trabalhando mais ou não. Às vezes, demora
alguns minutos até uma hora para criar o
cache do seu site. Você tem um
site grande especialmente. Mas vamos testar agora mesmo para ver se temos resultados otimizados, estamos prontos para fazer isso. Vamos agora mesmo para
garantir que o site esteja
conectado. Vamos ver. Sim, está conectado, Maravilhoso. Vemos a otimização
que podemos fazer. Eu clico na otimização que são classificadas, algumas sugestões aqui. Temos as configurações que
você pode alterar se quiser. Então, todas as suas ferramentas
estão aqui agora. Vamos fazer o teste. Não tenho certeza se isso
funcionará
imediatamente porque acabamos de
instalar a ferramenta. Lembre-se que temos,
deixe-me abrir aqui. Temos um nó, notas de
desempenho. Aqui você vê
na tela de 73, temos um nó c,
uma nota de aviso laranja dizendo: Ei, o site é lento, é levado 4,32 segundos muito baixo, e nós lhe damos um nó
C, uma nota C. Vamos testar novamente
no mesmo site. Para dar uma olhada.
Vamos para Pingdom. Deixe-me digitar aqui,
Diego, o VLR.com. Escolho o servidor e
clico em Iniciar teste. Vamos ver como ele vai. Espero que tenhamos ótimos
resultados agora. Vamos ver, vamos ver,
vamos ver testes. Esperamos, espero,
espero, espero. Vamos ver, 73 era o
nó antes da nota. Agora, nós
olhamos para esses caras, 93, temos uma nota mais
agora com 93, estamos carregando a
página em 2,75 segundos,
50 em torno de 50%
mais rápido do que a última vez. E com apenas essa ferramenta
maravilhosa, que é naturopática,
estamos crescendo. Estamos super rápidos agora. Pessoal, é assim
que você pode atualizar a velocidade do seu site
imediatamente com nitro. De volta ao próximo vídeo, aplicaremos uma segunda
ferramenta chamada Cloudflare. Espero vê-lo lá. Vamos começar com isso agora.
3. Ativando o CloudFlare Advance para WordPress: Nossa próxima ferramenta é a Cloudflare. Cloudflare é uma plataforma que
é usada por muitos sites, muitas empresas em todo o mundo que ajuda o
site a ser mais seguro, protege-os para ataques
e, portanto, também a
tradução de DNS para o site. Dado o site, a
vantagem de ser mais rápido para carregar em
todo o mundo. Veja se você tem um site
WordPress, provavelmente você tem a Cloudflare. E se você fizer isso, se você usar
o serviço da Cloudflare, você pode usar essas
ferramentas que eu
recomendarei a você agora. Se você nunca ouviu
falar da Cloudflare, você pode perguntar ao desenvolvedor do seu site se você
está usando isso
e, se não, não se preocupe, você pode usar apenas nitro pack que usamos no último vídeo. E isso já vai, como você viu no teste que
fizemos, saltamos da categoria B a C
para uma nota C para uma nota a. Então, estamos agora
carregando caminho, muito mais rápido. Se você estiver na Cloudflare, o que você precisa fazer é apenas login aqui em sua conta. Eu tenho todos esses sites
aqui na Cloudflare. Dow.com é o
que estamos usando. Eu clico nisso. E no menu à esquerda,
vemos a opção de velocidade. Então, se eu clicar em Velocidade, vejo que apenas
usando a Cloudflare e já 11%
mais rápido que, se não, você vê com a Cloudflare. Sem a Cloudflare, você
vê a comparação da rapidez com que o carregamento
está carregando o site. Você vê a diferença
aqui nas imagens. E isso é fantástico. E o serviço que eles
recomendam aqui, você vê uma
otimização recomendada é chamada de otimização automática de
plataforma, e este é o
que estamos nos inscrevendo hoje para testar o desempenho dela. Eles estão prometendo aqui que este site mudou
especificamente de site para site, mas eles conhecem esse
site porque estão fazendo a tradução de DNS
para este site. dizendo aqui que
vamos experimentar o carregamento 21,8% mais rápido no desktop,
o que é incrível. Vinte e cinco por cento,
um por cento é ótimo. Vamos assinar por isso. Tudo o que precisamos fazer é
clicar em Comprar. Este é um serviço pago. O preço do serviço
muda dependendo da localização. Acho que na minha localização
é de cerca de US $6 por mês, o que não é caro para um serviço e para
algo que
acelerará o site em
até 21% do meu caso. O que vou fazer agora
é preencher informações do
meu cartão de crédito e
voltarei em um minuto. Excelente. Acabei de preencher as informações do meu
cartão de crédito quando você vê que na minha área aqui
é de US $5 por mês. Provavelmente esse é o mesmo
valor que você está pagando. Este é um bom serviço, então vamos ver, agora, estamos prontos com isso. Vou confirmar o pagamento aqui. Vamos ver confirmando. Excelente. Agora, a otimização automática de
plataforma para WordPress está pronta para mim. Tudo o que preciso fazer
é conectar este
serviço ao meu site. Então eu preciso ir lá e
instalar o site do WordPress. Se eu clicar aqui em instalar o site
WordPress,
desculpe, plugin WordPress. Aqui temos o plugin. Então, vamos
agora para o seu site. Este é o mesmo
processo que fizemos
no último vídeo
com nitrilo pack, vamos instalar o
plugin Cloudflare primeiro para garantir que
conectamos esses dois serviços. Eu clico em adicionar novo plugin. Wordpress. Excelente é carregar aqui. Agora vamos começar
para o Cloud flare. O primeiro resultado
é o primeiro nó. O segundo resultado no meu caso, é aquele que
estamos instalando. Você vê o baixo aqui
da Cloudflare. Cloudflare, vou
instalar estes e vou clicar também em Ativar
uma vez que x é alto, Vamos ver, ele
está instalando está baixando os arquivos, instalando tudo
o que no sistema ou meu site já
está instalado. Vamos clicar em Ativar. Excelente, está ativado agora. Maravilhoso Vamos às configurações
agora mesmo na Cloudflare. E veja se podemos
conectar esses dois. Vemos acelerar e já
terei uma conta, então vou me inscrever aqui. Eu insiro meu e-mail e
minha chave de API global. Pessoal excelente, agora que
já fiz login aqui estamos na página inicial
do plug-in e
tudo o que precisamos fazer aqui é ativar a otimização automática da
plataforma. Então eu ativo isso. Maravilhoso, é isso que
estamos atribuindo aqui. Esse é o objetivo principal. E se você quiser,
você também pode aplicar as
configurações recomendadas da Cloudflare para o WordPress. Nesses casos. Isso está ativo agora está
construindo o dinheiro. Vamos esperar alguns minutos, talvez uma hora, talvez duas horas. Eu recomendei
esperar um pouco. E depois disso, você
pode testar a velocidade do seu site novamente para ver
se ele melhorou ou não. E por que não
testamos isso agora. Vamos voltar para pink.com
para testar a velocidade. Lembre-se que o último
bit que testamos foi 93, o número era 93, que é fantástico
porque estávamos no 8073, não
tínhamos 73 neste site. Começamos nitro pack. Nós saltamos para 93 e agora vamos ver onde estamos
Diego para villa.com. Agora que quando você
estiliza o Cloudflare, então estávamos em 93 anos, espero que seja
maior e mais alto agora está testando para nós. Maravilhoso Vamos ver. Uau, olhe isso. Agora estamos em 97, quase 100. Isso é fantástico. O lado da página foi reduzido para 1,9. O tempo baixo, foi
quase cinco segundos. Inicialmente, estamos
agora em 1,9 segundos. Isso é incrível. Tudo está verde agora, que é o que queremos. E isso
conseguimos isso apenas usando essas duas ferramentas, nitro back e Cloudflare. Espero que você tente isso. Me avise nos comentários. Se você estiver tendo esses resultados, faça uma captura
de tela do seu antes e você está atrás para comparar e compartilhar comigo e
com a comunidade. Vejo você no próximo vídeo.
4. Projeto final: Ei pessoal, bem-vindos
a esta tarefa no final desta seção e animado para vê-los aqui porque você terá resultados
incríveis para, com essas duas ferramentas. Para tornar seu site mais rápido, acelerar seu site, ter uma melhor
classificação no Google e melhorar
significativamente o SEO do seu site e tudo o que
você cria dentro dele. Portanto, nesta tarefa,
o que você precisa fazer é aplicar duas dessas,
essas duas ferramentas que
discutimos nesta seção, você pode usar um
pacote de nitrilo e também cloudflare, ou você pode escolher
um ou o outro. Eu recomendei usar os dois para ter o melhor
resultado possível. E você verá, o que
você precisa fazer é na verdade, apenas seguir
os passos que seguimos nesta seção. Você precisa primeiro número um, medir a velocidade
do seu site. Você pode escolher pink.com ou qualquer site que usamos
durante as aulas. Faça uma captura de tela, tire uma
foto com seu celular desse resultado da nota
que você está obtendo. E depois disso, você está
pronto para simplificar com alguns cliques, você pode ter seu
site imediatamente. Salte de um grau C dois
ou mais grau e meio. Resultados surpreendentes na
classificação no Google. Compartilhe os resultados comigo. Tire uma foto de antes e
depois e compartilhe aqui
na área de recursos para que eu
possa vê-la e outros alunos da
comunidade possam ver dois, estou animado e
ansioso para ver o quanto você está
melhorando sua nota. E vejo você depois
disso no próximo vídeo.