Como estar por dentro da ferramenta Google PageSpeed ​​Insights?

Introdução

É sempre uma boa sensação estar por cima de tudo e de tudo. O Google Page Speed é algo que tem um grande impacto no desempenho do seu site. O Google Page Speed é a velocidade de carregamento do seu site em geral. Você precisa ter certeza de cortar os elementos que pesam no seu site. Dessa forma, você pode aumentar a velocidade da página do seu site e obter uma classificação elevada. Isso também contribui para a classificação geral de SEO. Vamos ver neste artigo como inferir a essência do Google Page Speed ​​Insights e formular e implementar os algoritmos mais adequados para o topo do Google Page Speed ​​Test !

1. Google Page Speed ​​Insights

Depois de navegar por 900.000 anúncios, os analistas do Google Page Speed ​​Insights descobriram que a página de apresentação portátil normal se empilha em humilhantes 22 segundos. Isso é mais do que várias vezes mais tempo do que a maioria dos clientes da web ansiosos aguentará antes de entregar uma página - 53% para ser correto. Na chance de que sua página demore mais de 3 segundos para ser empilhada, a maior parte de seus clientes em potencial está saindo antes mesmo de perceber. Como se isso não fosse suficientemente terrível, os insights da página descobriram que, a cada momento torturante em que uma página não se empilhar, muitos mais convidados irão pular.

Com a ajuda do aprendizado de máquina em inovação do SOASTA, os cientistas encontraram uma conexão entre o tempo de carregamento, o peso da página (medida nos dados) e a taxa de transformação. Fundamentalmente, “mais pesado” significa mais lento. Em particular, quando o número de componentes (conteúdo, imagens e assim por diante) na página aumenta de 400 para 6.000, suas chances de substituir um convidado caem em 95%.

No entanto, na chance de que sua página seja empilhada gradualmente, localizar o problema nem sempre é simples. Embora a medida do Google Page Speed impactando o conteúdo e o número de fotos seja perceptível inicialmente, problemas como JavaScript desnecessário e muitos desvios não são.

2. Inferências do Google PageSpeed ​​Insights

O Google PageSpeed ​​Insights é uma ferramenta que permite testar a velocidade de uma página do site de forma rápida e sem esforço. Felizmente, é uma ferramenta gratuita que você pode usar para descobrir exatamente o que está moderando o tempo de carregamento de sua página. Inserir um URL e clicar em “Analisar” rapidamente fornecerá um relatório minucioso do que está reduzindo a página do site dependente de dois parâmetros, completo com sugestões sobre a melhor maneira de resolvê-lo.

• Parâmetro 1: Tempo para carregar acima da dobra. Esta é a medida do tempo que leva para um programa renderizar o conteúdo logo abaixo da dobra depois que um cliente o exige.
• Parâmetro 2: Tempo para carregar a página inteira. Esta é a quantidade de tempo que um navegador leva para renderizar totalmente uma página depois que um cliente a exige.

Então, como o PageSpeed ​​Insights avalia seu site? Ele dá uma olhada nas partes autônomas do sistema de execução da página: a organização do servidor, a estrutura HTML de uma página e sua utilização de ativos externos, por exemplo, imagens, JavaScript e CSS.

Testar seu site com o PageSpeed ​​Insights pode abrir os olhos de qualquer pessoa que não tentou aprimorar seu site e, além disso, o Page Insights oferece um estágio inicial extraordinário para aqueles que desejam aprimorar a execução do site.

Dito isso, ele também pode levá-lo a um frenesi inútil quando um site retorna pontuações mais baixas do que o esperado no teste do Google Page Speed ou recomendações que contrariam as estimativas que você configurou em seu site. O instrumento é atualmente baseado em duas medidas principais:

1. Primeira pintura com conteúdo
2. Atraso da primeira entrada

Os dois parâmetros acima são avaliados de três maneiras diferentes:

1. Rápido
2. Média
3.Lento.

