{"id":35964,"date":"2021-12-22T11:10:44","date_gmt":"2021-12-22T14:10:44","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?p=35964"},"modified":"2025-04-14T11:49:47","modified_gmt":"2025-04-14T14:49:47","slug":"google-lighthouse-saiba-como-usar-em-seu-site","status":"publish","type":"post","link":"https:\/\/www.yogh.com.br\/blog\/google-lighthouse-saiba-como-usar-em-seu-site\/","title":{"rendered":"Google Lighthouse: entenda o que \u00e9 e como usar em seu site"},"content":{"rendered":"\n<p>Voc\u00ea sabe o que \u00e9 Google Lighthouse? O Google Lighthouse \u00e9 mais uma ferramenta gratuita que pode te ajudar a melhorar a performance do seu site em WordPress.<\/p>\n\n\n\n<p>Por isso, neste post, voc\u00ea vai conhecer mais sobre esta ferramenta gratuita e como ela pode te ajudar a deixar o seu site ainda mais otimizado e assim oferecer uma melhor experi\u00eancia de navega\u00e7\u00e3o para os seus usu\u00e1rios.<\/p>\n\n\n\n<p>Mas antes de entender o que \u00e9 essa ferramenta e como utiliz\u00e1-la em seu site, vamos entender porque \u00e9 t\u00e3o importante investir em otimiza\u00e7\u00e3o de performance para o seu WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Por_que_investir_em_otimizacao_de_performance\"><\/span>Por que investir em otimiza\u00e7\u00e3o de performance?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/11\/guia-definitivo-sobre-otimizacao-de-performance.png\" alt=\"Guia definitivo sobre otimiza\u00e7\u00e3o de performance\" class=\"wp-image-35849\" srcset=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/11\/guia-definitivo-sobre-otimizacao-de-performance.png 1024w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/11\/guia-definitivo-sobre-otimizacao-de-performance-300x200.png 300w, https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2021\/11\/guia-definitivo-sobre-otimizacao-de-performance-768x512.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A otimiza\u00e7\u00e3o de performance pode ser a chave do sucesso para o seu WordPress ou loja virtual WooCommerce.<\/p>\n\n\n\n<p>Confira 04 motivos para investir em otimiza\u00e7\u00e3o de performance:<\/p>\n\n\n\n<p><strong>Acesso mais r\u00e1pido as p\u00e1ginas:<\/strong> de acordo com o Google, o ideal \u00e9 que suas p\u00e1ginas carreguem em menos de 3 segundos, por isso, a otimiza\u00e7\u00e3o de performance pode te ajudar a diminuir o tempo de carregamento das suas p\u00e1ginas.<\/p>\n\n\n\n<p><strong>Uma nova e melhor experi\u00eancia para os seus usu\u00e1rios:<\/strong> para que um site tenha sucesso, ele precisa de usu\u00e1rios e para que elas possam navegar em seu site com tranquilidade e agilidade, \u00e9 importante que seu site esteja otimizado.<\/p>\n\n\n\n<p><strong>Mais indexa\u00e7\u00e3o nos motores de busca:<\/strong> voc\u00ea quer ver seu site bem posicionado no Google e outros mecanismos de busca? A otimiza\u00e7\u00e3o de performance pode te ajudar.<\/p>\n\n\n\n<p><strong>Maior chance de convers\u00e3o em seu WordPress ou WooCommerce:<\/strong> todo ama convers\u00f5es, n\u00e3o \u00e9 mesmo? Um site r\u00e1pido pode facilitar o processo de compra de um produto ou contrata\u00e7\u00e3o de um servi\u00e7o.<\/p>\n\n\n\n<p>Agora que voc\u00ea j\u00e1 conferiu 04 motivos para investir em otimiza\u00e7\u00e3o de performance, \u00e9 hora de conferir o que \u00e9 o Google Lighthouse e como utiliz\u00e1-la em seu site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_e_Google_Lighthouse\"><\/span>O que \u00e9 Google Lighthouse?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O Google Lighthouse \u00e9 mais um produto do Google que pode ser utilizado para medir a performance do seu site ou loja virtual. Essa ferramenta gratuita executa uma s\u00e9rie de testes para verificar como est\u00e1 a experi\u00eancia do usu\u00e1rio ao navegar em seu site.<\/p>\n\n\n\n<p>Ap\u00f3s uma an\u00e1lise minuciosa, o Google Lighthouse vai dar notas para o seu desempenho levando em considera\u00e7\u00e3o itens, como performance, acessibilidade, melhores pr\u00e1ticas, SEO e PWA (Progressive Web Applications).<\/p>\n\n\n\n<p>Em <strong>performance<\/strong>, o Lighthouse, vai levar em considera\u00e7\u00e3o o tempo que leva para o usu\u00e1rio conseguir acessar a sua p\u00e1gina, realizar a sua primeira intera\u00e7\u00e3o, se os recursos dispon\u00edveis em seu site est\u00e3o otimizados e muito mais.<\/p>\n\n\n\n<p>J\u00e1 em <strong>SEO<\/strong>, a ferramenta avaliar\u00e1 se o seu site possui estrutura, meta-description, mobile-friendly e muito mais.\u00a0<\/p>\n\n\n\n<p>Quando o assunto \u00e9 <strong>acessibilidade<\/strong>, entre os itens que ser\u00e3o avaliados pelo Lighthouse est\u00e3o os elementos de p\u00e1gina e idiomas.<\/p>\n\n\n\n<p>Em <strong>melhores pr\u00e1ticas<\/strong>, como o nome j\u00e1 diz, o Lighthouse ir\u00e1 conferir se voc\u00ea realiza otimiza\u00e7\u00e3o de imagens, acesso via HTTPS, que traz mais seguran\u00e7a para quem navega pelo seu site.<\/p>\n\n\n\n<p>E quando a m\u00e9trica avaliada \u00e9 o <strong>PWA<\/strong>, o Lighthouse leva uma s\u00e9rie de itens em considera\u00e7\u00e3o, entre elas est\u00e1 o tempo que o site leva para carregar quando acessado via conex\u00f5es m\u00f3veis, como 3G.<\/p>\n\n\n\n<p>Al\u00e9m das pontua\u00e7\u00f5es, voc\u00ea recebe um relat\u00f3rio que apontar\u00e1 o que precisa ser melhorado em seu site com rela\u00e7\u00e3o a performance.&nbsp;<\/p>\n\n\n\n<p>Ap\u00f3s avaliar o relat\u00f3rio, \u00e9 voc\u00ea quem decide quais melhorias devem ser feitas em seu site. Vale salientar que assim, como o Page Speed Insights e o GTmetrix, o relat\u00f3rio cont\u00e9m uma linguagem mais t\u00e9cnica, por isso, voc\u00ea pode precisar de um profissional da \u00e1rea para te ajudar a entender todas as modifica\u00e7\u00f5es necess\u00e1rias.<\/p>\n\n\n\n<p>Em caso de d\u00favidas, voc\u00ea tamb\u00e9m pode contar com a Yogh, que possui o servi\u00e7o de <a href=\"https:\/\/www.yogh.com.br\/otimizacao-de-performance-do-wordpress\/\">Otimiza\u00e7\u00e3o de Performance<\/a>, onde voc\u00ea ter\u00e1 um equipe de especialistas em WordPress que cuidar\u00e1 de todos os detalhes para que o seu site possa ter um alto desempenho.&nbsp;<\/p>\n\n\n\n<p>Agora que voc\u00ea j\u00e1 sabe o que \u00e9 o Google Lighthouse e como funciona sua avalia\u00e7\u00e3o, \u00e9 hora de entender como voc\u00ea pode utiliz\u00e1-lo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_utilizar_o_Google_Lighthouse\"><\/span>Como utilizar o Google Lighthouse?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ficou interessado (a) nesta plataforma e quer saber como utiliz\u00e1-la? Voc\u00ea pode fazer isso de duas formas: utilizando uma extens\u00e3o para Google Chrome ou atrav\u00e9s do seu navegador do Google Chrome.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Utilizando_a_extensao_do_Google_Chrome\"><\/span>Utilizando a extens\u00e3o do Google Chrome<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Para utilizar a extens\u00e3o do Google, voc\u00ea deve ter a vers\u00e3o 52 do Chrome ou posterior.<\/li><li>Em seguida, instale a <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk\" target=\"_blank\" rel=\"noopener\">extens\u00e3o do Chrome do Lighthouse<\/a>.&nbsp;<\/li><li>Clique no \u00edcone do Lighthouse na barra de ferramentas do Chrome.<\/li><li>Se o \u00edcone n\u00e3o aparecer na barra de ferramentas, ele poder\u00e1 estar oculto no menu principal do Chrome.<\/li><li>Ap\u00f3s clicar no \u00edcone, voc\u00ea dever\u00e1 ver um menu.<\/li><li>Se voc\u00ea quiser executar somente um subconjunto das auditorias, clique no bot\u00e3o Options e desative as auditorias que n\u00e3o quiser executar. Role para baixo e pressione OK para confirmar as mudan\u00e7as.<\/li><li>Clique no bot\u00e3o Generate Report para executar os testes do Lighthouse na p\u00e1gina aberta no momento.<\/li><li>Ap\u00f3s a conclus\u00e3o das auditorias, o Lighthouse abre uma nova guia e exibe um relat\u00f3rio com os resultados da p\u00e1gina.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Utilizando_o_seu_navegador_do_Google_Chrome\"><\/span>Utilizando o seu navegador do Google Chrome<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Para avaliar seu site usando o seu navegador, \u00e9 simples. Basta abrir a p\u00e1gina que voc\u00ea deseja avaliar, clicar na tecla F12 do seu teclado ou clicar com o lado direito do seu mouse. Ap\u00f3s clicar, aparecer\u00e1 uma pequena aba com uma s\u00e9rie de informa\u00e7\u00f5es. Neste momento, voc\u00ea deve clicar em inspecionar.\u00a0<\/li><li>Ap\u00f3s estes comandos, uma aba repleta de informa\u00e7\u00f5es ir\u00e1 aparecer em sua p\u00e1gina. Para realizar a an\u00e1lise, clique em Lighthouse .<\/li><li>Neste ambiente, voc\u00ea pode selecionar quais categorias devem ser avaliadas e se a avalia\u00e7\u00e3o deve avaliar a performance do seu site no desktop ou mobile.<\/li><li>Ap\u00f3s assinalar o que deseja avaliar, clique em Generate Report. Ap\u00f3s alguns segundos, o Lighthouse mostrar\u00e1 a pontua\u00e7\u00e3o e o relat\u00f3rio de melhorias.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quer_saber_mais_sobre_otimizacao_de_performance\"><\/span>Quer saber mais sobre otimiza\u00e7\u00e3o de performance?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Otimiza\u00e7\u00e3o de Performance \u00e9 um assunto em alta e que envolve uma s\u00e9rie de fatores, otimiza\u00e7\u00e3o de imagens, cache e muito mais. Por isso se voc\u00ea quer saber mais sobre este tema amplo e de extrema import\u00e2ncia, que tal conferir o segundo epis\u00f3dio do YoghCast, que tem como tema otimiza\u00e7\u00e3o de performance.<\/p>\n\n\n\n<p>E mais, desta vez, o YoghCast tem um convidado para l\u00e1 de especial, \u00e9 ele: Fellyph Cintra, que participou da grava\u00e7\u00e3o diretamente de Portugal.&nbsp;<\/p>\n\n\n\n<p>Para enriquecer esta conversa, ao lado de Fellyph, estiveram a dupla de desenvolvedores da Yogh, Andr\u00e9 Ribeiro e Arielle Lucca.<\/p>\n\n\n\n<p>Ao longo dos 42 minutos, os convidados explicam o que \u00e9 otimiza\u00e7\u00e3o de performance para WordPress e revelam quais os principais cuidados que voc\u00ea deve ter ao otimizar o seu site.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Otimiza\u00e7\u00e3o de Performance: saiba como deixar o seu WordPress mais r\u00e1pido - YoghCast #02\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/GT6qIt2uJqg?start=202&#038;feature=oembed&#038;enablejsapi=1&#038;origin=https:\/\/www.yogh.com.br\/blog\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusao\"><\/span>Conclus\u00e3o&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ao longo deste post, voc\u00ea p\u00f4de conhecer mais de perto o Lighthouse, uma ferramenta criada pelo Google para te auxiliar na busca por um site bem otimizado e que ofere\u00e7a aos seus usu\u00e1rios a melhor experi\u00eancia em navega\u00e7\u00e3o.<\/p>\n\n\n\n<p>Afinal, uma vez que o seu site oferece uma boa experi\u00eancia de navega\u00e7\u00e3o para os seus usu\u00e1rios, mais chances eles t\u00eam de se transformarem em um lead ou gerarem excelentes convers\u00f5es.<\/p>\n\n\n\n<p>Mas e a\u00ed, voc\u00ea j\u00e1 tinha ouvido falar nesta ferramenta? Conta para a gente nos coment\u00e1rios!<\/p>\n\n\n\n<p>E se esse post te ajudou, compartilhe com seus amigos em suas redes sociais.<\/p>\n\n\n\n<p>At\u00e9 a pr\u00f3xima!<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.yogh.com.br\/blog\/google-lighthouse-saiba-como-usar-em-seu-site\/#Por_que_investir_em_otimizacao_de_performance\" >Por que investir em otimiza\u00e7\u00e3o de performance?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.yogh.com.br\/blog\/google-lighthouse-saiba-como-usar-em-seu-site\/#O_que_e_Google_Lighthouse\" >O que \u00e9 Google Lighthouse?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.yogh.com.br\/blog\/google-lighthouse-saiba-como-usar-em-seu-site\/#Como_utilizar_o_Google_Lighthouse\" >Como utilizar o Google Lighthouse?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.yogh.com.br\/blog\/google-lighthouse-saiba-como-usar-em-seu-site\/#Utilizando_a_extensao_do_Google_Chrome\" >Utilizando a extens\u00e3o do Google Chrome<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.yogh.com.br\/blog\/google-lighthouse-saiba-como-usar-em-seu-site\/#Utilizando_o_seu_navegador_do_Google_Chrome\" >Utilizando o seu navegador do Google Chrome<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.yogh.com.br\/blog\/google-lighthouse-saiba-como-usar-em-seu-site\/#Quer_saber_mais_sobre_otimizacao_de_performance\" >Quer saber mais sobre otimiza\u00e7\u00e3o de performance?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.yogh.com.br\/blog\/google-lighthouse-saiba-como-usar-em-seu-site\/#Conclusao\" >Conclus\u00e3o&nbsp;<\/a><\/li><\/ul><\/nav><\/div>\n","protected":false},"excerpt":{"rendered":"<p>O Google Lighthouse \u00e9 mais uma ferramenta gratuita para avaliar a performance do seu site. Confira mais detalhes sobre a ferramenta e como utilizar em seu WordPress.<\/p>\n","protected":false},"author":2,"featured_media":35965,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[42],"tags":[],"class_list":["post-35964","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-otimizacao-de-performance"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/35964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/comments?post=35964"}],"version-history":[{"count":4,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/35964\/revisions"}],"predecessor-version":[{"id":35969,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/posts\/35964\/revisions\/35969"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media\/35965"}],"wp:attachment":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media?parent=35964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/categories?post=35964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/tags?post=35964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}