De qué carajo hablamos cuando hablamos, valga la redundancia, de velocidad de carga de Google o test de velocidad de carga de Google o rendimiento de una web. Lo sé, tú lo que en realidad escuchas es bla,bla,bla.
Bien, voy a contártelo como se lo cuento a mi sobrina Alba de 12 años y como viene siendo costumbre aquí en el BLABLABAR sin florituras ni tecnicismos o al menos los justos.
¿Qué es la Velocidad de Carga y por Qué Importa?
Básicamente, son los segundos que tardas en perder a un cliente para siempre y me explico. Imagina que tu página web es como una cafetería. Si un cliente entra y tiene que esperar horas para que le sirvan su café, ¡probablemente se vaya a otra cafetería! Lo mismo ocurre con tu sitio web. La velocidad de carga es el tiempo que tarda tu página en mostrarse por completo a los visitantes.
Una página lenta es como una mala película: nadie quiere quedarse hasta el final. Google también prefiere las páginas rápidas y te premiará con una mejor posición en los resultados de búsqueda si tu sitio web carga rápido.
Además, Google tiene un tiempo limitado de rastreo, si no consigue leer tu página rápido suena la alarma de ¡tiempo! y se va a leer la siguiente página que hable de lo mismo si la puede leer más rápido la va a mostrar en los resultados antes que la tuya es decir la va a posicionar por delante de la tuya.
¿Vamos bien?
Herramientas para Medir la Velocidad de Carga
Herramientas para medir hay muchas y dependiendo de lo técnic@ que seas te recomendaría una u otra, pero por simplificar y por lógica empieza midiendo en la de los desarrolladores de Google que me da a mí que si ellos te dan buena nota Google también lo hará.
Esta herramienta te va a dar un montón de métricas y una nota media como en este ejemplo que te pongo de www.tuwebconalegria.com
Antes de contarte cómo hacer el test de velocidad de carga, sigue leyendo que es importante para entenderlo bien por culpa de tanta sigla que te vas a encontrar.
Para empezar que sepas que hablamos de lo mismo cuando hablamos de rendimiento web, velocidad de carga, test de velocidad de carga o incluso hay quien me pide que le arregle eso de la velocidad internet Google. Arreglar eso de la velocidad se llama WPO es decir Web Performance Optimization.
En qué consiste el test de velocidad para Google
El test de velocidad de carga en Google es como un examen médico para tu sitio web. Solo que aquí no te pinchan con agujas. Introduces la URL de tu página y obtienes un diagnóstico de su velocidad.
Esto es simplificando mucho, pero la realidad es que es solamente esto. Lo difícil es saber leer todos los parámetros que saca el análisis médico y sobre todo dar la medicación adecuada para dejar todos los parámetros en valores ideales.
Entonces por los distintos nombres que verás no te preocupes, es básicamente el mismo, solo que la gente lo llama de diferentes maneras. Como ese amigo que para unos es “Pepe” y para otros “José”.
Hacemos el test de velocidad de tu web
Pon tu url es decir tu web como en el ejemplo que te he puesto de la mía www.tuwebconalegria.com, pues tú pones la tuya en el campo que verás aquí en pagespeed.web.dev y pulsas en analizar. Espera unos segundos y cuando tengas el resultado vuelve a esta publicación.
Lo ideal es que en móvil estés por encima de 80 y en escritorio por encima de 90, no te vuelvas muy loc@ si fluctúa a días y a ratos, pero si estás por debajo de estas notas medias que te digo si que creo que necesitas optimizar tu web.
Cómo Leer los Resultados del Test de Velocidad
Pasado el susto de la nota media vamos a tratar de leer la analítica del médico.
¡Vamos a hacerlo divertido y fácil de entender!
FCP: Primer “Pintado” con Contenido
FCP (First Contentful Paint) es básicamente el momento en que tu navegador dice: “¡Hola! Aquí hay algo para ver.” Es el tiempo que tarda en mostrarte el primer pedacito de la página, como un texto o una imagen.
¿Por qué es importante?
- Experiencia del Usuario: Si el FCP es rápido, los usuarios piensan que tu página está viva y funcionando.
- SEO: A Google le gusta cuando tu página se muestra rápido y lo premia con mejor ranking.
Mejora tu FCP:
- Imágenes ligeras: No subas fotos de 10MB.
- Scripts asíncronos: Que los scripts no hagan cola.
- CDN: Usa redes que acerquen tu contenido a los usuarios.
LCP: “Pintura” del Contenido Más Grande
LCP (Largest Contentful Paint) es como el plato fuerte en una cena: es el tiempo que tarda en aparecer el elemento más grande y visible de tu página.
¿Por qué es importante?
- Experiencia del Usuario: Un LCP rápido hace que tu página se vea útil y completa.
- SEO: Google también usa esto para decidir si tu página es rápida y mereces estar arriba.
Mejora tu LCP:
- Servidor rápido: No uses una PC de los 90 como servidor.
- Carga prioritaria: Muestra lo más importante primero.
- Minimiza CSS y JavaScript: Menos código, más velocidad.
TBT: Tiempo Total de Bloqueo
TBT (Total Blocking Time) es el tiempo que tu página se toma para decir: “Estoy listo para interactuar contigo.” Si es muy alto, significa que tu página está en modo “no molestar.”
¿Por qué es importante?
- Interactividad: Un TBT bajo significa que tu página responde rápido a clics y toques.
- SEO: Google odia esperar, igual que tus usuarios.
Mejora tu TBT:
- JavaScript ligero: No sobrecargues con código innecesario.
- Carga diferida: No cargues todo de golpe, dale calma.
CLS: Cambio Acumulativo de Diseño
CLS (Cumulative Layout Shift) es cuando las cosas en tu página empiezan a moverse de lugar y te vuelves loco intentando hacer clic en un botón que se escapa.
¿Por qué es importante?
- Experiencia del Usuario: Un CLS bajo hace que tu página sea estable y no maree a los usuarios.
- SEO: Google prefiere páginas que no parezcan parques de diversiones.
Mejora tu CLS:
- Dimensiones fijas: Dale tamaño fijo a tus elementos.
- Evita cambios bruscos: No cargues cosas que muevan todo.
¡Ahí lo tienes! Entender la velocidad web ahora es más fácil que entender un meme. 🚀
Entonces, has hecho el test velocidad web y ahora tienes un montón de números delante de ti. ¿Y ahora qué?
Voy a explicártelos lo mejor que pueda, pero calma si aun así te sigue sonando a chino. Procedo.
Speed Index o Tiempo de Carga Completo
Este es el tiempo que tu página tarda en cargar completamente. Piensa en él como el tiempo que tarda en prepararse un buen café. Cuanto más rápido, mejor. Y estos son los segundos que te decía que tardas en perder un cliente para siempre.
Lo ideal es no más de 2,5 segundos en total.
Tiempo Hasta el Primer Byte (TTFB)
El TTFB es como el primer sorbo de café. Es el tiempo que tarda tu navegador en obtener el primer byte de datos del servidor. Un TTFB bajo es señal de un buen servidor.
Tiempo de Interactividad
Este mide cuánto tiempo tarda tu página en ser interactiva. Es como el tiempo que necesitas esperar después de poner la cápsula en la máquina de café hasta que puedes empezar a disfrutar de tu bebida.
Trucos para Mejorar la Velocidad de tu Web
Optimización de Imágenes
Las imágenes grandes y sin optimizar son como intentar beber un café hirviendo: te quemas y te vas. Por favor no uses plugins para reducir el tamaño de tus imágenes sin perder calidad, te ruego que lo hagas antes de cargarlas con con herramientas como Photopea o PhotoShop.
Minificación de Recursos, toma ya palabro
Minificar tus archivos CSS, JavaScript y HTML es como organizar tu escritorio. Elimina todo lo innecesario para que todo sea más rápido y eficiente.
Uso de CDN
Un Content Delivery Network (CDN) es como tener varias cafeterías por toda la ciudad. Los usuarios acceden a tu sitio desde el servidor más cercano, lo que hace que todo sea más rápido.
Conclusión: ¡Haz que tu Web Vuele!
En resumen, gana tiempo y no pierdas clientes y ventas, la velocidad web Google es crucial para mantener a tus visitantes felices y mejorar tu ranking en Google. Utiliza el test de velocidad Google regularmente porque cualquier cosita cualquier actualización o imagen puede llevar al desastre tu rendimiento web y por último aplica los trucos mencionados para asegurarte de que tu sitio web carga como un rayo.
No me cuentes historias, quiero contratarlo
Si lo has entendido pero prefieres delegarlo puedes contratar el sercicio de “Diagnóstico Rápido” y en 72 horas tendrás los resultados detallados y traducidos a cristiano para que puedas resolver todos los problemas que nos encontremos. Pulsa aquí.
Hombre y si no digo esto reviento, como has visto, puedo hacer con tu sitio web lo mismo que con el mío ponerlo en puntuaciones de sobresaliente. Que no te voy a engañar, fácil no es, pero es posible, déjaselo a los expertos y tú a tu negocio y a vender.
Y también te invito a suscribirte a mi canal YouTube.com/@ConAlegriaa dónde vas a vivir a la vez que yo cómo se crea un embudo de ventas.
Por supuesto, si lo deseas, te ayudo con la implementación de tu embudo de ventas. Arriba donde dice S.O.S dame más información sobre ti, te llevará pocos minutos.
Te recomiendo siempre leer las secciones de HUMO, POR QUÉ TÚ y POR QUÉ YO antes para asegurarte de que estás en el sitio adecuado para ti.
Si tienes un proyecto que requiere atención personalizada, cuéntamelo en PLAN A MEDIDA.
¡Gracias por leer!
Recuerda, un sitio web rápido es como un buen café: ¡todos quieren más!
Con esta guía, esperamos haberte dado una idea clara (y divertida) de cómo mejorar la velocidad de carga de tu sitio web. ¡Ahora ve y haz que tu web vuele! 🚀