Otimização da velocidade da página: métricas, ferramentas e como melhorar – o melhor do quadro branco sexta-feira

Otimização da velocidade da página: métricas, ferramentas e como melhorar – o melhor do quadro branco sexta-feira
cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br

A velocidade da página sempre foi uma parte crucial do trabalho de SEO e, à medida que mais empresas mudam para as operações online, a otimização se torna mais importante do que nunca. Veja uma página super bem otimizada sobre cupom de desconto aqui. No entanto, é um assunto complexo que tende a ser muito técnico. Quais são as coisas mais cruciais para entender sobre a velocidade da página do seu site e como você pode começar a melhorar? Para ajudá-lo a responder a essas perguntas, estamos compartilhando esse episódio popular de Whiteboard Friday (publicado originalmente em fevereiro de 2019) em que Britney Muller analisa o que você precisa saber para começar.

Otimização da velocidade da página: métricas, ferramentas e como melhorar - o melhor do quadro branco sexta-feira 1

Clique na imagem do quadro acima para abrir uma versão de alta resolução em uma nova guia!

Transcrição de Vídeo

Ei, fãs do Moz. Bem-vindo a outra edição do Whiteboard Friday. Hoje, analisamos todas as coisas relacionadas à velocidade da página e realmente descobrimos por que é tão importante que você pense e trabalhe enquanto trabalha.

No nível fundamental, vou explicar brevemente como uma página da web é carregada. Dessa forma, podemos meio que entender por que tudo isso importa.

Como uma página da web é carregada

Otimização da velocidade da página: métricas, ferramentas e como melhorar - o melhor do quadro branco sexta-feira 2

Um usuário acessa um navegador, coloca seu site e há uma solicitação de DNS. Isso aponta para o seu provedor de nomes de domínio, talvez o GoDaddy, e para o servidor onde seus arquivos estão localizados, e é aí que fica interessante. Portanto, o DOM começa a carregar todo o seu HTML, CSS e JavaScript. Mas muito raramente ele extrai todos os scripts ou códigos necessários para renderizar ou carregar uma página da web.

Normalmente, o DOM precisará solicitar recursos adicionais do seu servidor para que tudo aconteça, e é aí que as coisas começam a realmente desacelerar o site. Com esse tipo de conhecimento, espero que ajude a conseguir triagem de alguns desses problemas.

Leia Também  A importância de avaliar pedidos latentes para o gerenciamento bem-sucedido de produtos patrocinados da Amazon

Problemas que podem estar tornando o site mais lento

Quais são alguns dos culpados mais comuns?

  1. Primeiro e mais importante são as imagens. Imagens grandes são o maior culpado pelo carregamento lento de páginas da web.
  2. Hospedagem pode causar problemas.
  3. Plugins, aplicativos e widgets, basicamente qualquer script de terceiros também podem diminuir o tempo de carregamento.
  4. Seu tema e todos os arquivos grandes além disso podem realmente atrasar as coisas.
  5. Redirecionamentos, o número de saltos necessários para acessar uma página da web diminuirá a velocidade.
  6. Depois, o JavaScript, no qual entraremos em um segundo.

Mas todas essas coisas podem ser culpadas. Então, abordaremos alguns recursos, algumas das métricas e o que elas significam e, em seguida, quais são algumas das maneiras pelas quais você pode melhorar a velocidade da sua página hoje.

Ferramentas e recursos de velocidade da página

Os principais recursos que listei aqui são as ferramentas do Google e as sugestões sugeridas pelo Google. Eu acho que o que é realmente interessante sobre isso é que podemos ver quais são suas preocupações no que diz respeito à velocidade da página e realmente começar a ver a mudança em direção ao usuário. Deveríamos estar pensando sobre isso de qualquer maneira. Mas, acima de tudo, como isso afeta as pessoas que acessam seu site e, em segundo lugar, como também podemos obter o benefício duplo do Google de percebê-lo como de maior qualidade?

Sabemos que o Google sugere um site para carregar entre dois a três segundos. Quanto mais rápido, melhor, obviamente. Mas é assim que fica o alcance. Eu também sugiro que você tenha uma visão competitiva disso. Coloque seus concorrentes em algumas dessas ferramentas e compare seus objetivos de velocidade com o que é competitivo em seu setor. Eu acho que é uma maneira legal de entrar nessa.

Relatório de experiência do usuário do Chrome

Essas são as métricas reais do usuário do Chrome. Infelizmente, ele está disponível apenas para sites grandes e populares, mas você obtém alguns dados realmente bons. Como está hospedado no BigQuery *, é necessário algum conhecimento básico de SQL.

* Nota do editor: editamos esta transcrição para fins de precisão. No vídeo, Britney disse “BigML”, mas pretendia dizer BigQuery. É difícil filmar um Whiteboard de tópico avançado na sexta-feira em uma única tomada! 🙂

Lighthouse

O Lighthouse, um dos meus favoritos, está disponível no Chrome Dev Tools. Se você estiver em uma página da web e clicar em Inspecionar elemento e abrir as Ferramentas de desenvolvimento do Chrome, na guia à direita, onde se lê Auditoria, é possível executar um relatório do Lighthouse diretamente no navegador.

Leia Também  Penalizado pelo Google; Não, você não está imune agora
cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br
Otimização da velocidade da página: métricas, ferramentas e como melhorar - o melhor do quadro branco sexta-feira 3

