Mobile Friendly y PageSpeed Checker

Mobile Friendly y PageSpeed Checker

Si. Es posible. En modo bulk. Gracias a la nueva funcionalidad de URLProfiler.
Amo esa herramienta, ¿os lo había dicho ya?
Vamos a explicar rápidamente de qué va esto, ¡que me emociono solo de escribirlo!
La versión 1.5.1 viene cargadita con dos cosas potentes bajo el brazo:

  1. Mobile Friendly Checker
  2. Page Speed Checker

Y si aún te lo sigues preguntando, la respuesta es si, se puede hacer en modo bulk, con todas las urls que quieras analizar de golpe. Eso si, si eres un bruto y pones tropecientas urls, usa proxies.
(Si quieres probarla o comprarla, puedes hacerlo a través de este enlace)

API KEY de Page Speed

Antes de analizar nada, consigue una API KEY de Page Speed para conectar a URLProfiler. Pasos a seguir

console

  • Habilita la API de Page Speed, desde la lista o desde el buscador «pagespeed» y «habilitar»

habilitar api
 

  • Credenciales >> Nueva Clave >> Servidor

crear api key
 
 

  • La clave API la copias y la pegas en URLProfiler en Accounts >> Google >> Google PageSpeed

api key urlprofiler

Mobile Friendly Checker

Empieza el lío 😀
Coges las urls que quieras analizar y saber si pasan el test de Mobile Friendly de Google, las analizas marcando la opción en el panel de la herramienta y luego te va a dar datos:

  • Mobile Friendly. Si lo pasa o no.
  • Mobile Friendly Score. Puntuación de 0 a 100
  • Usos incompatibles de plugins. Si lo pasa o no
  • Contenido más ancho que la pantalla. Si lo pasa o no
  • Links que están muy cerca entre si. Si lo pasa o no
  • Texto demasiado pequeño. Si lo pasa o no
  • Atributos Viewport sin establecer. Si lo pasa o no
  • Bloqueos de recursos por Robots.txt . Si lo pasa o no
  • Recursos que fallan. Número
  • URL del test Mobile Friendly. Resultante de si hicieras el test en la web.

Y una vez rastrea las urls, el resultado es un excel como este:
mobile friendly maldita sea
 
Como veis, la alegría a medias, tenemos parte de las urls de MalditaSEA, que no pasan el test….todavía desaparecemos de Google y a ver que hacéis sin la mejor suite de herramientas del mercado (cof, cof).
Curro para hacer y cosas a mejorar.

Mobile Page Speed Checker

¿Que lo que realmente quieres saber es en qué falla tu rendimiento web (mobile)?
Pues tanto en mobile como en desktop, también podemos hacernos con una info muy amplia de todas las urls de nuestra web.
Esto se me ocurre que podríamos cruzarlo con más cosas:

  • Crawleo de Screaming Frog, donde ya tenemos datos de Response Time, por ejemplo, o cosas como decíamos en el post anterior de mobile
  • Datos de Google Analytics
  • Indexación

Pero bueno, hoy contamos la funcionalidad y ya veremos que contamos más adelante 😀
Para chequear en modo bulk el page speed desktop y mobile, hacemos esto:
page speed maldita sea
 
Vamos, marcar las casillas correspondientes, en realidad podríamos haber hecho el análisis completo de una sola vez, con el test de mobile friendly 😀
Los campos que te da, son todos estos, de Mobile:

  • PageSpeed Device: mobile
  • Mobile Speed Score: puntuación
  • Usability Score: puntuación
  • Avoid Plugins: si lo cumple o no
  • Size Content To Viewport: si lo cumple o no
  • Size Tap Targets Appropriately: si lo cumple o no
  • Use Legible Font Sizes: si lo cumple o no
  • Configure Viewport: si lo cumple o no
  • Speed Score: puntuación
  • Avoid Landing Page Redirects: si lo cumple o no
  • Enable Gzip Compression: si lo cumple o no
  • Leverage Browser Caching: si lo cumple o no
  • Main Resource Server Response Time: si lo cumple o no
  • Minify CSS: si lo cumple o no
  • Minify HTML: si lo cumple o no
  • Minify JavaScript: si lo cumple o no
  • Minimize Render Blocking Resources: si lo cumple o no
  • Optimize Images: si lo cumple o no
  • Prioritize Visible Content: si lo cumple o no
  • Total Request Bytes: número
  • Total Response Bytes: número
  • HTML Response Bytes: número
  • Image Response Bytes: número
  • JavaScript Response Bytes: número
  • CSS Response Bytes: número
  • CSS Resources: número
  • JavaScript Resources: número
  • Resources: número
  • Static Resources: número
  • Other Response Bytes: número
  • Number Hosts: número
  • PageSpeed Mobile Url: url resultante si hiciéramos el test en page speed insights, pestaña mobile

Un fragmento del excel que te da:
mobile csv
Y de Desktop:

  • PageSpeed Device: desktop
  • Desktop Speed Score: puntuación
  • Avoid Landing Page Redirects: si lo cumple o no
  • Enable Gzip Compression: si lo cumple o no
  • Leverage Browser Caching: si lo cumple o no
  • Main Resource Server Response Time: si lo cumple o no
  • Minify CSS: si lo cumple o no
  • Minify HTML: si lo cumple o no
  • Minify JavaScript: si lo cumple o no
  • Minimize Render Blocking Resources: si lo cumple o no
  • Optimize Images: si lo cumple o no
  • Prioritize Visible Content: si lo cumple o no
  • Total Request Bytes: número
  • Total Response Bytes: número
  • HTML Response Bytes: número
  • Image Response Bytes: número
  • JavaScript Response Bytes: número
  • CSS Response Bytes: número
  • CSS Resources: número
  • JavaScript Resources: número
  • Resources: número
  • Static Resources: número
  • Other Response Bytes: número
  • Number Hosts: número
  • PageSpeed Desktop Url: url resultante si hiciéramos el test en page speed insights, pestaña desktop

Un fragmento del excel que te da:
desktop csv
 
 
Pues eso es todo, quemad proxies, cotillead a la competencia, revisad vuestros sites, que solo quedan dos semanas para el 21 de abril muahahahahahahahaha
 


3 comentarios sobre “Mobile Friendly y PageSpeed Checker

  1. Dificil de seguir para novatos. Lo de la clave del servidor no se entiende a que se refieren y la traducción automática de google ayuda poco.

Los comentarios están cerrados.