De 12,3 segundos a 2 segundos en móvil

Lo que encontramos

• Las fotos de la galería, el fondo de la portada y el logo pesaban unos 4,4 MB en total.
• Una pantalla de carga tapaba la web hasta que terminaba de cargar, con 1,3 s de espera añadida y 0,8 s más de desvanecimiento. Para Google, en ese tiempo no se veía nada.
• Las fuentes venían de Google Fonts y los iconos de Font Awesome: conexiones a otros servidores que en móvil añaden retraso. Font Awesome descargaba 270 KB para usar solo 13 iconos.
• El fondo fijo de la portada consumía muchos recursos en el teléfono.

Lo que hicimos

• Imágenes convertidas a WebP y reducidas a su tamaño real: el fondo pasó de 617 KB a 42 KB y el logo de 150 KB a 5 KB.
• Un favicon propio de 4 KB, en lugar de reutilizar la imagen de 150 KB.
• Las fotos de la galería ahora se cargan solo cuando el cliente se acerca a ellas.
• Fuera la pantalla de carga, y la animación del título pasa de 1,5 s a 0,6 s.
• Fuentes servidas desde el propio dominio, y Font Awesome sustituido por un archivo con solo los 13 iconos que se usan: de 270 KB a 14 KB, con el mismo aspecto.
• En móvil y tablet el fondo de la portada se desplaza con la página; en ordenador sigue fijo.

Lo que encontramos

• La portada no tenía la descripción que Google muestra bajo el título en los resultados.
• No existía el archivo robots.txt: el servidor devolvía la portada en su lugar y Google lo leía como un archivo con 249 errores.
• No había sitemap que le dijera a Google qué páginas tiene la web.
• Un enlace del aviso de cookies decía solo «Más información», sin indicar a dónde llevaba.

Lo que hicimos

• Descripción añadida en la portada.
• Un robots.txt correcto, que además impide indexar el panel de administración.
• Un sitemap.xml con todas las páginas.
• El enlace dice ahora «Más información sobre cookies».

Lo que encontramos

• El botón de WhatsApp, blanco sobre verde claro, casi no se leía: contraste de 1,98 cuando el mínimo recomendado es 4,5.
• Los iconos de Instagram, TikTok y Google no tenían texto para los lectores de pantalla que usan las personas con discapacidad visual.
• La portada no marcaba cuál era su contenido principal.

Lo que hicimos

• Verde del botón oscurecido para que se lea bien.
• Etiquetas añadidas a los iconos de redes en todas las páginas.
• Estructura corregida para que navegadores y lectores de pantalla identifiquen el contenido principal.