Aqui está o que essas duas medidas significam em linguagem simples.

2.1. Primeira pintura com conteúdo (FCP)

FCP é uma elaboração sobre “primeira pintura”, uma métrica que estima quando aparece qualquer renderização dentro do programa (até mesmo um ajuste no sombreamento da fundação, por exemplo, seria verificado). A métrica FCP estima o tempo até o ponto em que a substância real foi empilhada na página, dando a você uma avaliação mais valiosa do encontro com o cliente.

2.2. Atraso da primeira entrada (FIP)

O FIP é um parâmetro importante do Google Page Speed ​​Test e implica no tempo de carregamento de um site. É basicamente o tempo decorrido desde o momento em que um usuário se comunica com seu site até o momento em que seu navegador está realmente começando a se comunicar com o navegador.

3. Por que o PageSpeed ​​é importante

Quando alguém chega ao seu site, você só tem alguns minutos para chamar a atenção dele e persuadi-lo a ficar por aqui e não pular. Substância de qualidade e um assunto atraente são essenciais; no entanto, caso sua página seja empilhada gradualmente, você pode perder pessoas antes mesmo que elas tenham uma oportunidade de ver o seu conteúdo.

De acordo com o Kissmetrics, quase 50% dos clientes da web prevêem que um site será empilhado em dois segundos ou menos e, em geral, abandonarão destinos que não se acumulam em três segundos. Uma soma de 79 por cento dos clientes online que experimentam dificuldade com a execução do site não voltam à página da web para comprar novamente e cerca de 44 por cento deles contariam aos companheiros com a chance de que eles tiveram uma experiência ruim para comprar na web, o que é um impacto negativo em seu site. É por isso que o PageSpeed é muito importante.

4. A essência do PageSpeed ​​Insights

Embora a velocidade da página seja um dos mais de 200 sinais que o Google usa para decidir a classificação geral e menos de 1 por cento das perguntas de busca sejam influenciadas pelo sinalizador de velocidade do site, são as transformações que você deve enfatizar.

Um bom site com grande velocidade de página dará a seus visitantes confiança em seu item ou benefício e os persuadirá a entregar seu dinheiro. A execução da página é uma parte básica de cada site. Você pode ter uma substância extremamente extraordinária e um site de aparência agradável; no entanto, na chance de demorar muito para empilhar ou não ter uma capacidade de resposta versátil, os indivíduos irão rapidamente para os sites de seus rivais.

É então que você percebe que é genuíno com base no fato de que nós, como um todo, fazemos isso. O Google PageSpeed ​​Insights pode detalhar como o seu site está funcionando e fornecer respostas para incrementar a execução do seu site, o tempo de empilhamento e o céu é o limite a partir daí .

5. Quais são as vantagens de usar o Google PageSpeed ​​Insights?

5.1. O PageSpeed fornece um relatório excepcionalmente detalhado de suas descobertas

Obtenha um relatório que mostra como seu site está indo e quais mudanças (se fundamentais) você precisa aplicar. Oferece administrações de investigação e desenvolvimento que são extremamente úteis para aumentar a velocidade do seu site.

5,2 O PageSpeed melhora a experiência do usuário

Hoje, várias pessoas utilizam seus telefones celulares para visitar sites e você pode perder uma grande quantidade de tráfego se sua página não for responsiva a dispositivos móveis. O Google PageSpeed ​​Insights faz um relatório definitivo de sua pontuação atual e permite que você saiba se sua página diz respeito a estágios móveis ou não. Você pode utilizar suas dicas de execução para aprimorar a área de trabalho e a execução da web móvel

5.3. O PageSpeed inclui idiomas adicionais

Essa ferramenta pode ser facilmente utilizada em vários idiomas, por exemplo, russo, espanhol e sérvio.

5,4 O PageSpeed é fácil de usar

