PageSpeed: Cómo analizar y mejorar la velocidad de tu blog o web

¿Quieres usar la herramienta Google PageSpeed para realizar un test de velocidad de tu web, blog o tienda online y mejorar la velocidad de carga?

pagespeed analizar mejorar solucionar problemas

Hoy te explico cómo funciona la herramienta Google PageSpeed Insights y cómo mejorar la velocidad de tu web, blog o tienda online en base a los resultados del test de velocidad de Google.

IMPORTANTE: De nada sirve mejorar la velocidad de tu web si no tienes una visión general de la optimización SEO, Redes Sociales, Conversiones, Autoridad y muchos otros aspectos como los objetivos principales de tu web.

Realiza una auditoría SEO gratis de tu web ahora:

Tiempos de carga

Si tu blog tarda más de 3 segundos en cargar, Google te dará una puntuación baja y este es un factor SEO importante (pero no crítico) para subir posiciones en los resultados de Google.

De hecho cada día veo cientos de webs con tiempos de carga por encima de los 10 segundos posicionadas en los primeros resultados de Google para muchas búsquedas importantes.

De hecho mi web es un claro ejemplo con más de 5000 visitas cada día y con unos resultados de velocidad en PageSpeed muy bajos.

Puedes comentar abajo si te ha cargado rápido o lento la web.

ejemplo pagespeed sin cache
Ejemplo PageSpeed sin caché
ejemplo pagespeed con cache
Ejemplo PageSpeed con caché

Pero a quien que más afecta esta velocidad de carga es a los usuarios. Muchos cerrarán la pestaña e irán a otro blog. La gente no espera si tiene una conexión lenta.

Aproximadamente entre el 50% y el 80% de los usuarios visitarán tu web desde su móvil por tanto tener optimizada la velocidad en móvil es clave.

El nuevo Google PageSpeed usa la media de velocidad en móvil con 3G.

Además ya te adelanto que uno de los factores que más afecta a la velocidad de carga de tu web es tu hosting.

Tener un buen hosting es fundamental si quieres que tu web cargue rápido y de esta forma consigas que los visitantes estén más tiempo en tu web, compren más, se sientan más seguros y en definitiva consigas mejores resultados.

¿Va lenta tu web? Cámbiate a alguno de estos Hostings super rápidos:

Cómo funciona Google PageSpeed

Para ver cuánto tiempo tarda tu página en cargar y hacer una auditoría SEO de tu web puedes usar además el servicio de auditoría SEO gratuita que te indicará la velocidad de carga, las causas de esa lentitud y muchos otros factores SEO.

También tienes GTmetrix, oltra gran alternativa a Google PageSpeed.

ejemplo gtmetrix sin cache
Ejemplo GTmetrix sin caché
Ejemplo velocidad GTmetrix con caché
Ejemplo velocidad GTmetrix con caché

Tutorial Google PageSpeed

En este vídeo tienes un ejemplo de uso de Google PageSpeed:

El nuevo Google PageSpeed

En 2019 Google PageSpeed cambió la forma de funcionar y muestra unos resultados demasiado alarmistas y exigentes.

Esto se debe a que ahora usan la tecnología Lighthouse.

Las velocidades de conexión con la fibra óptica, alta velocidad y con la llegada del 4G y el 5G hacen que los usuarios naveguen mucho más rápido.

Esto hace que a pesar de que la velocidad de carga siga siendo un factor crítico, la herramienta Google PageSpeed no sea a mi juicio la mejor herramienta para determinar si tu web va lenta o rápida para tus visitantes.

Y ten en cuenta que tras realizar el primer análisis abajo del todo te muestra el día y hora de los resultados. Esto lo debes tener en cuenta tras aplicar cambios y volver a analizar los resultados ya que debes esperar unos minutos para que los datos estén actualizados.

hora analisis pagespeed
Hora análisis Google PageSpeed

Los 5 factores más críticos que afectan a la velocidad

