{"id":63900,"date":"2023-03-16T08:35:11","date_gmt":"2023-03-16T07:35:11","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=63900&#038;preview=true&#038;preview_id=63900"},"modified":"2023-08-25T11:57:28","modified_gmt":"2023-08-25T09:57:28","slug":"pagespeed-insights-api","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/","title":{"rendered":"C\u00f3mo Usar la API de PageSpeed Insights para Monitorizar el Rendimiento de la P\u00e1gina"},"content":{"rendered":"<p>Existen herramientas que te ayudan a <a href=\"https:\/\/kinsta.com\/es\/blog\/monitoreo-rendimiento-aplicaciones\/\">controlar el rendimiento de la p\u00e1gina<\/a> y a evaluar tus mejoras. Una de las mejores es PageSpeed Insights. Est\u00e1 disponible como una <a href=\"https:\/\/pagespeed.web.dev\/\">aplicaci\u00f3n web<\/a> y como pesta\u00f1a Lighthouse en las DevTools de Chrome (las mismas DevTools tambi\u00e9n est\u00e1n disponibles en Edge, Opera, Brave y Vivaldi).<\/p>\n<p>El rendimiento de las p\u00e1ginas web es m\u00e1s importante que nunca. Los usuarios esperan una experiencia \u00e1gil y receptiva que rivalice con las aplicaciones de escritorio. Adem\u00e1s, Google&#8217;s <a href=\"https:\/\/kinsta.com\/es\/blog\/core-web-vitals\/\">Core Web Vitals<\/a> mide el rendimiento de la p\u00e1gina: influye en el PageRank y en tus esfuerzos de <a href=\"https:\/\/kinsta.com\/seo\/\">optimizaci\u00f3n para motores de b\u00fasqueda<\/a>.<\/p>\n<p>WordPress gestiona m\u00e1s de un tercio de todos los sitios web, pero <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-lento\/\">su rendimiento se ve afectado<\/a> por un alojamiento ineficaz, temas lentos y una dependencia excesiva de los plugins. Puedes <a href=\"https:\/\/kinsta.com\/es\/aprender\/optimizacion-de-velocidad-del-sitio\/\">solucionar la mayor\u00eda de los problemas<\/a> cambiando a un <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/migracion\/\">buen alojamiento web<\/a>\u00a0y utilizando <a href=\"https:\/\/kinsta.com\/es\/hojas-de-trucos\/hoja-de-trucos-velocidad-del-sitio\/\">las mejores t\u00e9cnicas de rendimiento<\/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>Acceder a Lighthouse<\/h2>\n<p>Inicia Lighthouse abriendo la p\u00e1gina que quieras examinar y pulsando <strong>Ctrl\/Cmd + May\u00fas + I <\/strong>o eligiendo <strong>Herramientas para desarrolladores<\/strong>\u00a0en <strong>M\u00e1s herramientas<\/strong> en el men\u00fa. Cambia a la pesta\u00f1a <strong>Lighthouse <\/strong>y haz clic en el bot\u00f3n <strong>Analizar carga de p\u00e1gina<\/strong>. Los resultados se muestran al cabo de unos 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=\"Ejemplo de informe Lighthouse\" width=\"971\" height=\"994\"><figcaption id=\"caption-attachment-148073\" class=\"wp-caption-text\">Ejemplo de informe Lighthouse<\/figcaption><\/figure>\n<p>Puedes profundizar en los porcentajes de nivel superior para descubrir m\u00e1s informaci\u00f3n y sugerencias que aborden problemas conocidos. La herramienta es inestimable, pero tiene sus inconvenientes:<\/p>\n<ul>\n<li>Debes iniciar manualmente una ejecuci\u00f3n para cada p\u00e1gina que est\u00e9s probando.<\/li>\n<li>No es f\u00e1cil registrar c\u00f3mo han mejorado <em>o empeorado<\/em> los factores con el tiempo.<\/li>\n<li>Hay muchos datos que comprobar y es <a href=\"https:\/\/kinsta.com\/es\/blog\/prueba-de-velocidad\/\">f\u00e1cil equivocarse<\/a>.<\/li>\n<li>Los detalles t\u00e9cnicos est\u00e1n pensados para los desarrolladores. Posiblemente resulte abrumador para los clientes y administradores que quieren una visi\u00f3n r\u00e1pida de los progresos.<\/li>\n<li>Las ejecuciones de Lighthouse pueden verse influidas por las velocidades del dispositivo local y de la red, lo que podr\u00eda dar lugar a falsas suposiciones.<\/li>\n<\/ul>\n<p>La API de PageSpeed Insights proporciona una forma de resolver estos problemas para que las pruebas puedan automatizarse, registrarse y compararse.<\/p>\n<h2>\u00bfQu\u00e9 es la API PageSpeed Insights?<\/h2>\n<p>Google proporciona una <a href=\"https:\/\/kinsta.com\/es\/blog\/punto-final-de-la-api\/\">API<\/a> REST gratuita de PageSpeed Insights que devuelve datos en formato JSON con todas las m\u00e9tricas de Lighthouse y mucho m\u00e1s. Te permite automatizar ejecuciones de p\u00e1ginas, almacenar los datos resultantes, revisar los cambios a lo largo del tiempo y mostrar la informaci\u00f3n exacta que necesitas.<\/p>\n<p>La API de PageSpeed Insights emula la forma en que Google <em>ve<\/em> tu sitio. Podr\u00edas ejecutar un informe cada pocos d\u00edas o siempre que publiques una actualizaci\u00f3n de rendimiento.<\/p>\n<p>Los resultados son \u00fatiles, pero no necesariamente indicativos de la experiencia real del usuario. La <a href=\"https:\/\/kinsta.com\/es\/blog\/performance-api\/\">API de rendimiento del navegador<\/a> es una opci\u00f3n mejor cuando quieres controlar el rendimiento real en todos los dispositivos y redes de tus usuarios.<\/p>\n\n<h2>Inicio r\u00e1pido de la API PageSpeed Insights<\/h2>\n<p>Copia la siguiente direcci\u00f3n en tu navegador y edita la p\u00e1gina <code>url<\/code> para evaluar el rendimiento de tu p\u00e1gina:<\/p>\n<p><code>https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=https:\/\/www.yoursite.com\/<\/code><\/p>\n<p>Firefox es ideal porque tiene un visor JSON incorporado, aunque <a href=\"https:\/\/chrome.google.com\/webstore\/search\/json%20viewer\">Chrome tiene extensiones<\/a> que proporcionan la misma funcionalidad. A continuaci\u00f3n se resalta la puntuaci\u00f3n general de rendimiento de Lighthouse:<\/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=\"PageSpeed Insights API resultado JSON (Firefox)\" width=\"842\" height=\"954\"><figcaption id=\"caption-attachment-148078\" class=\"wp-caption-text\">PageSpeed Insights API resultado JSON (Firefox)<\/figcaption><\/figure>\n<p>Puedes cambiar la <a href=\"https:\/\/kinsta.com\/es\/blog\/retirar-cadenas-de-consulta-de-recursos-estaticos\/\">cadena de consulta de<\/a> la URL de la API seg\u00fan tus propias p\u00e1ginas y preferencias. El \u00fanico par\u00e1metro obligatorio es <code>url<\/code>, por ejemplo<\/p>\n<p><code>url=https:\/\/mysite.com\/page1<\/code><\/p>\n<p>Por defecto se ejecuta una prueba de escritorio, pero puedes solicitarla expl\u00edcitamente con:<\/p>\n<p><code>strategy=desktop<\/code><\/p>\n<p>o cambiar a m\u00f3vil con:<\/p>\n<p><code>strategy=mobile<\/code><\/p>\n<p>S\u00f3lo se ejecutan pruebas de rendimiento, a menos que especifiques una o varias categor\u00edas de inter\u00e9s:<\/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>Se puede definir un idioma concreto estableciendo una configuraci\u00f3n regional, como el franc\u00e9s:<\/p>\n<p><code>locale=fr-FR<\/code><\/p>\n<p>y los detalles de la campa\u00f1a de Google Analytics pueden establecerse con:<\/p>\n<p><code>utm_campaign=&lt;campaign&gt;<\/code><br \/>\n<code>utm_source=&lt;source&gt;<\/code><\/p>\n<p>El servicio es gratuito para las solicitudes poco frecuentes, pero tendr\u00e1s que <a href=\"https:\/\/console.cloud.google.com\/projectselector2\/apis\/credentials\" target=\"_blank\" rel=\"noopener noreferrer\">registrarte para obtener una clave de la API de Google<\/a> si pretendes realizar muchas pruebas desde la misma direcci\u00f3n IP en un breve periodo de tiempo. La clave se a\u00f1ade a la URL con:<\/p>\n<p><code>key=&lt;api-key&gt;<\/code><\/p>\n<p>Puedes construir la cadena de consulta de la URL especificando los par\u00e1metros que elijas separados por caracteres et (&#038;). La siguiente URL de la API prueba la p\u00e1gina en <code>https:\/\/mysite.com\/<\/code> utilizando un dispositivo m\u00f3vil para evaluar el rendimiento y los criterios de accesibilidad:<\/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>Puedes construir tus propias URL o utilizar la <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed\" target=\"_blank\" rel=\"noopener noreferrer\">herramienta de creaci\u00f3n de URL de la API PageSpeed<\/a> de Google si necesitas m\u00e1s ayuda.<\/p>\n<h2>Resultados JSON de la API PageSpeed Insights<\/h2>\n<p>Las pruebas suelen devolver unos 600 Kb de datos JSON en funci\u00f3n de las categor\u00edas elegidas, el n\u00famero de activos de la p\u00e1gina y la complejidad de las capturas de pantalla (incrustadas en formato base64).<\/p>\n<p>La cantidad de datos es desalentadora, hay cierta duplicaci\u00f3n y la <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed#response\" target=\"_blank\" rel=\"noopener noreferrer\">documentaci\u00f3n de los resultados<\/a> no siempre es clara. El JSON se divide en cuatro secciones, como se describe a continuaci\u00f3n.<\/p>\n<h3>loadingExperience<\/h3>\n<p>Son m\u00e9tricas calculadas para la experiencia de carga de la p\u00e1gina del usuario final. Incluye informaci\u00f3n como el CUMULATIVE_LAYOUT_SHIFT_SCORE, FIRST_CONTENTFUL_PAINT_MS y FIRST_INPUT_DELAY_MS de Core Web Vitals. Los detalles y un valor de \u00abcategor\u00eda\u00bb devuelven R\u00c1PIDO, MEDIO, LENTO o NINGUNO si no se ha realizado ninguna medici\u00f3n. Ejemplo:<\/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>Se trata de m\u00e9tricas agregadas calculadas para las experiencias de carga de p\u00e1ginas de todos los usuarios. Las secciones son id\u00e9nticas a loadingExperience anterior y es poco probable que los sitios con menos tr\u00e1fico muestren alguna diferencia en las cifras.<\/p>\n<h3>lighthouseResultado<\/h3>\n<p>Esta es la secci\u00f3n m\u00e1s grande y contiene todas las m\u00e9tricas de Lighthouse. Proporciona informaci\u00f3n sobre la prueba:<\/p>\n<ul>\n<li>requestedUrl &#8211; la <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-una-url\/\">URL<\/a> solicitada<\/li>\n<li>finalUrl &#8211; la p\u00e1gina real probada despu\u00e9s de seguir todas las redirecciones<\/li>\n<li>lighthouseVersion &#8211; la versi\u00f3n del software<\/li>\n<li>fetchTime &#8211; la hora a la que se ejecut\u00f3 la prueba<\/li>\n<li>userAgent &#8211; la cadena del agente de usuario del navegador utilizado para la prueba<\/li>\n<li>environment &#8211; informaci\u00f3n ampliada del agente de usuario<\/li>\n<li>configSettings &#8211; los ajustes pasados a la API<\/li>\n<\/ul>\n<p>A continuaci\u00f3n hay una secci\u00f3n de \u00abauditor\u00edas\u00bb con muchas secciones, entre las que se incluyen 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 y full-page-screenshot.<\/p>\n<p>La mayor\u00eda de las m\u00e9tricas de auditor\u00eda proporcionan una secci\u00f3n de \u00abdetalles\u00bb que contiene factores como \u00aboverallSavingsBytes\u00bb y \u00aboverallSavingsMs\u00bb, que estiman los beneficios de aplicar una mejora del rendimiento.<\/p>\n<p>Las secciones \u00abcaptura de pantalla\u00bb de p\u00e1gina completa y miniatura contienen datos de imagen base64 incrustados.<\/p>\n<p>Una secci\u00f3n de \u00abm\u00e9tricas\u00bb proporciona un resumen de todas las m\u00e9tricas en una matriz de \u00abelementos\u00bb, por ejemplo<\/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>La secci\u00f3n \u00abauditor\u00edas\u00bb va seguida de \u00abcategor\u00edas\u00bb, que proporciona puntuaciones globales de Lighthouse para las categor\u00edas elegidas pasadas en la URL de la 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>La \u00abpuntuaci\u00f3n\u00bb es un n\u00famero entre 0 y 1 que normalmente se muestra como porcentaje en los informes de Lighthouse. En general, una puntuaci\u00f3n de:<\/p>\n<ul>\n<li>0,9 a 1,0 es buena<\/li>\n<li>De 0,5 a menos de 0,9 indica que es necesario mejorar<\/li>\n<li>menos de 0,5 es deficiente y requiere una atenci\u00f3n m\u00e1s urgente<\/li>\n<\/ul>\n<p>La secci\u00f3n \u00abauditRefs\u00bb proporciona una lista de todas las m\u00e9tricas y las ponderaciones utilizadas para calcular cada puntuaci\u00f3n.<\/p>\n<h3>analysisUTCTimestamp<\/h3>\n<p>Por \u00faltimo, se indica el tiempo de an\u00e1lisis. Debe ser id\u00e9ntica a la hora indicada en lighthouseResult.fetchTime.<\/p>\n<h2>M\u00e9tricas \u00datiles de los Resultados JSON<\/h2>\n<p>Te recomiendo que guardes y examines el resultado JSON en un editor de texto. Algunos tienen formateadores JSON incorporados o disponibles como plugins. Como alternativa, puedes utilizar herramientas gratuitas en l\u00ednea como:<\/p>\n<ul>\n<li><a href=\"https:\/\/jsonformatter.curiousconcept.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Formateador y Validador JSON<\/a><\/li>\n<li><a href=\"https:\/\/jsonformatter.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Formateador JSON<\/a><\/li>\n<li><a href=\"https:\/\/www.jsonformatter.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">jsonformatter.io<\/a><\/li>\n<\/ul>\n<p>Es probable que las siguientes m\u00e9tricas te resulten \u00fatiles. Recuerda establecer las opciones de categor\u00eda asociadas en la URL seg\u00fan sea necesario.<\/p>\n<h3>Resumen de las m\u00e9tricas<\/h3>\n<p>Puntuaciones globales de 0 a 1:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Rendimiento<\/td>\n<td>lighthouseResult.categories.performance.score<\/td>\n<\/tr>\n<tr>\n<td>Accesibilidad<\/td>\n<td>lighthouseResult.categories.accessibility.score<\/td>\n<\/tr>\n<tr>\n<td>Mejores pr\u00e1cticas<\/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>Progressive Web App (PWA)<\/td>\n<td>lighthouseResult.categories.pwa.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3>M\u00e9tricas de rendimiento<\/h3>\n<p>Incluyen puntuaciones <a href=\"https:\/\/kinsta.com\/es\/blog\/core-web-vitals\/\">Core Web Vitals<\/a> de 0 a 1:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>First Contentful Paint<\/td>\n<td>lighthouseResult.audits.first-contentful-paint.score<\/td>\n<\/tr>\n<tr>\n<td>First Meaningful Paint<\/td>\n<td>lighthouseResult.audits.first-meaningful-paint.score<\/td>\n<\/tr>\n<tr>\n<td>Largest Contentful Paint<\/td>\n<td>lighthouseResult.audits.largest-contentful-paint.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>lighthouseResult.audits.cumulative-layout-shift.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Otras puntuaciones de rendimiento \u00fatiles son:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Server response Time<\/td>\n<td>lighthouseResult.audits.server-response-time.score<\/td>\n<\/tr>\n<tr>\n<td>Is crawlable<\/td>\n<td>lighthouseResult.audits.is-crawlable.score<\/td>\n<\/tr>\n<tr>\n<td>Console Errors<\/td>\n<td>lighthouseResult.audits.errors-in-console.score<\/td>\n<\/tr>\n<tr>\n<td>Total byte weight<\/td>\n<td>lighthouseResult.audits.total-byte-weight.score<\/td>\n<\/tr>\n<tr>\n<td>DOM size score<\/td>\n<td>lighthouseResult.audits.dom-size.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Normalmente puedes obtener cifras y unidades reales como:<\/p>\n<ul>\n<li>lighthouseResult.audits.total-byte-weight.numericValue &#8211;<br \/>\nel tama\u00f1o total de la p\u00e1gina, por ejemplo 450123<\/li>\n<li>lighthouseResult.audits.total-byte-weight.numericUnit &#8211;<br \/>\nlas unidades utilizadas para el tama\u00f1o total de la p\u00e1gina, por ejemplo \u00abbyte\u00bb<\/li>\n<\/ul>\n<p>Como alternativa, \u00abdisplayValue\u00bb suele contener un mensaje legible con la cifra y la unidad:<\/p>\n<ul>\n<li>lighthouseResult.audits.server-response-time.displayValue &#8211;<br \/>\nun mensaje sobre el tiempo de respuesta, por ejemplo \u00abEl documento ra\u00edz tard\u00f3 170 ms\u00bb<\/li>\n<li>lighthouseResult.audits.dom-size.displayValue &#8211;<br \/>\nun mensaje sobre el n\u00famero de elementos en el DOM, por ejemplo, \u00ab543 elementos\u00bb<\/li>\n<\/ul>\n<h2>Crear un Panel de Rendimiento Sin C\u00f3digo<\/h2>\n<p>Las fuentes API en directo pueden leerse y procesarse en muchos sistemas, incluido Microsoft Excel. (Extra\u00f1amente, Google Sheets no admite feeds JSON sin m\u00e1s plugins o c\u00f3digo macro. S\u00ed admite XML)<\/p>\n<p>Para importar la puntuaci\u00f3n de rendimiento global en tiempo real a Excel, inicia una nueva hoja de c\u00e1lculo, cambia a la pesta\u00f1a <strong>Datos<\/strong> y haz clic en <strong>Desde la Web<\/strong>. Introduce la URL de la API de PageSpeed Insights y pulsa Aceptar:<\/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=\"Importaci\u00f3n de datos de Excel desde la Web\" width=\"816\" height=\"326\"><figcaption id=\"caption-attachment-148081\" class=\"wp-caption-text\">Importaci\u00f3n de datos de Excel desde la Web<\/figcaption><\/figure>\n<p>Haz clic en <strong>Conectar <\/strong>en el siguiente cuadro de di\u00e1logo y mant\u00e9n la configuraci\u00f3n predeterminada (An\u00f3nimo). Pasar\u00e1s a la herramienta <strong>Configuraci\u00f3n de la consulta<\/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=\"Herramienta de Configuraci\u00f3n de Consultas de Excel\" width=\"1373\" height=\"846\"><figcaption id=\"caption-attachment-148082\" class=\"wp-caption-text\">Herramienta de Configuraci\u00f3n de Consultas de Excel<\/figcaption><\/figure>\n<p>Haz clic en <strong>Grabar<\/strong> a la derecha de la m\u00e9trica de resultados <strong>del lighthouse<\/strong>. A continuaci\u00f3n, haz clic en lo mismo en <strong>categor\u00edas<\/strong> y <strong>rendimiento<\/strong> para desglosar la jerarqu\u00eda 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=\"Desglose de objetos JSON de Excel\" width=\"666\" height=\"467\"><figcaption id=\"caption-attachment-148083\" class=\"wp-caption-text\">Desglose de objetos JSON de Excel<\/figcaption><\/figure>\n<p>Haz clic en el icono<strong> En tabla<\/strong> de la parte superior de las opciones del men\u00fa contextual.<\/p>\n<p>A continuaci\u00f3n, puedes hacer clic en la flecha de filtro del encabezamiento de la tabla para eliminar todo lo que no sea la <strong>puntuaci\u00f3n<\/strong> antes de hacer clic en <strong>Aceptar<\/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=\"Filtrado de tablas importadas de Excel\" width=\"609\" height=\"578\"><figcaption id=\"caption-attachment-148084\" class=\"wp-caption-text\">Filtrado de tablas importadas de Excel<\/figcaption><\/figure>\n<p>Por \u00faltimo, haz clic en <strong>Cerrar y cargar<\/strong> para mostrar la puntuaci\u00f3n de la actuaci\u00f3n en directo en tu hoja de c\u00e1lculo:<\/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=\"Datos en directo de Excel\" width=\"905\" height=\"661\"><figcaption id=\"caption-attachment-148085\" class=\"wp-caption-text\">Datos en directo de Excel<\/figcaption><\/figure>\n<p>Puedes seguir el mismo proceso para otras m\u00e9tricas de inter\u00e9s.<\/p>\n<h2>Crear un Panel de Rendimiento web<\/h2>\n<p>Esta <strong><a href=\"https:\/\/codepen.io\/craigbuckler\/full\/OJEVQvj\" target=\"_blank\" rel=\"noopener noreferrer\">demostraci\u00f3n de Codepen<\/a><\/strong> proporciona un formulario en el que puedes introducir una URL y elegir an\u00e1lisis de escritorio o m\u00f3vil para obtener resultados.<\/p>\n<p>El c\u00f3digo crea una URL de PageSpeed Insights, llama a la API y, a continuaci\u00f3n, presenta varios resultados en una tabla resumen que es m\u00e1s r\u00e1pida de ver que un informe est\u00e1ndar de 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=\"Example test result from PageSpeed API\" width=\"747\" height=\"493\"><figcaption id=\"caption-attachment-148087\" class=\"wp-caption-text\">Ejemplo de resultado de prueba<\/figcaption><\/figure>\n<p>La funci\u00f3n as\u00edncrona <code>startCheck()<\/code> se ejecuta cuando se env\u00eda el formulario. Cancela el evento de env\u00edo y oculta los 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>A continuaci\u00f3n, construye <code>apiURL<\/code> a partir de los datos del formulario y desactiva los 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>La <a href=\"https:\/\/developer.mozilla.org\/docs\/Web\/API\/Fetch_API\" target=\"_blank\" rel=\"noopener noreferrer\">API Fetch<\/a> se utiliza para llamar a la URL de PageSpeed, obtener la respuesta y analizar la cadena JSON en un objeto JavaScript utilizable. Un bloque try\/catch garantiza que se capturen los fallos:<\/p>\n<pre><code>  try {\n\/\/ call API and get result\nconst\nresponse = await fetch(apiURL),\nresult = await response.json();<\/code><\/pre>\n<p>El objeto resultado se pasa a una funci\u00f3n <code>showResult()<\/code>. \u00c9sta extrae las propiedades y las coloca en la tabla de resultados o en cualquier otro elemento HTML que tenga el atributo data-point establecido en una propiedad de la API PageSpeed, por ejemplo<\/p>\n<p><code>&lt;td data-point=\"lighthouseResult.categories.performance.score\"&gt;&lt;\/td&gt;<\/code><\/p>\n<p>Fin del bloque try:<\/p>\n<pre><code>    \/\/ output result\nshowResult(result);\nshow(status, false);\nshow(resultTable);\n}<\/code><\/pre>\n<p>Por \u00faltimo, un bloque catch se encarga de los errores y los campos del formulario se vuelven a habilitar para que se puedan ejecutar m\u00e1s pruebas:<\/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>Otras Opciones de Desarrollo<\/h2>\n<p>El c\u00f3digo de ejemplo anterior obtiene un resultado de la API de PageSpeed Insights cuando lo solicitas. El informe es m\u00e1s configurable que Lighthouse, pero la ejecuci\u00f3n sigue siendo un proceso manual.<\/p>\n<p>Si pretendes desarrollar tu propio panel de control, puede resultar pr\u00e1ctico crear una peque\u00f1a aplicaci\u00f3n que llame a la API de PageSpeed Insights y almacene el JSON resultante en un nuevo registro de <a href=\"https:\/\/sevalla.com\/database-hosting\/\">base de datos<\/a>\u00a0con la URL probada y la fecha\/hora actual. La mayor\u00eda de las bases de datos son compatibles con JSON, aunque <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-mongodb\/\">MongoDB<\/a> es la m\u00e1s adecuada para esta tarea. Una <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/gestion-del-sitio\/cron-jobs\/\">tarea cron<\/a> puede llamar a tu aplicaci\u00f3n de forma programada, quiz\u00e1s una vez al d\u00eda a primera hora de la ma\u00f1ana.<\/p>\n<p>A continuaci\u00f3n, una aplicaci\u00f3n del lado del servidor puede implementar su propia API REST para tus requisitos de elaboraci\u00f3n de informes, por ejemplo, devolver los cambios en m\u00e9tricas de rendimiento espec\u00edficas entre dos fechas. Puede ser llamada por <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> del lado del cliente para mostrar tablas o gr\u00e1ficos que ilustren las mejoras de rendimiento a lo largo del tiempo.<\/p>\n<p>Si quieres crear informes complejos con cantidades significativas de datos, es preferible precalcular las cifras una vez al d\u00eda en el momento en que est\u00e9n disponibles los nuevos datos de PageSpeed. Despu\u00e9s de todo, \u00a1no querr\u00e1s mostrar c\u00f3mo est\u00e1 mejorando el rendimiento en un informe que tarda minutos en generarse!<\/p>\n\n<h2>Resumen<\/h2>\n<p>La herramienta Lighthouse de Chrome es fabulosa, pero es una faena evaluar con frecuencia muchas p\u00e1ginas. La API de PageSpeed Insights te permite evaluar el rendimiento del sitio mediante t\u00e9cnicas program\u00e1ticas. Las ventajas:<\/p>\n<ul>\n<li>Las pruebas de <a href=\"https:\/\/kinsta.com\/website-performance\/\">rendimiento<\/a> se pueden automatizar. <em>No puedes olvidarte de ejecutar una prueba.<\/em><\/li>\n<li>Los resultados se recopilan en los servidores de Google, por lo que los factores de velocidad <a href=\"https:\/\/kinsta.com\/es\/devkinsta\/\">del dispositivo local<\/a> y de la red tienen menos influencia.<\/li>\n<li>Las m\u00e9tricas incluyen informaci\u00f3n que normalmente no est\u00e1 disponible en <a href=\"https:\/\/kinsta.com\/es\/blog\/core-web-vitals\/\">Lighthouse<\/a>.<\/li>\n<li>Las m\u00e9tricas importantes <a href=\"https:\/\/sevalla.com\/database-hosting\/\">pueden registrarse<\/a> y supervisarse a lo largo del tiempo para garantizar que el rendimiento de la p\u00e1gina ha mejorado con cada actualizaci\u00f3n.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/es\/blog\/como-afecta-alojamiento-al-seo\/\">La informaci\u00f3n sobre SEO<\/a>, rendimiento y accesibilidad\u00a0puede mostrarse en <a href=\"https:\/\/sevalla.com\/application-hosting\/\">informes simplificados<\/a> para que est\u00e9 disponible de un vistazo para desarrolladores, gestores y clientes.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Existen herramientas que te ayudan a controlar el rendimiento de la p\u00e1gina y a evaluar tus mejoras. Una de las mejores es PageSpeed Insights. Est\u00e1 disponible &#8230;<\/p>\n","protected":false},"author":188,"featured_media":63901,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1268,1270,1341],"class_list":["post-63900","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-analiticas","topic-api","topic-velocidad-sitio-web"],"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>C\u00f3mo Usar la API de PageSpeed Insights para Monitorizar el Rendimiento de la P\u00e1gina - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"La API REST de PageSpeed Insights permite recopilar autom\u00e1ticamente m\u00e9tricas similares a las de Lighthouse. Se proporcionan ejemplos de reportes en c\u00f3digo y 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\/es\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo Usar la API de PageSpeed Insights para Monitorizar el Rendimiento de la P\u00e1gina\" \/>\n<meta property=\"og:description\" content=\"La API REST de PageSpeed Insights permite recopilar autom\u00e1ticamente m\u00e9tricas similares a las de Lighthouse. Se proporcionan ejemplos de reportes en c\u00f3digo y Excel.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-16T07:35:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-25T09:57:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/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=\"La API REST de PageSpeed Insights permite recopilar autom\u00e1ticamente m\u00e9tricas similares a las de Lighthouse. Se proporcionan ejemplos de reportes en c\u00f3digo y Excel.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/pagespeed-insights-api.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@craigbuckler\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Craig Buckler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\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\/es\/blog\/pagespeed-insights-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/\"},\"author\":{\"name\":\"Craig Buckler\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/715d986404b06691ab3014e06596908e\"},\"headline\":\"C\u00f3mo Usar la API de PageSpeed Insights para Monitorizar el Rendimiento de la P\u00e1gina\",\"datePublished\":\"2023-03-16T07:35:11+00:00\",\"dateModified\":\"2023-08-25T09:57:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/\"},\"wordCount\":2636,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/pagespeed-insights-api.jpg\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/\",\"name\":\"C\u00f3mo Usar la API de PageSpeed Insights para Monitorizar el Rendimiento de la P\u00e1gina - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/pagespeed-insights-api.jpg\",\"datePublished\":\"2023-03-16T07:35:11+00:00\",\"dateModified\":\"2023-08-25T09:57:28+00:00\",\"description\":\"La API REST de PageSpeed Insights permite recopilar autom\u00e1ticamente m\u00e9tricas similares a las de Lighthouse. Se proporcionan ejemplos de reportes en c\u00f3digo y Excel.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/pagespeed-insights-api.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/pagespeed-insights-api.jpg\",\"width\":3042,\"height\":1521},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Anal\u00edticas\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/analiticas\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo Usar la API de PageSpeed Insights para Monitorizar el Rendimiento de la P\u00e1gina\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"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\/es\/#\/schema\/person\/715d986404b06691ab3014e06596908e\",\"name\":\"Craig Buckler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/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\/es\/blog\/author\/craigbuckler\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo Usar la API de PageSpeed Insights para Monitorizar el Rendimiento de la P\u00e1gina - Kinsta\u00ae","description":"La API REST de PageSpeed Insights permite recopilar autom\u00e1ticamente m\u00e9tricas similares a las de Lighthouse. Se proporcionan ejemplos de reportes en c\u00f3digo y 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\/es\/blog\/pagespeed-insights-api\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo Usar la API de PageSpeed Insights para Monitorizar el Rendimiento de la P\u00e1gina","og_description":"La API REST de PageSpeed Insights permite recopilar autom\u00e1ticamente m\u00e9tricas similares a las de Lighthouse. Se proporcionan ejemplos de reportes en c\u00f3digo y Excel.","og_url":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2023-03-16T07:35:11+00:00","article_modified_time":"2023-08-25T09:57:28+00:00","og_image":[{"width":3042,"height":1521,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/pagespeed-insights-api.jpg","type":"image\/jpeg"}],"author":"Craig Buckler","twitter_card":"summary_large_image","twitter_description":"La API REST de PageSpeed Insights permite recopilar autom\u00e1ticamente m\u00e9tricas similares a las de Lighthouse. Se proporcionan ejemplos de reportes en c\u00f3digo y Excel.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/pagespeed-insights-api.jpg","twitter_creator":"@craigbuckler","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Craig Buckler","Tiempo de lectura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/"},"author":{"name":"Craig Buckler","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/715d986404b06691ab3014e06596908e"},"headline":"C\u00f3mo Usar la API de PageSpeed Insights para Monitorizar el Rendimiento de la P\u00e1gina","datePublished":"2023-03-16T07:35:11+00:00","dateModified":"2023-08-25T09:57:28+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/"},"wordCount":2636,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/pagespeed-insights-api.jpg","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/","url":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/","name":"C\u00f3mo Usar la API de PageSpeed Insights para Monitorizar el Rendimiento de la P\u00e1gina - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/pagespeed-insights-api.jpg","datePublished":"2023-03-16T07:35:11+00:00","dateModified":"2023-08-25T09:57:28+00:00","description":"La API REST de PageSpeed Insights permite recopilar autom\u00e1ticamente m\u00e9tricas similares a las de Lighthouse. Se proporcionan ejemplos de reportes en c\u00f3digo y Excel.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/pagespeed-insights-api.jpg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/pagespeed-insights-api.jpg","width":3042,"height":1521},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/pagespeed-insights-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Anal\u00edticas","item":"https:\/\/kinsta.com\/es\/secciones\/analiticas\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo Usar la API de PageSpeed Insights para Monitorizar el Rendimiento de la P\u00e1gina"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","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\/es\/#\/schema\/person\/715d986404b06691ab3014e06596908e","name":"Craig Buckler","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/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\/es\/blog\/author\/craigbuckler\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/63900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/188"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=63900"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/63900\/revisions"}],"predecessor-version":[{"id":64523,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/63900\/revisions\/64523"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/63900\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/63900\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/63900\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/63900\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/63900\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/63900\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/63900\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/63900\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/63900\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/63900\/translations\/dk"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/63900\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/63901"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=63900"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=63900"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=63900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}