O Google PageSpeed ​​Insights não espera que você tenha seu site ou seja um cliente do Google. Você não precisa arredondar nenhum quadro de inscrição, fazer um registro ou fornecer um endereço de e-mail para utilizá-lo.

5.5. PageSpeed é grátis

O Google PageSpeed ​​Insights é totalmente gratuito para uso em todo o mundo. Você não precisa pagar um único centavo para usar esta ferramenta incrível.

6. Dicas para obter uma pontuação 100% perfeita no Google Pagespeed Insights

Aqui estão algumas dicas que você pode implantar para obter uma pontuação perfeita de 100% no Google PageSpeed ​​Insights .

6.1. DNS

Usamos Cloudflare, no entanto, nada disso acelera a racionalização. Em nossos testes, descobrimos que era mais lento. No caso de você estar em uma condição de facilitação mútua, o Cloudflare provavelmente ajudará muito. Em todo caso, para nós especificamente, com um servidor dedicado, era melhor com tudo desligado. No caso de você não ter aptidões ou tempo para apresentar Cloudflare como uma opção, você pode utilizar fornecedores facilitadores, por exemplo, WP-Engine, Presslabs, Pantheon.io. Eles trabalharam juntos na loja de servidores e no arranjo de CDN.

6,2 MFI

Mobile-First Index - Este é um dos critérios mais importantes para a classificação de SEO atualmente. Quando um site é construído, ele deve ser otimizado para ser visualizado em smartphones e outros dispositivos eletrônicos. Isso porque a navegação, hoje, ocorre principalmente no celular. Desse modo, é essencial que seu site seja otimizado adequadamente, pois contribui significativamente para o Google Page Speed.

6.3. Passando o tempo de resposta do servidor

O benchmark é de 0,2 segundos. Qualquer coisa além disso e o Google marcará você para baixo. Nosso site continua rodando em um servidor comprometido de alta especificação com um monte de registros. Uma grande parte do que você lê online irá recomendar que você mude para uma conta WordPress mais rápida (com associações de parceiros), que é a maneira mais direta, mas eu não estava preparado para abandonar nossa própria condição sem tentar de qualquer maneira.

Tendo muitos encontros com o administrador do servidor, desliguei todas as administrações inúteis em execução no servidor para permitir o incremento do Pagespeed . No entanto, isso não teve um grande efeito.

A maior diferença que vimos para diminuir o tempo de reação do servidor foi mudar para o PHP 7. Nem todos os hosts suportam o PHP 7, mas, felizmente, como temos nossos próprios locais, o fazemos. Relatórios combinados online demonstram um incremento de velocidade de 20 a 50 por cento na mudança para o PHP 7.

Apesar da taxa real, tínhamos o requisito do Pagespeed e precisávamos testá-lo. Caso você não reconheça qual variante do PHP está executando, introduza este módulo e você o verá em seu “Visão geral” em seu painel de administração.

Antes de prosseguir, você deve verificar se o site é bom. Felizmente, há um módulo de verificação de similaridade de PHP que você pode baixar para WordPress que examina seu código e reconhece quaisquer problemas com a mudança para PHP 7. Os resultados dos Page Insights demonstraram algumas coisas que exigiam cuidados, que rapidamente resolvemos .

Estávamos, finalmente, preparados para mudar para o PHP 7. Para mudar, do WHM você vai para o “Multi PHP Manager”, selecione o site que você precisa e mude a versão do PHP. Na chance remota de você não abordar o WHM, pergunte aos administradores do servidor, mas certifique-se de que está fazendo isso em uma condição de teste / avanço - não é uma prática recomendada interromper seu site de produção.

6,4 Layout e design de site atualizados

