{"id":71483,"date":"2020-09-22T18:11:17","date_gmt":"2020-09-22T16:11:17","guid":{"rendered":"https:\/\/internetrepublica.com\/?p=71483"},"modified":"2020-09-22T18:13:38","modified_gmt":"2020-09-22T16:13:38","slug":"utilidades-de-la-integracion-de-pagespeed-insights-y-screaming-frog","status":"publish","type":"post","link":"https:\/\/internetrepublica.com\/blog\/utilidades-de-la-integracion-de-pagespeed-insights-y-screaming-frog\/","title":{"rendered":"Utilidades de la integraci\u00f3n de PageSpeed Insights y Screaming Frog"},"content":{"rendered":"

Hay herramientas SEO y despu\u00e9s est\u00e1 LA herramienta SEO. Screaming Frog, la archi-conocida e indispensable herramienta que todo SEO necesita en su haber. Son tantas las funcionalidades que incorpora que a veces cuando nos surge una necesidad de an\u00e1lisis deber\u00edamos pensar \u201c\u00bfesto lo hace la \u201crana\u201d?\u201d. Nos sorprender\u00eda la de veces que la respuesta ser\u00eda \u201cs\u00ed\u201d.<\/span><\/p>\n

En este post nos centraremos concretamente en una funci\u00f3n que, aunque no sea nueva (es de la <\/span>versi\u00f3n 12 de Screaming<\/span><\/a>), nunca est\u00e1 de m\u00e1s recordar e ilustrar con algunas aplicaciones de inter\u00e9s para nuestro d\u00eda a d\u00eda. Hablamos de la conexi\u00f3n v\u00eda API a PageSpeed que permite conocer los informes de Lighthouse, PageSpeed y CrUX (Chrome User Experience Report). Y s\u00ed, <\/span>las Core Web Vitals est\u00e1n por tanto incluidas y podremos extraerlas en bulk<\/b>.<\/span><\/p>\n

 <\/p>\n

\u00bfC\u00f3mo configuro la integraci\u00f3n de PageSpeed Insights?<\/b><\/h2>\n

 <\/p>\n

Muy f\u00e1cil. Abre Screaming, ve a \u201cConfiguration\u201d, dentro de \u201cAPI Access\u201d selecciona PageSpeed Insights y ah\u00ed tendr\u00e1s el campo para incluir la clave de API que te permitir\u00e1 conectarte a la misma.<\/span><\/p>\n

\"\"<\/p>\n

 <\/p>\n

Si necesitas crear una clave, es tan f\u00e1cil como clicar en \u201chere\u201d. Te llevar\u00e1 a la p\u00e1gina de Google APIS. 3 clics:<\/span><\/p>\n

1. Seleccionar un proyecto que tengas en tu cuenta (si no tienes ninguno, crea uno nuevo):<\/span>\"\"<\/span><\/p>\n

2. Hecho esto, en \u201cCrear credenciales\u201d selecciona \u201cClave de API\u201d:<\/span><\/p>\n

 <\/p>\n

\"\"<\/span><\/p>\n

 <\/p>\n

3. Voil\u00e1! Ya tenemos clave para conectar. Copia y pega en el campo de \u201cSecret Key\u201d para la conexi\u00f3n v\u00eda api a PageSpeed y dale a conectar.<\/span><\/p>\n

 <\/p>\n

4. En \u201cMetrics<\/b>\u201d puedes seleccionar tanto el dispositivo desde el que desees rastrar, como los informes, m\u00e9tricas, etc. para los que te interese extraer la informaci\u00f3n:<\/p>\n

 <\/p>\n

\"\"<\/p>\n

<\/h2>\n

 <\/p>\n

\u00bfQu\u00e9 utilidades tengo con esta integraci\u00f3n?<\/b><\/h2>\n

 <\/p>\n

Solo pensar que podemos <\/span>rastrear una web completa extrayendo la informaci\u00f3n de Core Web Vitals<\/b> ya puede darnos nuestra alegr\u00eda particular. Pero ojo: en webs de tama\u00f1o muy grande puede irse al traste la optimizaci\u00f3n de recursos y el tiempo de rastreo.\u00a0<\/span><\/p>\n

Ahora bien\u2026 \u00bfrealmente es necesario rastrear toooooda la web con conexi\u00f3n v\u00eda API a PageSpeed? Quiz\u00e1s si seleccionamos varios <\/span>ejemplos por cada tipolog\u00eda de p\u00e1gina<\/b> tengamos <\/span>suficiente para realizar una valoraci\u00f3n<\/b>: no deber\u00edan variar extremadamente entre el mismo tipo de p\u00e1ginas los resultados de PageSpeed. Entonces hablamos de que, si es un listado de URLs y no un rastreo completo, podemos utilizar la <\/span>opci\u00f3n de analizar en bulk<\/b> estas p\u00e1ginas.<\/span><\/p>\n

 <\/p>\n

Por otro lado, a veces pecamos de querer \u201cdatos, datos y m\u00e1s datos\u201d pero \u00bfqu\u00e9 hacemos con toda esta informaci\u00f3n? \u00bfRealmente tenemos claras las aplicaciones de inter\u00e9s? Para m\u00ed, una de las m\u00e1s \u00fatiles es la que podr\u00edamos llamar <\/span>\u201cPunto de partida\u201d<\/b>: voy a realizar un cambio sustancial en la web (nuevo site, cambio de servidor, cambio de CMS, migraci\u00f3n, modificaci\u00f3n en el dise\u00f1o web, etc.) y necesito conocer la situaci\u00f3n actual a nivel performance para valorar si esta modificaci\u00f3n beneficia, no afecta o perjudica a la experiencia de usuario (entendiendo que la velocidad de carga est\u00e1 contenida aqu\u00ed).<\/span><\/p>\n

 <\/p>\n

\u00bfC\u00f3mo lo hacemos?<\/b> Si la web tiene un tama\u00f1o considerable de URL, seleccionamos varias de ejemplo entre las diferentes tipolog\u00edas de p\u00e1ginas del site en producci\u00f3n y rastreamos:<\/span><\/p>\n

1. An\u00e1lisis con Screaming Frog y PageSpeed Insights antes del cambio\/migraci\u00f3n:<\/b><\/p>\n