Para que todo cargue más rápido recomiendo usar temas minimalistas con pocas imágenes y optimizados para SEO como estos.

Revisa el tema o plantilla que tienes instalado en WordPress, o en la plataforma que uses, y borra los que están desactivados. Ve a la página oficial del tema y busca si está optimizado para SEO.

Yo uso la plantilla Growthpress.

Si no lo está busca otro. Debe ser también responsive para que se adapte a dispositivos móviles.

Revisa los plugins que tienes activados y los plugins que tienes desactivados. Elimina todos los que puedas.

¿Tienes código javascript añadido manualmente en tu blog? Intenta eliminarlo si el código ya no se usa.

Menos es más. Si no te suena nada de esto no pasa nada. Si alguien te ha hecho el blog pídele que lo revise y deje lo mínimo.

Y como ya te he comentado antes tener un buen hosting marca la diferencia.

Además te recomiendo hablar con el soporte de tu hosting para que optimicen ellos la velocidad de carga de tu web.

Y por último entra en juego la caché.

Existen muchos plugins de caché como WP Rocket, W3 Total Cache o WP Fastest Cache para WordPress.

Su uso depende del proyecto. Yo personalmente prefiero no usarlos o por lo menos la parte de activación de caché ya que tienen otras funcionalidades interesantes.

¿Por qué? Porque a pesar de que harán que tu web cargue mucho más rápido se perderá la «frescura» de tu web y en muchas ocasiones habrá problemas en procesos de pagos, visualización y otros problemas relacionados con la caché.

Cómo mejorar la velocidad de carga de tu blog

La mejor forma de analizar y mejorar la velocidad de tu web es usando una herramienta de SEO como SEMrush o Xovi.

En esta lección te explico cómo comprobar la velocidad de tu blog fácilmente.

Los pasos para solucionar los problemas que te muestra Google Pagespeed son:

  1. Revisar y eliminar todos los plugins que tengas instalados que no uses o no cumplan una función esencial en tu blog.
  2. Ponte en contacto con tu hosting para que revise tu instalación e indícales los problemas que muestra la herramienta. En la algunos casos ellos te lo optimizan gratis y así te olvidas.
  3. Si quieres hacerlo tú mismo y te aparece el problema de versiones asíncronas instala el plugin: Async Javascript. Lo activas y eliges «método async«.
  4. Instala el plugin WP Fastest Cache para acelerar tu web o blog notablemente. Sólo hay que instalarlo y activarlo y es gratis. Aquí te explico cómo configurarlo sin meter la pata.
  5. Para optimizar imágenes instala el plugin de Optimizador.io para comprimir las imágenes nuevas y optimizar las actuales con unos pocos clicks.
  6. En mi caso tras hablar con el soporte de Siteground me optimizaron algunos puntos de mi web y activé Cloudflare para mejorar la velocidad de carga de las imágenes.

    De todas formas yo de vez en cuando toco la configuración por lo que en ocasiones me cargo algunas optimizaciones…

  7. Optimiza la carga de vídeos, iframes e imágenes instalando el plugin gratuito Lazy Load by WP Rocket. Sólo tienes que activar el plugin y hacer check a las tres opciones «Imágenes», «Iframes y vídeos», «Reemplazar vídeos de Youtube con miniaturas». (Reducirás el número de peticiones HTTP y mejorarás los tiempos de carga)

¿Cómo cambiaría tu vida si tienes una WEB que gene​ra INGRESOS mes a mes mientras tú haces otras cosas? Mi amigo Javier Elices de Monetizados ha creado un entrenamiento gratis para ti:

  • Sabrás cuáles son los pasos exactos para conseguir una web que genera dinero mes a mes
  • Cómo generar tus primeros ingresos paso a paso
  • Los conocimientos adquiridos te servirán para tener tu propio proyecto rentable

Entrenamiento GRATIS
para ganar dinero

Cómo solucionar los problemas que muestra Google PageSpeed

Google Pagespeed Insights distingue entre velocidad de carga en móvil y velocidad de carga en Ordenador.