Layout de grade é o assunto da cidade em termos de design e layout de sites. Em termos de Google Page Speed ​​Insight , o design de grade tem mais vantagens. Além disso, descobri que meu site oferecia um número maior de destaques do que eu precisava, então procurei um tópico básico e moderado. Eu descobri Frank, um tópico planejado especialmente para velocidade. A página de destino padrão do assunto dos pais faz nove consultas ao banco de dados e compreende apenas duas solicitações HTTP, pesando cerca de 29kb. Este tópico é excessivamente leve - sem estruturas JavaScript e sem imagens supérfluas, apenas um assunto básico e responsivo. Após a introdução do assunto de Frank, o número de solicitações HTTP esperadas para carregar meu site diminuiu de 31 para apenas quatro.

6,5 Otimização da página inicial

Existem algumas abordagens simples para acelerar ainda mais o seu site:

• Se você distribuir entradas de blog em sua página de destino, distribua apenas seleções ou sinopses e diminua o número de presentes em cinco ou menos.
• Mantenha os gadgets em uma base. Basta utilizar gadgets que são totalmente essenciais.
• Remova módulos ociosos ou inúteis.

Geralmente, uma configuração de site impecável e centralizada ajudará a sua página a ter uma aparência excelente, assim como o PageSpeed ​​se tornará mais rápido.

6,6. Otimização de imagem

Fotos de alta resolução demoram muito mais para empilhar do que fotos atualizadas, e grinds excessivamente substanciais podem definitivamente diminuir a velocidade de página . O WPMU DEV oferece um módulo fabuloso (gratuito!) Chamado WP-Smush.it. Quando você smush em massa as imagens com este módulo, você verá que a medida de suas imagens será colossalmente diminuída sem comprometer a qualidade visual. Embora estejamos no tema de imagens, o empilhamento apático de imagens também pode aumentar a velocidade da página .

JPEG 2000, JPEG XR e WebP são formatos de imagem que têm melhores atributos de pressão e qualidade em comparação com seus parceiros JPEG e PNG mais estabelecidos. Codificar suas imagens nessas disposições, em vez de JPEG ou PNG, implica que elas carregarão mais rápido e ocuparão menos dados móveis, o que aumentará o desempenho do Google Page Speed . O WebP é reforçado no Chrome e no Opera e oferece melhor compactação com e sem perdas para imagens na web.

6,7. Adiar CSS não utilizado

CSS não utilizado retarda o desenvolvimento de um programa da árvore de renderização. A árvore de renderização se assemelha à árvore DOM, mas, novamente, na verdade, ela também incorpora os estilos para cada hub. Para construir a árvore de renderização, um programa deve percorrer toda a árvore DOM e verificar quais regras CSS se aplicam a cada hub. Quanto mais CSS não usado, mais tempo que um programa pode precisar gastar calculando os estilos de cada nó que terá um impacto negativo na velocidade do Google Page Insight .

6,8. Ativar compactação de texto e codificar imagens

Você precisa compactar seus arquivos de texto também se quiser otimizar seu Google Page Speed . A compactação de texto permite transferências de rede mais rápidas, facilitando assim melhor. A codificação de imagens é o tipo de compactação de dados, que permite compactar o armazenamento e a transmissão de imagens.

6,9. Reduza CSS, HTML, JavaScript

“Minificar” alude a expelir informações inúteis ou repetitivas sem influenciar como a página é tratada pelo programa, o que aumentará os resultados do Google Page Speed . Uma codificação ruim pode ser a razão para esse problema, e ele tende a ser resolvido de várias maneiras.

Além de estudar o código-fonte de sua página fisicamente, o Google sugere tentar os ativos que o acompanham:

• O minificador de HTML para reduzir o HTML.
• CSSNano e csso para reduzir o CSS.
• UglifyJS2 e o Closure Compiler para reduzir o JavaScript.

Outra opção é, obviamente, explorar AMP e AMP do Google para sistemas de promoções. Os dois projetos permitem aos engenheiros fabricar páginas com uma forma simplificada de HTML, CSS e JavaScript. O resultado são páginas e promoções que se acumulam em uma pequena quantidade de segundos.

6,10. Evite redirecionamentos da página de destino

