{"id":58059,"date":"2023-08-10T04:29:02","date_gmt":"2023-08-10T07:29:02","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=58059&#038;preview=true&#038;preview_id=58059"},"modified":"2023-08-25T12:11:57","modified_gmt":"2023-08-25T15:11:57","slug":"pagespeed-insights-api","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/","title":{"rendered":"Como Usar a API do PageSpeed Insights para Monitorar o Desempenho da P\u00e1gina"},"content":{"rendered":"<p>Existem ferramentas para ajudar a <a href=\"https:\/\/kinsta.com\/pt\/blog\/monitoramento-desempenho-aplicativos\/\">monitorar o desempenho das p\u00e1ginas<\/a> e avaliar suas melhorias. Uma das melhores \u00e9 o PageSpeed Insights. Ele est\u00e1 dispon\u00edvel como um <a href=\"https:\/\/pagespeed.web.dev\/\">aplicativo da web<\/a> e como a aba Lighthouse nas Ferramentas de Desenvolvedor do Chrome (as mesmas Ferramentas de Desenvolvedor tamb\u00e9m est\u00e3o dispon\u00edveis no Edge, Opera, Brave e Vivaldi).<\/p>\n<p>O desempenho da p\u00e1gina da web \u00e9 mais importante do que nunca. Os usu\u00e1rios esperam uma experi\u00eancia \u00e1gil e responsiva que seja compar\u00e1vel com aplicativos de desktop. Al\u00e9m disso, o <a href=\"https:\/\/kinsta.com\/pt\/blog\/core-web-vitals-do-google\/\">Core Web Vitals<\/a> do Google medem o desempenho da p\u00e1gina &#8211; isso influencia o PageRank e seus esfor\u00e7os de <a href=\"https:\/\/kinsta.com\/seo\/\">Otimiza\u00e7\u00e3o de Mecanismos de Pesquisa (SEO)<\/a>.<\/p>\n<p>O WordPress roda mais de um ter\u00e7o de todos os sites, mas o <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-esta-lento\/\">desempenho \u00e9 afetado<\/a> por uma hospedagem ineficaz, temas lentos e uma confian\u00e7a excessiva em plugins. Voc\u00ea pode <a href=\"https:\/\/kinsta.com\/pt\/aprenda\/velocidade-de-sites\/\">corrigir a maioria dos problemas<\/a> mudando para um <a href=\"https:\/\/kinsta.com\/pt\/hospedagem-wordpress\/migracoes\/\">bom provedor de hospedagem de sites<\/a>\u00a0e usando as <a href=\"https:\/\/kinsta.com\/pt\/consulta-rapida\/checklist-velocidade-do-site\/\">melhores pr\u00e1ticas de desempenho<\/a>.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Acessando o Lighthouse<\/h2>\n<p>Inicie o Lighthouse abrindo a p\u00e1gina que voc\u00ea deseja examinar e pressionando <strong>Ctrl\/Cmd + Shift + I<\/strong> ou escolhendo &#8220;<strong>Developer Tools<\/strong>&#8221; em &#8220;<strong>More tools<\/strong>&#8221; no menu. Alterne para a aba <strong>Lighthouse <\/strong>e clique no bot\u00e3o &#8220;<strong>Page <span id=\"urn:enhancement-fad02ee0-45c5-4f36-a9f8-aac96b1ba7f1\" class=\"textannotation\">Load<\/span><\/strong>&#8220;. Os resultados ser\u00e3o exibidos ap\u00f3s alguns segundos:<\/p>\n<figure id=\"attachment_148073\" aria-describedby=\"caption-attachment-148073\" style=\"width: 971px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148073 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/lighthouse.png\" alt=\"Exemplo de relat\u00f3rio do Lighthouse.\" width=\"971\" height=\"994\"><figcaption id=\"caption-attachment-148073\" class=\"wp-caption-text\">Exemplo de relat\u00f3rio do Lighthouse.<\/figcaption><\/figure>\n<p>Voc\u00ea pode detalhar as porcentagens de n\u00edvel superior para descobrir mais informa\u00e7\u00f5es e dicas que abordam os problemas conhecidos. A ferramenta \u00e9 inestim\u00e1vel, mas h\u00e1 desvantagens:<\/p>\n<ul>\n<li>Voc\u00ea deve iniciar manualmente uma execu\u00e7\u00e3o para cada p\u00e1gina que voc\u00ea estiver testando.<\/li>\n<li>N\u00e3o \u00e9 f\u00e1cil registrar como os fatores t\u00eam melhorado <em>ou piorado<\/em> ao longo do tempo.<\/li>\n<li>H\u00e1 muitos dados para verificar e \u00e9 <a href=\"https:\/\/kinsta.com\/pt\/blog\/teste-de-velocidade-do-seu-site\/\">f\u00e1cil obter algo errado<\/a>.<\/li>\n<li>Os detalhes t\u00e9cnicos s\u00e3o fornecidos para os desenvolvedores. Pode ser esmagador para clientes e gerentes que desejam uma vis\u00e3o geral r\u00e1pida do progresso.<\/li>\n<li>As execu\u00e7\u00f5es do Lighthouse podem ser influenciadas pela velocidade do dispositivo local e da rede, o que pode levar a suposi\u00e7\u00f5es falsas.<\/li>\n<\/ul>\n<p>A API PageSpeed Insights fornece uma maneira de resolver esses problemas para que os testes possam ser automatizados, registrados e comparados.<\/p>\n<h2>O que \u00e9 API PageSpeed Insights?<\/h2>\n<p>O Google fornece gratuitamente a PageSpeed Insights REST <a href=\"https:\/\/kinsta.com\/pt\/blog\/endpoint-api\/\">API<\/a> que retorna dados em formato JSON contendo todas as m\u00e9tricas do Lighthouse e muito mais. Isso permite automatizar execu\u00e7\u00f5es de p\u00e1ginas, armazenar os dados resultantes, acompanhar mudan\u00e7as ao longo do tempo e exibir as informa\u00e7\u00f5es exatas de que voc\u00ea precisa.<\/p>\n<p>A PageSpeed Insights API emula como o Google <em>v\u00ea<\/em> o seu site. Voc\u00ea pode executar um relat\u00f3rio a cada poucos dias ou sempre que voc\u00ea lan\u00e7ar uma atualiza\u00e7\u00e3o de desempenho.<\/p>\n<p>Os resultados s\u00e3o \u00fateis, mas n\u00e3o necessariamente indicativos da experi\u00eancia real do usu\u00e1rio. A <a href=\"https:\/\/kinsta.com\/pt\/blog\/api-de-desempenho\/\">API de desempenho do navegador<\/a> \u00e9 uma op\u00e7\u00e3o melhor quando voc\u00ea quer monitorar o desempenho real em todos os dispositivos e redes do seu usu\u00e1rio.<\/p>\n\n<h2>Guia de in\u00edcio r\u00e1pido da API do PageSpeed Insights<\/h2>\n<p>Copie o seguinte endere\u00e7o para o seu navegador e edite o <code>url<\/code> para avaliar o desempenho da sua p\u00e1gina:<\/p>\n<p><code>https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=https:\/\/www.yoursite.com\/<\/code><\/p>\n<p>Firefox \u00e9 ideal porque ele tem um visualizador JSON embutido, embora o <a href=\"https:\/\/chrome.google.com\/webstore\/search\/json%20viewer\">Chrome tenha extens\u00f5es<\/a> que fornecem a mesma funcionalidade. A pontua\u00e7\u00e3o geral de desempenho do Lighthouse \u00e9 destacada abaixo:<\/p>\n<figure id=\"attachment_148078\" aria-describedby=\"caption-attachment-148078\" style=\"width: 842px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148078 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/pagespeed-test.png\" alt=\"Resultado JSON da API do PageSpeed Insights (Firefox).\" width=\"842\" height=\"954\"><figcaption id=\"caption-attachment-148078\" class=\"wp-caption-text\">Resultado JSON da API do PageSpeed Insights (Firefox).<\/figcaption><\/figure>\n<p>Voc\u00ea pode mudar a <a href=\"https:\/\/kinsta.com\/pt\/blog\/remover-strings-de-consulta-dos-recursos-estaticos-wordpress\/\">string de consulta<\/a> de acordo com suas pr\u00f3prias p\u00e1ginas e prefer\u00eancias. O \u00fanico par\u00e2metro obrigat\u00f3rio \u00e9 a <code>URL<\/code><\/p>\n<p><code>url=https:\/\/mysite.com\/page1<\/code><\/p>\n<p>Um teste de desktop \u00e9 executado por padr\u00e3o, mas voc\u00ea pode solicit\u00e1-lo explicitamente com:<\/p>\n<p><code>strategy=desktop<\/code><\/p>\n<p>ou mude para o celular com:<\/p>\n<p><code>strategy=mobile<\/code><\/p>\n<p>Somente testes de desempenho s\u00e3o executados a menos que voc\u00ea especifique uma ou mais categorias de interesse:<\/p>\n<p><code>category=performance<\/code><br \/>\n<code>category=accessibility<\/code><br \/>\n<code>category=best-practices<\/code><br \/>\n<code>category=seo<\/code><br \/>\n<code>category=pwa<\/code><\/p>\n<p>Um idioma espec\u00edfico pode ser definido definindo um local &#8211; como o franc\u00eas:<\/p>\n<p><code>locale=fr-FR<\/code><\/p>\n<p>e os detalhes da campanha do Google Analytics podem ser definidos com:<\/p>\n<p><code>utm_campaign=&lt;campaign&gt;<\/code><br \/>\n<code>utm_source=&lt;source&gt;<\/code><\/p>\n<p>O servi\u00e7o \u00e9 gratuito para pedidos infrequentes, mas voc\u00ea precisar\u00e1 <a href=\"https:\/\/console.cloud.google.com\/projectselector2\/apis\/credentials\" target=\"_blank\" rel=\"noopener noreferrer\">se inscrever para uma chave API do Google<\/a> se voc\u00ea planeja executar muitos testes a partir do mesmo endere\u00e7o IP em um curto per\u00edodo. A chave \u00e9 adicionada \u00e0 URL com:<\/p>\n<p><code>key=&lt;api-key&gt;<\/code><\/p>\n<p>Voc\u00ea pode construir a string de consulta da URL especificando seus par\u00e2metros escolhidos separados com caracteres ampersand (&#038;). A URL da API a seguir testa a p\u00e1gina em <code>https:\/\/mysite.com\/<\/code> usando um dispositivo m\u00f3vel para avaliar o desempenho e os crit\u00e9rios de acessibilidade:<\/p>\n<p><code>https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=https:\/\/mysite.com\/&strategy=mobile&category=performance&category=accessibility<\/code><\/p>\n<p>Voc\u00ea pode construir suas pr\u00f3prias URLs ou usar a <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed\" target=\"_blank\" rel=\"noopener noreferrer\">ferramenta construtor de URLs API do Google PageSpeed<\/a> caso voc\u00ea precise de mais assist\u00eancia.<\/p>\n<h2>Resultados JSON da API do PageSpeed Insights<\/h2>\n<p>Os testes normalmente retornar\u00e3o cerca de 600Kb de dados JSON, dependendo das categorias escolhidas, do n\u00famero de ativos na p\u00e1gina e da complexidade das capturas de tela (incorporadas no formato base64).<\/p>\n<p>A quantidade de dados \u00e9 assustadora, h\u00e1 alguma duplica\u00e7\u00e3o, e a <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed#response\" target=\"_blank\" rel=\"noopener noreferrer\">documenta\u00e7\u00e3o dos resultados<\/a> nem sempre \u00e9 clara. O JSON \u00e9 dividido em quatro se\u00e7\u00f5es, como descrito abaixo.<\/p>\n<h3>loadingExperience<\/h3>\n<p>Estas s\u00e3o m\u00e9tricas calculadas para a experi\u00eancia de carregamento da p\u00e1gina do usu\u00e1rio final. Inclui informa\u00e7\u00f5es como CUMULATIVE_LAYOUT_SHIFT_SCORE, FIRST_CONTENTFULT_PAINT_MS, e FIRST_INPUT_DELAY_MS. Detalhes e um valor de &#8220;categoria&#8221; retornam R\u00c1PIDO (FAST), M\u00c9DIO (AVERAGE), LENTO (SLOW) ou NENHUM (NONE) se nenhuma medi\u00e7\u00e3o foi feita. Exemplo:<\/p>\n<pre><code>\"loadingExperience\": {\n\"metrics\": {\n\"CUMULATIVE_LAYOUT_SHIFT_SCORE\": {\n\"percentile\": 0,\n\"distributions\": [\n{\n\"min\": 0,\n\"max\": 10,\n\"proportion\": 0.970\n},\n{\n\"min\": 10,\n\"max\": 25,\n\"proportion\": 0.017\n},\n{\n\"min\": 25,\n\"proportion\": 0.012\n}\n],\n\"category\": \"FAST\"\n},<\/code><\/pre>\n<h3>originLoadingExperience<\/h3>\n<p>Essas s\u00e3o m\u00e9tricas agregadas calculadas para todas as experi\u00eancias de carregamento de p\u00e1gina dos usu\u00e1rios. As se\u00e7\u00f5es s\u00e3o id\u00eanticas \u00e0s de loadingExperience acima, e sites com menos tr\u00e1fego provavelmente n\u00e3o mostrar\u00e3o diferen\u00e7as nos n\u00fameros.<\/p>\n<h3>lighthouseResult<\/h3>\n<p>Esta \u00e9 a maior se\u00e7\u00e3o e cont\u00e9m todas as m\u00e9tricas do Lighthouse. Ela fornece informa\u00e7\u00f5es sobre o teste:<\/p>\n<ul>\n<li>requestedUrl &#8211; a <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-uma-url\/\">URL<\/a> que voc\u00ea solicitou<\/li>\n<li>finalUrl &#8211; a p\u00e1gina real testada ap\u00f3s seguir todos os redirecionamentos<\/li>\n<li>lighthouseVersion &#8211; a vers\u00e3o do software<\/li>\n<li>fetchTime &#8211; a hora em que o teste foi realizado<\/li>\n<li>userAgent &#8211; a string de agentes de usu\u00e1rios do navegador utilizado para o teste<\/li>\n<li>environment &#8211; informa\u00e7\u00f5es estendidas do agente do usu\u00e1rio<\/li>\n<li>configSettings &#8211; as configura\u00e7\u00f5es passadas para a API<\/li>\n<\/ul>\n<p>Isso \u00e9 seguido por uma se\u00e7\u00e3o &#8220;audits&#8221; com muitas se\u00e7\u00f5es, incluindo unused-javascript, unused-css-rules, total-byte-weight, redirects, dom-size, largest-contentful-paint-element, server-response-time, network-requests, cumulative-layout-shift, first-meaningful-paint, screenshot-thumbnails e full-page-screenshot.<\/p>\n<p>A maioria das m\u00e9tricas de auditoria fornece uma se\u00e7\u00e3o &#8220;details&#8221; que cont\u00e9m fatores como &#8220;overallSavingsBytes&#8221; e &#8220;overallSavingsMs&#8221;, que estimam os benef\u00edcios da implementa\u00e7\u00e3o de uma melhoria de desempenho.<\/p>\n<p>As se\u00e7\u00f5es &#8220;screenshot&#8221; de p\u00e1gina completa e em miniatura cont\u00eam dados de imagem base64 integrados.<\/p>\n<p>Uma se\u00e7\u00e3o &#8220;metrics&#8221; fornece um resumo de todas as m\u00e9tricas em um array &#8220;items&#8221;, por exemplo:<\/p>\n<pre><code>\"metrics\": {\n\"id\": \"metrics\",\n\"title\": \"Metrics\",\n\"description\": \"Collects all available metrics.\",\n\"score\": null,\n\"scoreDisplayMode\": \"informative\",\n\"details\": {\n\"type\": \"debugdata\",\n\"items\": [{\n\"observedFirstVisualChange\": 234,\n\"observedFirstContentfulPaint\": 284,\n\"interactive\": 278,\n\"observedFirstPaintTs\": 1579728174422,\n\"observedDomContentLoaded\": 314,\n\/\/ ... etc ...\n}]\n},\n\"numericValue\": 278,\n\"numericUnit\": \"millisecond\"\n},<\/code><\/pre>\n<p>A se\u00e7\u00e3o &#8220;audits&#8221; \u00e9 seguida por &#8220;categories&#8221;, que fornece pontua\u00e7\u00f5es gerais do Lighthouse para as categorias escolhidas passadas na URL da API:<\/p>\n<pre><code>\"categories\": {\n\"performance\": {\n\"id\": \"performance\",\n\"title\": \"Performance\",\n\"score\": 0.97,\n\"auditRefs\": [\n\/\/...<\/code><\/pre>\n<p>A &#8220;pontua\u00e7\u00e3o&#8221; \u00e9 um n\u00famero entre 0 e 1, normalmente mostrado como uma porcentagem em relat\u00f3rios do Lighthouse. Em geral, uma pontua\u00e7\u00e3o de:<\/p>\n<ul>\n<li>0.9 a 1.0 \u00e9 bom<\/li>\n<li>0.5 a menos de 0,9 indica que \u00e9 necess\u00e1rio melhorar<\/li>\n<li>abaixo de 0,5 \u00e9 pobre e requer aten\u00e7\u00e3o mais urgente<\/li>\n<\/ul>\n<p>A se\u00e7\u00e3o &#8220;auditRefs&#8221; fornece uma lista de todas as m\u00e9tricas e as pondera\u00e7\u00f5es usadas para calcular cada pontua\u00e7\u00e3o.<\/p>\n<h3>analysisUTCTimestamp<\/h3>\n<p>Finalmente, o hor\u00e1rio de an\u00e1lise \u00e9 relatado. Isso deve ser id\u00eantico ao hor\u00e1rio mostrado em lighthouseResult.fetchTime.<\/p>\n<h2>M\u00e9tricas \u00fateis de resultados JSON<\/h2>\n<p>Recomendo que voc\u00ea salve e examine o resultado JSON em um editor de texto. Alguns t\u00eam formata\u00e7\u00e3o JSON integrada ou dispon\u00edvel como plugins. Alternativamente, voc\u00ea pode usar ferramentas on-line gratuitas como:<\/p>\n<ul>\n<li><a href=\"https:\/\/jsonformatter.curiousconcept.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSON Formatter &#038; Validator<\/a><\/li>\n<li><a href=\"https:\/\/jsonformatter.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSON Formatter<\/a><\/li>\n<li><a href=\"https:\/\/www.jsonformatter.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">jsonformatter.io<\/a><\/li>\n<\/ul>\n<p>\u00c9 prov\u00e1vel que as seguintes m\u00e9tricas sejam \u00fateis. Lembre-se de definir as op\u00e7\u00f5es de categoria associadas na URL, conforme necess\u00e1rio.<\/p>\n<h3>Resumo das m\u00e9tricas<\/h3>\n<p>Pontua\u00e7\u00f5es gerais de 0 a 1:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Desempenho<\/td>\n<td>lighthouseResult.categories.performance.score<\/td>\n<\/tr>\n<tr>\n<td>Acessibilidade<\/td>\n<td>lighthouseResult.categories.accessibility.score<\/td>\n<\/tr>\n<tr>\n<td>Melhores pr\u00e1ticas<\/td>\n<td>lighthouseResult.categories.best-practices.score<\/td>\n<\/tr>\n<tr>\n<td>SEO<\/td>\n<td>lighthouseResult.categories.seo.score<\/td>\n<\/tr>\n<tr>\n<td>Aplicativo Web Progressivo (PWA)<\/td>\n<td>lighthouseResult.categories.pwa.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3>M\u00e9tricas de desempenho<\/h3>\n<p>Estes incluem as pontua\u00e7\u00f5es do <a href=\"https:\/\/kinsta.com\/pt\/blog\/core-web-vitals-do-google\/\">Core Web Vitals<\/a> de 0 a 1:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>First <span id=\"urn:enhancement-30bf8da8-719f-46d2-85e1-3b8747a41185\" class=\"textannotation\">Contentful<\/span> <span id=\"urn:enhancement-be4550bb-90ec-45fc-b591-c9b433cdc06e\" class=\"textannotation\">Paint<\/span><\/td>\n<td>lighthouseResult.audits.first-contentful-paint.score<\/td>\n<\/tr>\n<tr>\n<td>First Meaningful <span id=\"urn:enhancement-7b9d3c13-b4b0-423e-9715-7bcfd8d71f6e\" class=\"textannotation\">Paint<\/span><\/td>\n<td>lighthouseResult.audits.first-sananingful-paint.score<\/td>\n<\/tr>\n<tr>\n<td>Largest <span id=\"urn:enhancement-bdffe1a6-893a-4fee-9541-e2f79a1050b0\" class=\"textannotation\">Contentful<\/span> <span id=\"urn:enhancement-a0135b9a-5216-4526-b05b-3f8e910848f5\" class=\"textannotation\">Paint<\/span><\/td>\n<td>lighthouseResult.audits.maior-contencioso-pintura.score<\/td>\n<\/tr>\n<tr>\n<td>Speed Index<\/td>\n<td>lighthouseResult.audits.speed-index.score<\/td>\n<\/tr>\n<tr>\n<td>Cumulative Layout Shift<\/td>\n<td>lighthouseResultado.auditorias.resultados.acumulativos.de turnos<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Outras pontua\u00e7\u00f5es de desempenho \u00fateis incluem:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Tempo de resposta do servidor<\/td>\n<td>lighthouseResult.audits.server-response-time.score<\/td>\n<\/tr>\n<tr>\n<td>\u00c9 rastre\u00e1vel<\/td>\n<td>lighthouseResult.audits.is-crawlable.score<\/td>\n<\/tr>\n<tr>\n<td>Erros no Console<\/td>\n<td>lighthouseResult.audits.errors-in-console.score<\/td>\n<\/tr>\n<tr>\n<td>Peso total em bytes<\/td>\n<td>lighthouseResult.audits.total-byte-weight.score<\/td>\n<\/tr>\n<tr>\n<td>Pontua\u00e7\u00e3o de tamanho DOM<\/td>\n<td>lighthouseResult.audits.dom-size.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Voc\u00ea geralmente pode obter n\u00fameros e unidades reais, como, por exemplo:<\/p>\n<ul>\n<li>lighthouseResult.audits.total-byte-weight.numericValue &#8211;<br \/>\no tamanho total da p\u00e1gina, por exemplo, 450123<\/li>\n<li>lighthouseResult.audits.total-byte-weight.numericUnit &#8211;<br \/>\nas unidades usadas para o tamanho total da p\u00e1gina, por exemplo, &#8220;byte&#8221;<\/li>\n<\/ul>\n<p>Alternativamente, &#8220;displayValue&#8221; geralmente cont\u00e9m uma mensagem leg\u00edvel tanto com a figura quanto com a unidade:<\/p>\n<ul>\n<li>lighthouseResult.audits.server-response-time.displayValue &#8211;<br \/>\numa mensagem sobre o tempo de resposta, por exemplo, &#8220;Root document took 170 ms&#8221;<\/li>\n<li>lighthouseResult.audits.dom-size.displayValue &#8211;<br \/>\numa mensagem sobre o n\u00famero de elementos no DOM, por exemplo, &#8220;543 elementos&#8221;<\/li>\n<\/ul>\n<h2>Criando um painel de desempenho sem c\u00f3digo<\/h2>\n<p>Os feeds API em tempo real podem ser lidos e processados em muitos sistemas, incluindo o Microsoft Excel. (De forma um tanto bizarra, o Google Sheets n\u00e3o suporta JSON feeds sem mais plugins ou c\u00f3digo macro. Ele suporta XML)<\/p>\n<p>Para importar a pontua\u00e7\u00e3o de desempenho geral em tempo real para o Excel, inicie uma nova planilha, mude para a aba <strong>Data<\/strong> e clique em <strong>From Web<\/strong>. Digite a URL da API PageSpeed Insights e clique em OK:<\/p>\n<figure id=\"attachment_148081\" aria-describedby=\"caption-attachment-148081\" style=\"width: 816px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148081 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/excel-01-web.png\" alt=\"Excel de importa\u00e7\u00e3o de dados da web\" width=\"816\" height=\"326\"><figcaption id=\"caption-attachment-148081\" class=\"wp-caption-text\">Excel de importa\u00e7\u00e3o de dados da web<\/figcaption><\/figure>\n<p>Clique em <strong>Connect<\/strong><strong>\u00a0<\/strong>no pr\u00f3ximo di\u00e1logo e mantenha a configura\u00e7\u00e3o padr\u00e3o (An\u00f4nimo). Voc\u00ea ir\u00e1 prosseguir para a ferramenta <strong>Query Settings<\/strong>:<\/p>\n<figure id=\"attachment_148082\" aria-describedby=\"caption-attachment-148082\" style=\"width: 1373px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148082 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/excel-02-query.png\" alt=\"Ferramenta Excel Query Settings.\" width=\"1373\" height=\"846\"><figcaption id=\"caption-attachment-148082\" class=\"wp-caption-text\">Ferramenta Excel Query Settings.<\/figcaption><\/figure>\n<p>Clique em <strong>Record<\/strong> \u00e0 direita da m\u00e9trica de resultados do <strong>lighthouse<\/strong>. Em seguida, clique o mesmo nas <strong><span id=\"urn:enhancement-7766ac74-b28b-481c-9724-9763129dd7e6\" class=\"textannotation selected\">categories<\/span><\/strong> e em <strong><span id=\"urn:enhancement-af8a9230-fcdf-49d1-a3f9-79b59332c0af\" class=\"textannotation selected\">performance<\/span><\/strong> para detalhar a hierarquia de objetos JSON:<\/p>\n<figure id=\"attachment_148083\" aria-describedby=\"caption-attachment-148083\" style=\"width: 666px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148083 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/excel-03-navigate.png\" alt=\"Drill down de objeto Excel JSON\" width=\"666\" height=\"467\"><figcaption id=\"caption-attachment-148083\" class=\"wp-caption-text\">Drill down de objeto Excel JSON<\/figcaption><\/figure>\n<p>Clique no \u00edcone<strong> Into Table<\/strong>, na parte superior das op\u00e7\u00f5es do menu do bot\u00e3o direito do mouse.<\/p>\n<p>Voc\u00ea pode ent\u00e3o clicar na seta de filtro no cabe\u00e7alho da tabela para remover tudo, exceto a <strong><span id=\"urn:enhancement-78fca0db-8ae7-4e88-9852-0812639bcd29\" class=\"textannotation\">score<\/span><\/strong>, antes de clicar em <strong>OK<\/strong>:<\/p>\n<figure id=\"attachment_148084\" aria-describedby=\"caption-attachment-148084\" style=\"width: 609px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148084 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/excel-04-filter.png\" alt=\"Filtragem de tabela importada do Excel\" width=\"609\" height=\"578\"><figcaption id=\"caption-attachment-148084\" class=\"wp-caption-text\">Filtragem de tabela importada do Excel<\/figcaption><\/figure>\n<p>Finalmente, clique em <strong>Close &#038; Load<\/strong> para mostrar a pontua\u00e7\u00e3o da performance em tempo real em sua planilha:<\/p>\n<figure id=\"attachment_148085\" aria-describedby=\"caption-attachment-148085\" style=\"width: 905px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148085 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/excel-05-import.png\" alt=\"Dados em tempo real do Excel\" width=\"905\" height=\"661\"><figcaption id=\"caption-attachment-148085\" class=\"wp-caption-text\">Dados em tempo real do Excel<\/figcaption><\/figure>\n<p>Voc\u00ea pode seguir o mesmo processo para outras m\u00e9tricas de interesse.<\/p>\n<h2>Criando um painel de desempenho web<\/h2>\n<p>Esta <strong><a href=\"https:\/\/codepen.io\/craigbuckler\/full\/OJEVQvj\" target=\"_blank\" rel=\"noopener noreferrer\">Demonstra\u00e7\u00e3o do Codepen<\/a><\/strong> fornece um formul\u00e1rio onde voc\u00ea pode inserir uma URL e escolher uma an\u00e1lise desktop ou m\u00f3vel para obter resultados.<\/p>\n<p>O c\u00f3digo cria uma URL do PageSpeed Insights, chama a API e, em seguida, renderiza v\u00e1rios resultados em uma tabela de resumo que \u00e9 mais r\u00e1pida de visualizar do que um relat\u00f3rio padr\u00e3o do Lighthouse:<\/p>\n<figure id=\"attachment_148087\" aria-describedby=\"caption-attachment-148087\" style=\"width: 747px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148087 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/test-result.png\" alt=\"Exemplo de resultado do teste.\" width=\"747\" height=\"493\"><figcaption id=\"caption-attachment-148087\" class=\"wp-caption-text\">Exemplo de resultado do teste.<\/figcaption><\/figure>\n<p>A fun\u00e7\u00e3o ass\u00edncrona <code>startCheck()<\/code> \u00e9 chamada quando o formul\u00e1rio \u00e9 submetido. Ela cancela o evento de envio e esconde os resultados anteriores:<\/p>\n<pre><code>\/\/ make API request\nasync function startCheck(e) {\ne.preventDefault();\nshow(resultTable, false);\nshow(status);\nshow(error, false);<\/code><\/pre>\n<p>Ele ent\u00e3o constr\u00f3i <code>apiURL<\/code> a partir dos dados do formul\u00e1rio e desabilita os campos:<\/p>\n<pre><code>  const\nform = e.target,\nfields = form.firstElementChild,\ndata = new FormData(form),\nqs = decodeURIComponent( new URLSearchParams(data).toString() ),\napiURL = form.action + '?' + qs;\nfields.disabled = true;<\/code><\/pre>\n<p>A <a href=\"https:\/\/developer.mozilla.org\/docs\/Web\/API\/Fetch_API\" target=\"_blank\" rel=\"noopener noreferrer\">API Fetch<\/a> \u00e9 usada para chamar a URL PageSpeed, obter a resposta e analisar a string JSON em um objeto JavaScript utiliz\u00e1vel. Um bloco try\/catch assegura que as falhas sejam capturadas:<\/p>\n<pre><code>  try {\n\/\/ call API and get result\nconst\nresponse = await fetch(apiURL),\nresult = await response.json();<\/code><\/pre>\n<p>O objeto resultado \u00e9 passado para uma fun\u00e7\u00e3o <code>showResult()<\/code>. Isso extrai propriedades e as coloca na tabela de resultados ou qualquer outro elemento HTML que tenha atributo de ponto de dados definido para uma propriedade PageSpeed API, por exemplo:<\/p>\n<p><code>&lt;td data-point=\"lighthouseResult.categories.performance.score\"&gt;&lt;\/td&gt;<\/code><\/p>\n<p>O fim do bloco de tentativas:<\/p>\n<pre><code>    \/\/ output result\nshowResult(result);\nshow(status, false);\nshow(resultTable);\n}<\/code><\/pre>\n<p>Finalmente, um bloco de captura lida com erros e os campos do formul\u00e1rio s\u00e3o reativados para que mais testes possam ser executados:<\/p>\n<pre><code>  catch(err) {\n\/\/ API error\nconsole.log(err);\nshow(status, false);\nshow(error);\n}\nfields.disabled = false;\n}<\/code><\/pre>\n<h2>Outras op\u00e7\u00f5es de desenvolvimento<\/h2>\n<p>O c\u00f3digo de exemplo acima busca um resultado da API do PageSpeed Insights quando voc\u00ea o solicita. O relat\u00f3rio \u00e9 mais configur\u00e1vel do que o Lighthouse, mas a execu\u00e7\u00e3o ainda \u00e9 um processo manual.<\/p>\n<p>Se voc\u00ea planeja desenvolver seu pr\u00f3prio painel de controle, pode ser pr\u00e1tico criar um pequeno aplicativo que chama a API PageSpeed Insights e armazena o JSON resultante em um novo registro do <a href=\"https:\/\/sevalla.com\/database-hosting\/\">banco de dados<\/a> contra a URL testada e a data\/hora atual. A maioria dos bancos de dados tem suporte JSON, embora o <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-mongodb\/\">MongoDB<\/a> seja ideal para a tarefa. Um <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/gerenciamento-de-site\/cron-jobs\/\">cron job<\/a> pode chamar seu aplicativo com base no tempo &#8211; talvez uma vez por dia durante as primeiras horas da manh\u00e3.<\/p>\n<p>Um aplicativo no lado do servidor pode ent\u00e3o implementar sua pr\u00f3pria API REST de acordo com seus requisitos de relat\u00f3rio, por exemplo, retornar as altera\u00e7\u00f5es em m\u00e9tricas de desempenho espec\u00edficas entre duas datas. Essa API pode ser chamada pelo <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> do lado do cliente para exibir tabelas ou gr\u00e1ficos que ilustram melhorias de desempenho ao longo do tempo.<\/p>\n<p>Se voc\u00ea quiser criar relat\u00f3rios complexos com quantidades significativas de dados, \u00e9 prefer\u00edvel pr\u00e9-calcular os n\u00fameros uma vez por dia no ponto em que novos dados PageSpeed estiverem dispon\u00edveis. Afinal, voc\u00ea n\u00e3o quer mostrar como o desempenho est\u00e1 melhorando em um relat\u00f3rio que leva minutos para ser gerado!<\/p>\n\n<h2>Resumo<\/h2>\n<p>A ferramenta Lighthouse do Chrome \u00e9 excelente, mas \u00e9 trabalhoso avaliar frequentemente muitas p\u00e1ginas. A API do PageSpeed Insights permite avaliar o desempenho do site usando t\u00e9cnicas program\u00e1ticas. Os benef\u00edcios s\u00e3o:<\/p>\n<ul>\n<li>Os testes de <a href=\"https:\/\/kinsta.com\/website-performance\/\">desempenho<\/a> podem ser automatizados. <em>Voc\u00ea n\u00e3o pode esquecer de fazer um teste.<\/em><\/li>\n<li>Os resultados s\u00e3o coletados em servidores do Google para que os <a href=\"https:\/\/kinsta.com\/pt\/devkinsta\/\">dispositivos locais<\/a> e os fatores de velocidade da rede tenham menos influ\u00eancia.<\/li>\n<li>As m\u00e9tricas incluem informa\u00e7\u00f5es que normalmente n\u00e3o est\u00e3o dispon\u00edveis no <a href=\"https:\/\/kinsta.com\/pt\/blog\/core-web-vitals-do-google\/\">Lighthouse<\/a>.<\/li>\n<li><a href=\"https:\/\/sevalla.com\/database-hosting\/\">M\u00e9tricas\u00a0e monitoradas<\/a> ao longo do tempo para garantir que o desempenho da p\u00e1gina tenha melhorado com cada atualiza\u00e7\u00e3o.<\/li>\n<li>As <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-sua-hospedagem-afeta-o-seo\/\">informa\u00e7\u00f5es de desempenho, acessibilidade e SEO<\/a> podem ser mostradas em <a href=\"https:\/\/sevalla.com\/application-hosting\/\">relat\u00f3rios simplificados<\/a> para que estejam dispon\u00edveis rapidamente para desenvolvedores, gerentes e clientes.<\/li>\n<\/ul>\n<p>\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Existem ferramentas para ajudar a monitorar o desempenho das p\u00e1ginas e avaliar suas melhorias. Uma das melhores \u00e9 o PageSpeed Insights. Ele est\u00e1 dispon\u00edvel como um &#8230;<\/p>\n","protected":false},"author":188,"featured_media":58060,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[949,951,1032,1022],"class_list":["post-58059","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-analises","topic-api","topic-desempenho-do-wordpress","topic-velocidade-do-site"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como Usar a API do PageSpeed Insights para Monitorar o Desempenho da P\u00e1gina - Kinsta<\/title>\n<meta name=\"description\" content=\"Atrav\u00e9s da API REST do PageSpeed Insights, voc\u00ea pode automaticamente reunir m\u00e9tricas semelhantes \u00e0s do Lighthouse. S\u00e3o fornecidos exemplos de c\u00f3digo e relat\u00f3rios no Excel.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Usar a API do PageSpeed Insights para Monitorar o Desempenho da P\u00e1gina\" \/>\n<meta property=\"og:description\" content=\"Atrav\u00e9s da API REST do PageSpeed Insights, voc\u00ea pode automaticamente reunir m\u00e9tricas semelhantes \u00e0s do Lighthouse. S\u00e3o fornecidos exemplos de c\u00f3digo e relat\u00f3rios no Excel.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-10T07:29:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-25T15:11:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"3042\" \/>\n\t<meta property=\"og:image:height\" content=\"1521\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Craig Buckler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Atrav\u00e9s da API REST do PageSpeed Insights, voc\u00ea pode automaticamente reunir m\u00e9tricas semelhantes \u00e0s do Lighthouse. S\u00e3o fornecidos exemplos de c\u00f3digo e relat\u00f3rios no Excel.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@craigbuckler\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Craig Buckler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/\"},\"author\":{\"name\":\"Craig Buckler\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/715d986404b06691ab3014e06596908e\"},\"headline\":\"Como Usar a API do PageSpeed Insights para Monitorar o Desempenho da P\u00e1gina\",\"datePublished\":\"2023-08-10T07:29:02+00:00\",\"dateModified\":\"2023-08-25T15:11:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/\"},\"wordCount\":2571,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/\",\"name\":\"Como Usar a API do PageSpeed Insights para Monitorar o Desempenho da P\u00e1gina - Kinsta\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg\",\"datePublished\":\"2023-08-10T07:29:02+00:00\",\"dateModified\":\"2023-08-25T15:11:57+00:00\",\"description\":\"Atrav\u00e9s da API REST do PageSpeed Insights, voc\u00ea pode automaticamente reunir m\u00e9tricas semelhantes \u00e0s do Lighthouse. S\u00e3o fornecidos exemplos de c\u00f3digo e relat\u00f3rios no Excel.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg\",\"width\":3042,\"height\":1521},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"API\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/api\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como Usar a API do PageSpeed Insights para Monitorar o Desempenho da P\u00e1gina\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/715d986404b06691ab3014e06596908e\",\"name\":\"Craig Buckler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8e76011e66720bd2e3e24e164aa6f0b2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8e76011e66720bd2e3e24e164aa6f0b2?s=96&d=mm&r=g\",\"caption\":\"Craig Buckler\"},\"description\":\"Freelance UK web developer, writer, and speaker. Has been around a long time and rants about standards and performance.\",\"sameAs\":[\"https:\/\/craigbuckler.com\/\",\"https:\/\/www.linkedin.com\/in\/craigbuckler\",\"https:\/\/x.com\/craigbuckler\",\"https:\/\/www.youtube.com\/channel\/UCQwdl5oBTWGhifS6bRGADMQ\"],\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/craigbuckler\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Usar a API do PageSpeed Insights para Monitorar o Desempenho da P\u00e1gina - Kinsta","description":"Atrav\u00e9s da API REST do PageSpeed Insights, voc\u00ea pode automaticamente reunir m\u00e9tricas semelhantes \u00e0s do Lighthouse. S\u00e3o fornecidos exemplos de c\u00f3digo e relat\u00f3rios no Excel.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/","og_locale":"pt_PT","og_type":"article","og_title":"Como Usar a API do PageSpeed Insights para Monitorar o Desempenho da P\u00e1gina","og_description":"Atrav\u00e9s da API REST do PageSpeed Insights, voc\u00ea pode automaticamente reunir m\u00e9tricas semelhantes \u00e0s do Lighthouse. S\u00e3o fornecidos exemplos de c\u00f3digo e relat\u00f3rios no Excel.","og_url":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2023-08-10T07:29:02+00:00","article_modified_time":"2023-08-25T15:11:57+00:00","og_image":[{"width":3042,"height":1521,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg","type":"image\/jpeg"}],"author":"Craig Buckler","twitter_card":"summary_large_image","twitter_description":"Atrav\u00e9s da API REST do PageSpeed Insights, voc\u00ea pode automaticamente reunir m\u00e9tricas semelhantes \u00e0s do Lighthouse. S\u00e3o fornecidos exemplos de c\u00f3digo e relat\u00f3rios no Excel.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg","twitter_creator":"@craigbuckler","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Craig Buckler","Tempo estimado de leitura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/"},"author":{"name":"Craig Buckler","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/715d986404b06691ab3014e06596908e"},"headline":"Como Usar a API do PageSpeed Insights para Monitorar o Desempenho da P\u00e1gina","datePublished":"2023-08-10T07:29:02+00:00","dateModified":"2023-08-25T15:11:57+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/"},"wordCount":2571,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/","url":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/","name":"Como Usar a API do PageSpeed Insights para Monitorar o Desempenho da P\u00e1gina - Kinsta","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg","datePublished":"2023-08-10T07:29:02+00:00","dateModified":"2023-08-25T15:11:57+00:00","description":"Atrav\u00e9s da API REST do PageSpeed Insights, voc\u00ea pode automaticamente reunir m\u00e9tricas semelhantes \u00e0s do Lighthouse. S\u00e3o fornecidos exemplos de c\u00f3digo e relat\u00f3rios no Excel.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/03\/pagespeed-insights-api.jpg","width":3042,"height":1521},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/pagespeed-insights-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"API","item":"https:\/\/kinsta.com\/pt\/topicos\/api\/"},{"@type":"ListItem","position":3,"name":"Como Usar a API do PageSpeed Insights para Monitorar o Desempenho da P\u00e1gina"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/715d986404b06691ab3014e06596908e","name":"Craig Buckler","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8e76011e66720bd2e3e24e164aa6f0b2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8e76011e66720bd2e3e24e164aa6f0b2?s=96&d=mm&r=g","caption":"Craig Buckler"},"description":"Freelance UK web developer, writer, and speaker. Has been around a long time and rants about standards and performance.","sameAs":["https:\/\/craigbuckler.com\/","https:\/\/www.linkedin.com\/in\/craigbuckler","https:\/\/x.com\/craigbuckler","https:\/\/www.youtube.com\/channel\/UCQwdl5oBTWGhifS6bRGADMQ"],"url":"https:\/\/kinsta.com\/pt\/blog\/author\/craigbuckler\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/58059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/188"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=58059"}],"version-history":[{"count":12,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/58059\/revisions"}],"predecessor-version":[{"id":62476,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/58059\/revisions\/62476"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58059\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58059\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58059\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58059\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58059\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58059\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58059\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58059\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58059\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58059\/translations\/dk"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/58059\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/58060"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=58059"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=58059"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=58059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}