O que eu amo sobre isso é que você fornece exemplos e correções muito específicos que você pode fazer. Um fato interessante é que ele estará automaticamente no 3G rápido simulado e observe que eles estão focados nos usuários móveis no 3G. Eu gosto de mudar isso para o 3G rápido aplicado, porque o Lighthouse faz uma corrida real dessa carga. Demora um pouco mais, mas parece ser um pouco mais preciso. Bom saber.

Page Speed ​​Insights

O Page Speed ​​Insights é realmente interessante. Agora eles incorporaram o Relatório de experiência do usuário do Chrome. Mas se você não é um desses sites grandes, ele nem vai medir a velocidade real da sua página. Ele analisará como o site está configurado e fornecerá feedback de acordo com isso e pontuará. Apenas algo bom para estar ciente. Ainda oferece um bom valor.

Teste a velocidade e o desempenho do seu site para celular

Não sei qual é o título disso. Se o fizer, comente abaixo. Mas está localizado em testmysite.thinkwithgoogle.com. Este é muito legal, porque testa a velocidade móvel do seu site. Se você rolar para baixo, ele o vinculará diretamente ao ROI da sua empresa ou site. Vemos o Google aproveitando as métricas do mundo real, vinculando-a à porcentagem de pessoas que você está perdendo porque seu site é tão lento. É uma maneira brilhante de nos juntar a todos e lutar por algumas dessas melhorias.

Pingdom e GTmetrix são produtos que não são do Google ou ferramentas que não são do Google, mas são super úteis também.

Métricas de velocidade do site

Então, quais são algumas das métricas?

O que é a primeira tinta?

Primeira pintura é a primeira tinta não em branco em uma tela. Pode ser apenas a primeira alteração de pixel. Essa mudança inicial é considerada primeira pintura.

Qual é a primeira tinta com conteúdo?

A primeira pintura com conteúdo é quando o primeiro conteúdo aparece. Isso pode fazer parte da barra de navegação ou de pesquisa ou o que quer que seja. – Essa é a primeira tinta de contenção.

Qual é a primeira tinta significativa?

A primeira pintura significativa é quando o conteúdo principal é visível. Quando você recebe a reação de “Ah, sim, foi para isso que vim a esta página”, essa é a primeira pintura significativa.

A que horas é interativo?

A hora de interagir é quando é visualmente utilizável e envolvente. Então, todos nós acessamos uma página da Web e parece que ela foi concluída, mas ainda não podemos usá-la. É aí que entra essa métrica. Então, quando é utilizável para o usuário? Mais uma vez, observe como essas métricas são centradas no usuário. Muito, muito legal.

Leia Também  O passo do elevador de SEO - O melhor de Whiteboard Friday

Conteúdo do DOM carregado

O conteúdo do DOM carregado, é quando o HTML é completamente carregado e analisado. Então, alguns realmente bons para manter um olho e apenas para estar ciente em geral.

Maneiras de melhorar a velocidade da sua página

HTTP / 2

O HTTP / 2 pode definitivamente acelerar as coisas. Quanto à extensão, você precisa pesquisar e testar isso.

Pré-conexão, pré-busca, pré-carga

Pré-conectar, pré-buscar e pré-carregar realmente interessante e importante para acelerar um site. Vemos o Google fazendo isso em seus SERPs. Se você inspecionar um elemento, poderá ver o Google pré-buscando alguns dos URLs, para que ele seja mais rápido se você clicar em alguns desses resultados. Da mesma forma, você pode fazer isso no seu site. Ajuda a carregar e acelerar esse processo.

Habilitar o cache e usar uma rede de entrega de conteúdo (CDN)

O armazenamento em cache é tão, tão importante. Definitivamente, faça sua pesquisa e verifique se está configurado corretamente. O mesmo acontece com as CDNs, tão valiosas para acelerar um site, mas você deseja garantir que sua CDN esteja configurada corretamente.

Comprimir imagens

A maneira mais fácil e provavelmente a mais rápida para você acelerar seu site hoje é realmente apenas comprimir essas imagens. É uma coisa tão fácil de fazer. Existem todos os tipos de ferramentas gratuitas disponíveis para você compactá-las. Optimizilla é um deles. Você pode até usar ferramentas gratuitas no seu computador, Salvar para a Web e compactar corretamente.

Minimizar recursos

Você também pode minificar recursos. Portanto, é muito bom estar ciente do que a minificação, o empacotamento e a compactação fazem para que você possa ter algumas dessas conversas mais técnicas com os desenvolvedores ou com qualquer outra pessoa trabalhando no site.

Portanto, essa é uma espécie de visão geral de alto nível da velocidade da página. Há muito mais para cobrir, mas eu adoraria ouvir sua opinião, suas perguntas e comentários abaixo na seção de comentários.

Eu realmente aprecio o fato de você ter conferido esta edição do Whiteboard Friday e nos vemos em breve. Muito obrigado. Até logo.

Transcrição de vídeo por Speechpad.com


Obtenha mais insights de SEO na MozCon Virtual em julho deste ano

Não perca dados, dicas, fluxos de trabalho e conselhos exclusivos de Britney e de nossos outros oradores fantásticos neste ano MozCon Virtual! Cheio da liderança de pensamento do setor de SEO, pela primeira vez, a MozCon será totalmente compatível com controle remoto. É como mais de 20 das suas sextas-feiras do quadro branco favoritas em vitaminas e dobrou de tamanho, além de perguntas e respostas interativas, rede virtual e acesso total ao pacote de vídeo:

Salve meu lugar na MozCon Virtual!

Mal podemos esperar para vê-lo lá!

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *