Nuestra web tenía varios problemas pequeños que, juntos, pesaban. Tardaba en cargar porque dependía de servicios externos para las fuentes y los iconos. En algunos textos el contraste de colores no bastaba. Los lectores de pantalla leían iconos que solo decoran. Y al compartir un enlace en redes, la vista previa se veía pobre.
Qué hicimos:
- Fuentes e iconos propios: dejamos de cargarlos desde fuera. Además, solo incluimos los iconos que usamos de verdad, no la colección entera. La primera carga es más ligera y hacemos menos peticiones a terceros.
- Imágenes más ligeras: los logos pasaron a un formato moderno y con tamaño fijo. Así la página ya no "salta" mientras carga.
- Caché con criterio: guardamos por mucho tiempo solo los archivos que no cambian. Lo demás se actualiza normalmente, para no servir versiones viejas.
- Contraste revisado: cambiamos los colores de texto que no cumplían con las pautas de accesibilidad y agregamos una prueba para que no vuelva a pasar.
- Accesibilidad: ocultamos los iconos decorativos a los lectores de pantalla y marcamos bien el idioma de las tarjetas.
- Vistas previas sociales: hicimos imágenes pensadas para redes, para que los enlaces se vean grandes y claros.
- Reforzamos la seguridad del sitio.
Qué no salió a la primera: al principio quisimos que el navegador guardara casi todo durante mucho tiempo. Luego vimos que, si un archivo cambia y conserva el mismo nombre, el visitante podría seguir viendo la versión vieja. Por eso limitamos la caché larga a lo que realmente no cambia.
También sumamos a la página de inicio SeeYouAT, nuestro sistema de citas, una sección que explica cómo trabajamos y "Construyendo en público", donde contamos nuestros avances.
Pregunta para la comunidad: en una web pequeña, ¿qué mejora de rendimiento o accesibilidad les dio más resultado con menos esfuerzo?
Lo contamos desde Tinto & Bots, donde automatizamos procesos con IA y con un humano en el circuito.
Esta entrada forma parte de nuestra bitácora semanal: construimos en público y contamos lo que aprendemos.