{"id":35886,"date":"2021-11-24T09:32:18","date_gmt":"2021-11-24T12:32:18","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?p=35886"},"modified":"2025-04-14T12:06:47","modified_gmt":"2025-04-14T15:06:47","slug":"pagespeed-insights-novidades-da-nova-versao","status":"publish","type":"post","link":"https:\/\/www.yogh.com.br\/blog\/pagespeed-insights-novidades-da-nova-versao\/","title":{"rendered":"Nova vers\u00e3o do PageSpeed Insights \u00e9 lan\u00e7ada! Confira as novidades"},"content":{"rendered":"\n

O Google lan\u00e7ou recentemente uma nova vers\u00e3o do PageSpeed Insights e neste post, voc\u00ea vai conferir as principais novidades desta nova vers\u00e3o que \u00e9 sua aliada na hora de medir a performance do seu site em WordPress.<\/p>\n\n\n\n

Entre as principais novidades, est\u00e3o um novo layout, que permite os usu\u00e1rios entenderem de forma mais clara os dados referente a performance e o que deve ser feito a partir dessas informa\u00e7\u00f5es.<\/p>\n\n\n\n

Mas antes de conhecer as novidades, \u00e9 hora de entender o que \u00e9 o Google PageSpeed Insights e para que ele serve!<\/p>\n\n\n\n

<\/span>O que \u00e9 o PageSpeed Insights e para que ele serve?<\/span><\/h2>\n\n\n\n

Desenvolvido pelo Google, o PageSpeed Insights tem como objetivo revelar para o usu\u00e1rio o desempenho de uma p\u00e1gina para dispositivos m\u00f3veis e computadores. Ao final da consulta, ele sugere in\u00fameras a\u00e7\u00f5es que podem ser feitas para aprimorar a p\u00e1gina.<\/p>\n\n\n\n

O PageSpeed Insights avalia cada p\u00e1gina com base em pr\u00e1ticas comuns recomendadas para melhorar o desempenho. Dentre os itens avaliados, h\u00e1 o tempo de carregamento da p\u00e1gina inteira, ou seja, \u00e9 feito o c\u00e1lculo sobre o tempo que \u00e9 levado ap\u00f3s o usu\u00e1rio solicitar a abertura de uma nova p\u00e1gina at\u00e9 o momento em que ela \u00e9 totalmente processada pelo navegador.<\/p>\n\n\n\n

Estes itens avaliados tamb\u00e9m fazem parte do Core Web Vitals, que s\u00e3o m\u00e9tricas que visam medir a experi\u00eancia do usu\u00e1rio. <\/p>\n\n\n\n

<\/span>Como funciona a avalia\u00e7\u00e3o do PageSpeed Insights?<\/span><\/h2>\n\n\n\n

Voc\u00ea j\u00e1 avaliou o seu site no PageSpeed Insights? Se a resposta \u00e9 n\u00e3o! N\u00e3o se preocupe, o processo \u00e9 simples e r\u00e1pido. Basta abrir o site<\/a> do PageSpeed Insights e em seguida inserir o site ou p\u00e1gina que deseja consultar no campo que aparece logo no in\u00edcio da p\u00e1gina.<\/p>\n\n\n\n

Ap\u00f3s inserir a URL, basta clicar em analisar e aguardar o resultado.<\/p>\n\n\n\n

Ap\u00f3s realizar uma consulta, voc\u00ea recebe uma nota para a p\u00e1gina que foi disponibilizada para a consulta. Logo em seguida, aparecer\u00e1 tr\u00eas n\u00edveis de pontua\u00e7\u00e3o. O PageSpeed Insights calcula uma pontua\u00e7\u00e3o de 0 a 100, que determina como est\u00e1 a performance do seu site!<\/p>\n\n\n\n

0-59:<\/strong> determina que sua p\u00e1gina n\u00e3o foi otimizada e h\u00e1 muito trabalho a ser feito quando o assunto \u00e9 otimiza\u00e7\u00e3o.<\/p>\n\n\n\n

60-79:<\/strong> de classifica\u00e7\u00e3o mediana, a nota aponta que algumas otimiza\u00e7\u00f5es comuns de desempenho n\u00e3o foram aplicadas \u00e0 sua otimiza\u00e7\u00e3o, e que ainda h\u00e1 espa\u00e7o dispon\u00edvel para executar melhorias na performance.<\/p>\n\n\n\n

80-100: <\/strong> Se a nota recebida pela sua p\u00e1gina chegou a este n\u00edvel \u00e9 porque o PageSpeed Insights avaliou que a maioria das pr\u00e1ticas recomendadas foi utilizada e a necessidade de efetuar outras otimiza\u00e7\u00f5es \u00e9 pequena.<\/p>\n\n\n\n

<\/span>O PageSpeed Insights est\u00e1 de cara nova! Confira as novidades<\/span><\/h2>\n\n\n\n

Agora que voc\u00ea j\u00e1 sabe um pouco como funciona esta ferramenta que \u00e9 gratuita, \u00e9 hora de conferir as novidades desta recente atualiza\u00e7\u00e3o, n\u00e3o \u00e9 mesmo? Ent\u00e3o, vamos l\u00e1!<\/p>\n\n\n\n

<\/span>Uma nova interface<\/span><\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Uma das principais mudan\u00e7as do PageSpeed Insights tamb\u00e9m conhecido com PSI \u00e9 a interface, que passou por uma grande reformula\u00e7\u00e3o visa melhorar a apresenta\u00e7\u00e3o dos dados que comp\u00f5em o relat\u00f3rio.<\/p>\n\n\n\n

A nova UI foi projetada para ser mais intuitiva, o que facilita o dia a dia dos usu\u00e1rios e desenvolvedores que precisam interpretar todos os dados com clareza para executarem as melhorias adequadas em sites e demais p\u00e1ginas da web.<\/p>\n\n\n\n

<\/span>Como funciona a avalia\u00e7\u00e3o na nova interface<\/span><\/h3>\n\n\n\n
\"Como<\/figure>\n\n\n\n

Agora, ao acessar o PageSpeed Insights, voc\u00ea consegue visualizar os dados de formas variadas. Logo no in\u00edcio da p\u00e1gina, \u00e9 poss\u00edvel optar entre celular e computador. Ao escolher um dos dispositivos, voc\u00ea ter\u00e1 \u00e0 disposi\u00e7\u00e3o duas possibilidades: Este URL e Origem. <\/p>\n\n\n\n

Ao clicar em um deste dois itens, voc\u00ea ver\u00e1 sua nota, as principais m\u00e9tricas, dados relacionados a data da consulta e conex\u00e3o. Em seguida, voc\u00ea tamb\u00e9m ver\u00e1 imagens em miniatura da p\u00e1gina em que voc\u00ea realizou a consulta.<\/p>\n\n\n\n

Ao descer a p\u00e1gina do relat\u00f3rio, voc\u00ea ver\u00e1 a se\u00e7\u00e3o oportunidades. Neste espa\u00e7o, \u00e9 poss\u00edvel conferir uma lista de tudo que pode ser feito para acelerar o carregamento da p\u00e1gina. Depois, voc\u00ea tamb\u00e9m pode encontrar a se\u00e7\u00e3o de diagn\u00f3stico com uma lista de itens que tamb\u00e9m podem ser considerados por voc\u00ea na hora de melhorar a performance do seu site.<\/p>\n\n\n\n

\"Diagn\u00f3stico<\/figure>\n\n\n\n

E por fim, voc\u00ea encontrar\u00e1 a se\u00e7\u00e3o de auditorias aprovadas. Nesta se\u00e7\u00e3o, voc\u00ea ver\u00e1 os pontos positivos do seu site.<\/p>\n\n\n\n

Lembre-se que neste relat\u00f3rio, h\u00e1 uma s\u00e9rie de termos t\u00e9cnicos. Por isso, \u00e9 importante que voc\u00ea tenha o apoio de um desenvolvedor para avaliar e executar as melhorias sem causar problemas em seu WordPress.<\/p>\n\n\n\n

<\/span>Avalia\u00e7\u00e3o do Core Web Vitals <\/span><\/h3>\n\n\n\n

O resultado da avalia\u00e7\u00e3o do Core Web Vitals, que antes aparecia como uma \u00fanica palavra “aprovado” ou “reprovado” no Field Data, agora se destaca como uma subse\u00e7\u00e3o separada com um \u00edcone distinto.<\/p>\n\n\n\n

Logo abaixo da avalia\u00e7\u00e3o, que dir\u00e1 se o site est\u00e1 reprovado ou aprovado, voc\u00ea ver\u00e1 a sua avalia\u00e7\u00e3o das principais m\u00e9tricas como FID, LCP e CLS. <\/p>\n\n\n\n

Estas tr\u00eas m\u00e9tricas visam avaliar a experi\u00eancia do usu\u00e1rio ao navegar pelo seu site, por isso, elas s\u00e3o t\u00e3o importantes.<\/p>\n\n\n\n

\"M\u00e9tricas<\/figure>\n\n\n\n

Ao visualizar as pontua\u00e7\u00f5es, voc\u00ea pode clicar em abrir visualiza\u00e7\u00e3o no canto superior direito da imagem para entender melhor o que significam as suas notas. Assim, ficar\u00e1 mais f\u00e1cil entender o que foi avaliado positivamente ou que ainda necessita de melhorias.  <\/p>\n\n\n\n

Abaixo das m\u00e9tricas Core Web Vitals, voc\u00ea tamb\u00e9m poder\u00e1 ver novamente as se\u00e7\u00f5es oportunidades, diagn\u00f3stico e auditorias aprovadas.<\/p>\n\n\n\n

Quer saber mais sobre estas m\u00e9tricas? Leia o artigo: Core Web Vitals: saiba o que \u00e9 e como pode afetar o seu site.<\/a><\/p>\n\n\n\n

<\/span>Melhorias no menu de navega\u00e7\u00e3o<\/span><\/h3>\n\n\n\n

Agora, o menu de navega\u00e7\u00e3o com os itens celular e desktop est\u00e3o em destaque e aparecem logo no in\u00edcio do relat\u00f3rio. Agora eles est\u00e3o facilmente vis\u00edveis e indicam claramente a plataforma para a qual os dados est\u00e3o sendo exibidos. <\/p>\n\n\n\n

<\/span>Informa\u00e7\u00f5es extras no relat\u00f3rio<\/span><\/h3>\n\n\n\n

O relat\u00f3rio agora inclui uma nova se\u00e7\u00e3o de informa\u00e7\u00f5es na parte inferior de cada campo e ainda traz informa\u00e7\u00f5es adicionais, como:<\/p>\n\n\n\n