Voc\u00ea j\u00e1 usou, ou pelo menos sabe o que \u00e9 o Google Lighthouse? Se quiser saber mais sobre essa ferramenta de verifica\u00e7\u00e3o, este \u00e9 o artigo certo.<\/p>\n\n\n\n
Afinal, a KingHost<\/strong>, especialista em hospedagem de site<\/a>, produziu este conte\u00fado para explicar tudo sobre ela.<\/p>\n\n\n\n A partir de agora, voc\u00ea vai saber quais s\u00e3o as fun\u00e7\u00f5es do Google Lighthouse, como us\u00e1-lo e as formas de verificar a URL com o aux\u00edlio dessa ferramenta.<\/p>\n\n\n\n Boa leitura!<\/p>\n\n\n\n O Google Lighthouse \u00e9 uma ferramenta automatizada, que aprimora o desempenho dos aplicativos web. \u00c9 interessante ressaltar que ele pode ser executado por meio de uma linha de comando, com o NodeJS<\/a>, ou como uma extens\u00e3o do Chrome.<\/p>\n\n\n\n Desse modo, \u00e9 poss\u00edvel fazer simula\u00e7\u00f5es de diversas situa\u00e7\u00f5es que tenham o potencial de afetar a experi\u00eancia dos usu\u00e1rios. Logo, ao final dos testes do Google Lighthouse, a ferramenta gera um relat\u00f3rio de desempenho autom\u00e1tico.<\/p>\n\n\n\n Com esse relat\u00f3rio, voc\u00ea tem a chance de observar os resultados e perceber o que precisa de aprimoramento no site. <\/p>\n\n\n\n Por essa raz\u00e3o, podemos considerar a ferramenta como aliada no momento de verificar o funcionamento da p\u00e1gina e seus resultados, bem como para melhor\u00e1-la. <\/p>\n\n\n\n No pr\u00f3ximo t\u00f3pico, vamos comentar sobre as fun\u00e7\u00f5es do Google Lighthouse. Por isso, continue a leitura.<\/p>\n\n\n\n Al\u00e9m dos v\u00e1rios testes que o Google Lighthouse realiza, existe um n\u00famero superior a 75 m\u00e9tricas testadas pela ferramenta. Sendo assim, vamos apresentar algumas para voc\u00ea.<\/p>\n\n\n\n Como \u00e9 poss\u00edvel perceber, s\u00e3o v\u00e1rias as fun\u00e7\u00f5es dessa ferramenta. A seguir, descubra como ela faz o teste de desempenho.<\/p>\n\n\n\n As fun\u00e7\u00f5es apresentadas acima representam o desempenho geral de uma p\u00e1gina na internet. Com isso, no relat\u00f3rio final, deve haver uma pontua\u00e7\u00e3o que represente os principais aspectos que necessitam de melhorias.<\/p>\n\n\n\n Normalmente, o Google Lighthouse usa m\u00e9tricas que afetam a pontua\u00e7\u00e3o de desempenho da p\u00e1gina, mas n\u00e3o para o diagn\u00f3stico e resultados de oportunidades. Assim, \u00e9 importante saber que, ao aprimorar esses fatores, \u00e9 poss\u00edvel que os valores das m\u00e9tricas aumentem.<\/p>\n\n\n\n Vale comentar que a pontua\u00e7\u00e3o de desempenho representa a m\u00e9dia ponderada das m\u00e9tricas. Assim, as de maior peso influenciam para a pontua\u00e7\u00e3o geral.<\/p>\n\n\n\n Al\u00e9m disso, \u00e9 importante destacar que essas pontua\u00e7\u00f5es n\u00e3o constam no relat\u00f3rio, mesmo que sejam calculadas internamente. Por ser um ferramenta capaz de fazer pesquisas com os usu\u00e1rios de forma constante, os valores dos resultados costumam mudar com frequ\u00eancia.<\/p>\n\n\n\n Como voc\u00ea j\u00e1 viu, h\u00e1 duas formas de executar o Google Lighthouse: como extens\u00e3o do Chrome e por linha de comando. <\/p>\n\n\n\n De antem\u00e3o, informamos que a extens\u00e3o do Chrome tem interface amig\u00e1vel e facilita a leitura de relat\u00f3rios. Por outro lado, a linha de comando possibilita a integra\u00e7\u00e3o da ferramenta com sistemas de integra\u00e7\u00e3o cont\u00ednua.<\/p>\n\n\n\n Veja, a seguir, como usar o Google Lighthouse das 2 maneiras:<\/p>\n\n\n\n Para usar o Lighthouse como extens\u00e3o do Chrome, voc\u00ea precisa baixar e instalar a vers\u00e3o 52 do navegador ou posterior. Depois disso, acesse a p\u00e1gina que deseja analisar e clique no \u00edcone do Lighthouse na barra de ferramentas.<\/p>\n\n\n\n Quando aparecer um menu, clique em \u201coptions<\/em>\u201d, determine os testes que ser\u00e3o realizados e clique em \u201cgenerate report<\/em>\u201c. Ao final das an\u00e1lises, a ferramenta abrir\u00e1 uma nova aba, na qual voc\u00ea poder\u00e1 conferir o relat\u00f3rio.<\/p>\n\n\n\n Se voc\u00ea quiser fazer os testes da p\u00e1gina usando o Lighthouse como linha de comando, fa\u00e7a o seguinte: <\/p>\n\n\n\n Vale lembrar que esse \u00e9 um software de c\u00f3digo aberto, na vers\u00e3o Beta<\/a>. Assim, \u00e9 poss\u00edvel fazer altera\u00e7\u00f5es e resolver problemas no rastreador.<\/p>\n\n\n\n No pr\u00f3ximo t\u00f3pico, veja como analisar uma URL com essa ferramenta do Google.<\/p>\n\n\n\n Anteriormente, comentamos sobre duas formas de usar o Google Lighthouse, mas existem 4 formas de verificar uma URL, utilizando essa ferramenta.<\/p>\n\n\n\n Dessa forma, al\u00e9m de us\u00e1-la como extens\u00e3o do Chrome e como linha de comando, \u00e9 poss\u00edvel execut\u00e1-la pelo site web.dev\/measure\/.<\/p>\n\n\n\n Para isso, acesse o endere\u00e7o acima e cole a URL que deseja analisar. Depois de alguns minutos, ele ir\u00e1 gerar os relat\u00f3rios com a pontua\u00e7\u00e3o geral.<\/p>\n\n\n\n Al\u00e9m disso, voc\u00ea pode verificar uma URL com o Lighthouse por meio de uma ferramenta para desenvolvedores chamada Chrome DevTools.<\/p>\n\n\n\n Assim, basta acessar a URL que deseja analisar, selecionar a op\u00e7\u00e3o DevTools e definir o tipo de dispositivo para a verifica\u00e7\u00e3o.<\/p>\n\n\n\n Em seguida, selecione \u201cperformance\u201d em \u201ccategorias\u201d e clique em \u201cgerar relat\u00f3rios\u201d.Alguns segundos depois, voc\u00ea ter\u00e1 acesso aos relat\u00f3rios.<\/p>\n\n\n\n Agora que voc\u00ea j\u00e1 sabe como fazer testes em p\u00e1ginas web, fica mais f\u00e1cil fazer as verifica\u00e7\u00f5es com o apoio do Google Lighthouse. Outra forma de facilitar seu dia a dia na internet \u00e9 contar com as solu\u00e7\u00f5es que a KingHost<\/strong>.<\/p>\n\n\n\n Isso porque oferecemos hospedagem de sites, e-mail profissional, hospedagem Node, servidor VPS<\/a> e muitas outras facilidades. Por isso, acesse nosso site<\/a> e se informe sobre os nossos servi\u00e7os.\u00a0<\/p>\n\n\n\nO que \u00e9 o Google Lighthouse?<\/h2>\n\n\n\n
Conhe\u00e7a as fun\u00e7\u00f5es do Google Lighthouse<\/h2>\n\n\n\n
\n
Afinal, como \u00e9 o teste de desempenho?<\/h3>\n\n\n\n
Como usar o Google Lighthouse? <\/h2>\n\n\n\n
Google Lighthouse como extens\u00e3o do Chrome<\/h3>\n\n\n\n
Google Lighthouse como linha de comando<\/h3>\n\n\n\n
\n
Descubra como analisar uma URL com o Lighthouse<\/h2>\n\n\n\n
Agora ficou simples realizar testes em p\u00e1ginas na web<\/h2>\n\n\n\n