No caso de sua página não ter sido estruturada de forma adequada, o resultado pode ser vários desvios para páginas avançadas para vários gadgets, o que aumentará o PageSpeed . Alguns projetos básicos de desvio, conforme indicado pelo Google:

• com utiliza uma arquitetura de site responsiva, sem necessidade de desvios - rápido e ideal!
• com? m.example.com/home - punição multi-roundtrip para clientes versáteis.
• com? www.example.com? m.example.com - experiência versátil moderada.

Cada vez que um cliente deve ser desviado, a renderização da página para - o que adiciona segundos valiosos ao tempo de heap da sua página. Fique longe de desvios internos e externos, construindo suas páginas com o plano responsivo - uma técnica que garante encontros de qualidade com o cliente, independentemente do gadget que seu cliente potencial estiver usando. Dessa forma, os resultados finais do Google Page Speed ​​Test serão melhores.

6,11. Elimine o JavaScript de bloqueio de renderização

Além de outras coisas, o JavaScript capacita alguns dispositivos externos incríveis e componentes de página intuitivos. O problema é que ele também interrompe a análise do código HTML.

Quando você vê uma mensagem de erro que analisa “elimina o JavaScript de bloqueio de renderização”, isso indica que há um pouco de código JavaScript que está atrasando o procedimento de empilhamento para o pedaço de vinco acima de sua página, o que afeta negativamente os resultados do Google Page Speed ​​Test . Os conteúdos de estranhos, especificamente, provavelmente serão responsáveis ​​por esse problema. Lide com isso de três maneiras diferentes:

• Scripts que não são críticos para o procedimento de empilhamento devem ser deliberadamente adiados - trazidos e executados depois que a página é completamente renderizada.
• Scripts que acumulam de forma assíncrona devem ser utilizados mais do que aqueles que acumulam de forma síncrona. Os conteúdos síncronos interrompem o processo de renderização da página, enquanto os não concorrentes permitem que um programa empilhe diferentes componentes nesse ínterim.
• Considere embutir o conteúdo - incorporar poucos ativos de JavaScript externos diretamente em seu relatório HTML - para diminuir o número de solicitações que seu programa precisa fazer.

Ao tentar implementar as etapas acima, os resultados gerais do teste do Google Page Speed melhoram.

6,12. Aproveite o cache do navegador

Pode haver demandas diferentes entre um servidor e um programa antes que uma página seja completamente empilhada para um cliente. No que diz respeito ao tempo, todos incluem. O armazenamento permite que seu programa, por assim dizer; “Rechamar” certos componentes que foram empilhados recentemente - cabeçalho, rota, logotipo e assim por diante. Quanto mais componentes o programa pode armazenar, menos componentes ele precisa para empilhar no minuto em que o cliente faz uma demanda e, por fim, mais rápido uma página empilhará, o que aumenta o PageSpeed . O Google prescreve uma estratégia de reserva básica de várias semanas e, para componentes que geralmente permanecem inalterados, um ano é o ideal.

7. Conclusão

A web mudou para se tornar compacta e você não pode lançar seus louros esperando ser famoso e eficaz se seu site está funcionando moderadamente ou não está funcionando da maneira que deveria. As propostas do Google PageSpeed ​​Insights dependem das melhores práticas do setor de fluxo para a área de trabalho e execução versátil na web, então não espere progressivamente e comece a obter mais grupos de curiosos, expandindo a execução do seu site e o posicionamento do índice da web, e melhorando seus visitantes examinando o fundo. Agora você tem um bom conhecimento de todo esse buzz sobre o Google PageSpeed ​​Insights .

Use as dicas mencionadas acima e provavelmente verá alguns bons resultados e mudanças positivas. Além disso, lembre-se de que Roma não foi construída em um dia, então você precisa esperar algum tempo antes de finalmente julgar se as etapas que você realizou para melhorar sua pontuação no Google PageSpeed ​​Insight Test estão funcionando ou não.