Antes de empezar, y solo si tienes tiempo, échale un vistazo a este vídeo.
Te aviso de que se grabó hace más de 10 años, pero, a pesar de ser más antiguo que los pantalones de pana, ya entonces se hablaba de la importancia de tener una web lo más rápida posible.
Hoy, en 2021, Google sigue insistiendo en lo mismo. De hecho, ha incluido nuevas métricas diseñadas específicamente para analizar la velocidad con la que el contenido de nuestra web se muestra a los demás.
Dichas métricas no solo son recientes, sino que, además, tienen un gran peso en el análisis general que Google hace de nuestra web cuando tiene que decidir si nos posiciona entre los primeros resultados o nos esconde.
La pregunta es, ¿puedes hacer algo al respecto sin necesidad de gastar un dineral, aunque no tengas ni idea de optimización web?
En el artículo de hoy te voy a contar una de las fáciles y más efectivas formas de acelerar tu página, mejorar la experiencia de tus visitas y hacerte más amigo de Google, todo a la vez y sin invertir ni un euro.
Pero antes, necesitas un punto de referencia para saber si lo que haces tiene algún efecto o no.
Veamos dos herramientas gratuitas que te mostrarán cómo de optimizada está tu web ahora mismo.
GT Metrix
GT Metrix es mi herramienta favorita por dos razones. Primero por toda la información que proporciona, y segundo porque lo hace de forma gratuita.
Esto es lo que tienes que hacer:
1. Accede a gtmetrix.com
2. Crea una cuenta haciendo clic en Sign Up
3. Desde tu cuenta introduce la url de la página que quieres optimar en el lector de URLs
4. Debajo del lector de URLs haz clic sobre la ubicación hasta que aparezca la opción London, UK
5. Analiza
Ahora solo tienes que esperar a que la herramienta haga su trabajo y te muestre una pantalla como esta:
Google Page Speed Insights
La segunda herramienta gratuita que te recomiendo utilizar es la que nos facilita el propio Google.
Creo que es bueno que utilices las dos, ya que funcionan de forma diferente y toman en consideración aspectos distintos a la hora de puntuar nuestra web.
Como ves no estoy entrando en detalle con ninguna de las herramientas, y es que no quisiera complicar las cosas en este artículo.
Lo único que pretendo es que analices tu página para ver cómo está y, después de hacer el cambio que te contaré en el próximo apartado, la vuelvas a analizar para comprobar si ha mejorado o no.
Veamos cómo analizar tu web en Google Page Speed Insights:
1. Accede a la página de Google Page Speed
2. Introduce la URL que quieres analizar en el lector de urls.
3. Analiza
Y listo. Pasados unos segundos, debería aparecerte una pantalla parecida a esta:
Cómo incrementar la velocidad y por qué es tan importante en webs del sector inmobiliario
Si tu negocio va de inmuebles, es muy probable que en tu web tengas una importante cantidad de imágenes, incluso vídeos.
¿Me equivoco?
Así que, lo que vamos a hacer para acelerar tu página, va a ser empezar por ahí, porque una mala optimización de las imágenes de tu web podría estar provocando un descenso dramático de su velocidad.
En primer lugar, es importante que diferencies entre el tamaño real de las imágenes que subes a tu web y el tamaño al que son mostradas.
Vamos con la parte más complicada del proceso. Si entiendes esto, lo demás es pan comido.
Abre tu web en un navegador como Google Chrome y ve a la página que quieres optimizar.
Voy a hacer el ejercicio contigo utilizando mi página de Inicio.
Ahora haz clic en el botón derecho del ratón y escoge la opción Inspeccionar
Una vez hagas clic en Inspeccionar, a tu derecha aparecerá una barra lateral con varias opciones.
Siguiente paso, haz clic sobre el icono de la flecha que aparece justo a la izquierda de la opción Elements (Paso 1 en la imagen) y, sin hacer nada más, coloca el cursor sobre sobre la imagen que quieres optimizar y haz clic (Paso 2 en la imagen).
Ahora podrás ver el tamaño al que una imagen se muestra (Tamaño 1 en la imagen) y el tamaño al que nosotros hemos subido esa imagen (Tamaño 2 en la imagen).
La idea es que las imágenes de tu web no tengan un tamaño demasiado superior al tamaño al que se van a mostrar, ya que estaríamos trabajando con archivos mucho más pesados de lo necesario.
Si utilizas un constructor visual, por ejemplo Elementor, tendrás la posibilidad de especificar qué tamaño quieres para cada imagen desde la misma web.
Si no sabes cómo hacerlo, o no utilizas un constructor, WordPress también te permite modificar el tamaño desde su editor.
Pero, sinceramente, creo que lo mejor que puedes hacer es subir las imágenes al tamaño correcto y así no tendrás que modificarlas después, sobre todo teniendo en cuenta que las imágenes de tu web, casi siempre tendrán el mismo tamaño.
Para modificar el tamaño de una imagen te recomiendo utilizar Canva.
Es tan sencillo como Crear un diseño > Tamaño personalizado y ajustar las imágenes una a una al tamaño que necesites en cada caso.
Último paso
Una vez hayas modificado el tamaño de las imágenes, borra caché y vuelve a pasar la url por las herramientas de Google Page Speed Insights y GT Metrix.
Es hora de comprobar si ha funcionado.
Pruébalo y me cuentas.