Después de añadir nuestro dominio o la URL de una página nos muestran varias secciones:

  1. Datos de campo: Muestra resumen de los últimos 30 días basado en el informe de experiencia de usuario de Google Chrome.
  2. Datos de experimentos: Muestra tiempos de renderizados, inactividad y uso.
  3. Oportunidades: Muestra puntos a mejorar para optimizar la velocidad de carga.
  4. Diagnósticos: Más puntos a tener en cuenta
  5. Auditorías aprobadas: Muestra los puntos que tenemos bien.

Dependiendo del grado de urgencia nos muestra diferentes iconos al principio de cada línea:

Un triángulo rojo para indicar que es crítico

Un cuadrado naranja para indicar que hay que tomar medidas lo antes posible.

Un círculo gris para indicar que son mejoras poco importantes.

Si muestra estos problemas aplica estas soluciones:

  • Especificar caché de navegador. Solución WP Fastest Cache y buen hosting. Escucha el episodio 76 de mi podcast SEO para bloggers.
  • Reducir el tiempo de respuesta del servidor. Usa Webempresa o Siteground. Tienen su sistema de caché y de optimizacion de imágenes.
  • Minificar JavaScript. Usa el plugin de caché WP Fastest Cache. Usa un tema optimizado para SEO. Elimina plugins innecesarios, sliders, movimientos, muchas imágenes…
  • Evita los redireccionamientos a páginas de destino. Revisa redirecciones con alguna herramienta de SEO y con el plugin Redirection.
  • Habilitar compresión. Usa el plugin de caché WP Fastest Cache.
  • Minificar CSS, HTML. Usa el plugin de caché WP Fastest Cache.
  • Optimizar imágenes: Edita antes las imágenes con photoshop, GIMP o Pixlr y luego las subes. Intenta no superar los 100kb. Puede que el tema o WordPress cree varios tamaños. Plugins de optimizador.io, EWWW Image Optimizer, ShortPixel o la versión Premium de Yoast SEO.
  • Prioriza el contenido visible. ¿Es necesario hacer scroll para hacer click en algo? Utiliza una buena plantilla.
  • Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página. Usa Hotjar, Google Analytics, Redes sociales, Thrive Leads, fuentes, cookies.
  • Elimina los recursos que bloqueen el renderizado: Usa el plugin de caché WP Fastest Cache Premium. También puedes usar el plugin Autoptimize y el plugin Autoptimize criticalcss.com power-up siguiendo los pasos de configuración de pago.
  • Pospón la carga de archivos CSS: Usa el modo asíncrono con WP Fastest cache. También usa los plugins Autoptimize y Autoptimize criticalcss.com power-up de pago.

¿Quieres conocer mis 7 secretos para multiplicar x10 las visitas de tu blog en unos pocos días?

ACCESO DIRECTO AL WEBINAR GRATIS:

  • Cómo optimizar tus artículos
  • Desde 0 hasta multiplicar tus visitas
  • 100% garantizado
  • Deja de perder el tiempo buscando vídeos en Youtube

ACCEDER AL WEBINAR GRATIS

Conclusiones

La velocidad de carga de tu blog es uno de los pilares del SEO y gracias a Google Pagespeed y a otras herramientas podemos y debemos mejorarlo.

No obstante yo no me preocuparia por el resultado de Google Pagespeed y me centraría en otros aspectos como las conversiones y otras optimizaciones centradas en las ventas.

Haz que tu blog cargue más rápido y conseguirás que los usuarios estén más tiempo en tu blog.

Además conseguirás subir posiciones en el ranking de Google y por tanto las visitas de tu blog aumentarán considerablemente.

Una vez hechas las optimizaciones en el plazo de 15 días o un mes se suele notar un aumento de visitas del 15% (esto es una media según los proyectos que llevo).

¿Cómo va tu blog o web de rápido?

¿Va lenta tu web? Cámbiate a alguno de estos Hostings super rápidos:

¡Quiero saber tu opinión!

¿Que velocidad tiene tu blog o web? ¿Tras seguir los pasos has mejorado la velocidad? ¿Estás subiendo posiciones en Google?

¡Cuéntame en los comentarios!

Si crees que este post puede ayudar a alguien, te invito a que lo compartas
[Votos: 28, Promedio: 4.3]
SEO

Comentarios

  • Olga ,

    La ultima vez que lo mire me marcaba 5 seg, tenia que mejorarlo a 2, pero hace unos dias cambie la plantilla y tengo que hacerlo otra vez.
    Gracias por los consejos.
    Un saludo.

    • Borja Girón ,

      De nada Olga! Hay que bajar esos números. Puedes hablar con tu empresa de hosting para ver si pueden ayudarte. Un saludo!

  • Marcelo Moscoso Pantoja ,

    Hola Borja, este post me encantó y vaya que me fue útil tu recomendación de utilizar el plugin EWWW Image Optimizer porque se nota que hice una mejora en la velocidad de carga de las páginas.
    Como bien dices, después de utilizarlo lo desactivé.
    ¿Hay alguna diferencia entre desactivar que eliminar un determinado plugin?
    Bueno, a seguir trabajando.
    Saludos

    • Borja Girón ,

      Hola Marcelo! Me alegro! Desactivado significa que no consume recursos de carga u otros en segundo plano pero tiene los archivos de instalación y funcionamiento. Eliminado no tiene nada por tanto WordPress podría ir un poco más rápido. De todas formas si los plugins están bien programados no debería afectar al rendimiento significativamente. En definitiva, si no lo vas a volver a usar desinstálalo. Saludos!

  • Carol ,

    Excelente post, tienes mucha razón la velocidad es muy importante, no sabía que se demoraban 15 días en notar las optimizaciones que se hacen en el sitio.

    Estoy en el proceso, gracias a ti voy a buscar la forma de mejorar en mi sitio, gracias, un abrazo.

    • Borja Girón ,

      Genial Carol, me alegro mucho. Por cierto, el contenido de tu web está muy bien y haciendo algunos pequeños retoques podrías ganar muchas más visitas y generar muchos más ingresos. Usar Adsense suele ser la peor forma de monetizar un blog. Mira este post sobre Adsense. Un abrazo!

  • Ricardo ,

    Una explicación muy completa y clara.

    Sin embargo, haciendo pruebas no he notado diferencias significativas en el ranking de mis sitios en base a la velocidad de carga (hicimos pruebas durante todo el año)

    Pero….! Si hemos visto una mejor conversión y participación de los usuarios cuando los sitios son mas rápidos

  • Luba Sloiko ,

    Gracias Borja, parecen muy buenos consejos, he revisado tu web para ver la valoración de Page Speed de Google y está en 10. Me ha surgido la duda si estas optimizaciones ya las has implementado en tu web? Es que con nueva actualización de LightHouse parece bastante más complicado obtener buena valoración, verdad?

    • Borja Girón ,

      Efectivamente es más complicado. Yo no le hago mucho caso y cada vez tengo más visitas de Google. Saludos!

  • Pascual ,

    Hola

    page speed ha cambiado las valoraciones y ahora no sirven la mayoría de los tutoriales antiguos, piensas hacer una actualización de este artículo para poder mejorar la optimización.

    Un saludo

    • Borja Girón ,

      Hola Pascual, acabo de actualizar el vídeo tutorial y el artículo completo. Espero que te ayude. Un saludo.

  • Carlos ,

    No sé cómo puedes hacer un artículo de optimización web para pagespeed con los puntos que tienes. 8 (móvil) y 39 (PC) a fecha 1/9/2019.
    Es una puntuación malísima como para dar consejos…

    • Borja Girón ,

      Gracias por tu comentario pero veo que no has leído el artículo…

  • Comentario nuevo

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Recomendado
    Las 10 mejores herramientas de Email Marketing
    Más leído
    285: Cuándo comprar enlaces