Remote Mend

Caso de estudio · cliente · Square Online

Madriz Ink: antes y después.

Madriz Ink es un estudio de tatuajes en el centro de Madrid cuya web funciona con Square Online. Trabajo directo en la web el 11 y el 12 de octubre de 2026, publicado en vivo, con una nueva auditoría el 12 de octubre. Una segunda reauditoría, el 17 de octubre, detectó que el salto del diseño en el móvil había vuelto, y el 17–18 de octubre de 2026 hicimos una segunda reparación. El cliente ha aprobado que lo nombremos en este caso de estudio.

Es nuestro trabajo práctico en «Otras plataformas»: hicimos los cambios dentro del propio editor de Square Online del cliente. El cliente conserva el control total de su cuenta de Square; no se ha migrado ni rehecho nada fuera.

De un vistazo

Inicio de Madriz Ink en el móvil antes del trabajo: una gran ventana de consentimiento de Cookiebot que menciona 1086 socios tapa casi toda la pantallaInicio de Madriz Ink en el móvil después del trabajo: se ve la foto del estudio y abajo aparece un aviso de cookies más pequeño

Capturas de Lighthouse en móvil del inicio, 9 y 12 de octubre de 2026.

  • Imágenes del sitio: ~750 MB → ~80 MB
  • Saltos de diseño, móvil (inicio): 0,31–0,36 → ≤0,009
  • Visitas de Google Analytics antes del consentimiento: Sí → 0
  • Nota en móvil (inicio), final 18 oct: 36/100

Por qué la nota en móvil se queda en 36: Square carga su propio código, alrededor de 1 MB que no se puede editar desde la web, y eso pone un techo a cualquier optimización. La imagen principal sigue tardando unos 17 s en un móvil lento simulado. Nota final: nueva medición del 18 de octubre de 2026, mediana de 3 pruebas (36 / 31 / 37).

0 visitas de Google Analytics antes del consentimiento. No se instala ninguna cookie de Meta antes del consentimiento, pero el script de Meta se sigue cargando antes a través de la cuenta de Meta conectada a Square (un límite de Square).

Peso de las imágenes, todo el sitio (aprox.)

Antes~750 MB
Después~80 MB

Las 4 ilustraciones nuevas del inicio

Antes32,3 MB
Después1,76 MB

Rendimiento en Lighthouse, inicio en móvil: primera reparación (12 oct)

Antes
Después

Cifras de imágenes: nuestro registro de cambios del trabajo. Notas: datos de laboratorio de Lighthouse.

La web en vivo tras la primera reparación

Inicio de Madriz Ink en ordenador: «Madriz Ink Tattoo Studio, tatuajes en Madrid Centro» junto a una foto del estudio
Página de contacto de Madriz Ink en ordenador: mapa de la calle del Príncipe de Anglona junto a la dirección, teléfono, email, horario y enlace a Google Maps
Ficha del producto Flash de Madriz Ink en ordenador: diseños flash en blanco y negro, precio y botón de añadir al carrito
Inicio de Madriz Ink en el móvil: foto del estudio con el titular y los botones de reserva
Página de contacto de Madriz Ink en el móvil: el mapa con la dirección, el teléfono y el horario debajo
Ficha del producto Flash de Madriz Ink en el móvil: los diseños flash con el título y el precio debajo

En vivo el 13 de octubre de 2026, a 1440 y 390 px: inicio, página de contacto con los datos del negocio y una ficha de producto. El 13 de octubre la página de contacto recibió un mapa que no instala cookies, pero otras páginas seguían cargando mapas de Google antes del consentimiento; desde el 18 de octubre los 12 mapas esperan al consentimiento.

Segunda reparación, 17–18 de octubre de 2026

Tras la primera reparación, el inicio volvió a «saltar» al cargar en el móvil: la reauditoría del 17 de octubre midió un desplazamiento del diseño (CLS) de 0,31–0,36, cuando Google pide menos de 0,1. Lo detectamos nosotros en esa reauditoría, no el cliente. La segunda reparación reservó el espacio de la imagen principal en el móvil y bajó el inicio a ≤0,009 (0,002 en la reauditoría del 18 de octubre). Esa corrección era para el inicio. La misma reauditoría detectó después que /tatuajes-en-madrid-centro saltaba en el móvil (0,831) porque Square cargaba tarde su banner. Un ajuste posterior, publicado a las 04:27 del 18 de octubre, reserva el espacio del banner en el móvil en esa página, /god-is-king y /tatuajes-disponibles (ver las tarjetas de abajo). Antes de tocar nada hicimos dos copias de seguridad de la web de Madriz Ink; cada cambio se publicó en Square y se comprobó en la web en vivo, y una comparación completa de las 28 páginas no encontró nada cambiado por error ni deshecho.

Saltos de diseño, inicio en móvil

Cumulative Layout Shift

0,31–0,36≤0,009
17 oct → 18 oct

Inicio. Comprobaciones de la reparación: 3 pruebas en móvil simulado (0,0016 / 0,0089 / 0,0059) y 3 pruebas Lighthouse (0,001 / 0,002 / 0,002). Reauditoría del 18 oct: 0,002 en 3 de 3 pruebas; nueva medición a las 10:16: 0,002 en 3 de 3 pruebas.

Peticiones a Google Maps

Antes de elegir cookies

200
17 oct → 18 oct

Antes, 20 en el inicio; después, 0 en las 12 páginas con mapa.

Peticiones a Instagram, inicio

Antes de elegir cookies

Feed cargado0
17 oct → 18 oct

También 0 tras «Rechazar todo»; se carga tras «Aceptar todo».

Imágenes de la galería

29 imágenes de /tatuajes-en-madrid-centro

59,1 MB6,8 MB
PNG → JPG optimizado

Descripciones de imágenes

84 imágenes no tenían texto alternativo

83introducidas, 65 se ven
18 oct

Línea de privacidad en formularios

Con enlace a la política

Ninguna3 de 3
17 oct → 18 oct

Inicio en móvil

Rendimiento Lighthouse

1336/100
17 oct → 18 oct

Mediana de 3 pruebas (36 / 31 / 37), nueva medición del 18 oct, 10:16–10:22.

Peso de la página, inicio en móvil

Inicio en el móvil

2.826 KiB2.827 KiB
17 oct → 18 oct

Prácticamente igual. Unos 2 MB son JavaScript de la plataforma Square.

/contactar, móvil

Rendimiento Lighthouse · saltos de diseño

3238/100
17 oct → 18 oct

Saltos de diseño 0,001. Una prueba.

/tatuajes-en-madrid-centro, móvil

Saltos de diseño · corregido el 18 oct, 04:27

0,8310,001
Antes → después del ajuste del banner

Rendimiento 14 → 39 (mediana de 3). El salto venía de que Square cargaba tarde el banner de la página; reservar el espacio del banner en el móvil lo corrigió. Nuestro trabajo con las imágenes no se tocó.

/god-is-king, móvil

Saltos de diseño · ajuste del banner, 18 oct, 04:27

1,1640,000mediana
Antes del ajuste → nueva medición del 18 oct

Nota móvil 30, mediana de saltos de diseño 0,000, con un salto de 0,276 en 1 de 3 pruebas. Queda un salto ocasional (ver «Pendiente»).

/tatuajes-disponibles, móvil

Saltos de diseño · ajuste del banner, 18 oct, 04:27

0,9310,000mediana
Antes del ajuste → nueva medición del 18 oct

Nota móvil 28, mediana de saltos de diseño 0,000, con un salto de 0,366 en 1 de 3 pruebas. Queda un salto ocasional (ver «Pendiente»).

Antes: reauditoría del 17 de octubre de 2026. Antes en /tatuajes-en-madrid-centro: nuestra reauditoría del 18 de octubre, 02:51, previa al ajuste del banner; antes en /god-is-king y /tatuajes-disponibles: comprobaciones justo antes del ajuste de las 04:27. Después: resultados de laboratorio de nuestra nueva medición del 18 de octubre de 2026, 10:16–10:25 (Lighthouse 13.5.0, móvil simulado, mediana de 3 pruebas). /contactar: nuestra reauditoría del 18 de octubre, 02:51–03:03, una prueba. Saltos del inicio: también las comprobaciones de la reparación en la web en vivo.

La web real: antes y después de la segunda reparación

La parte superior de cada página, tal y como la ve primero el visitante (ordenador a 1280 × 800, mostrado más pequeño, y móvil a 390 × 844), sin aceptar cookies, por eso se ve el aviso. Antes: 17 de octubre de 2026. Después: 18 de octubre de 2026. Solo se capturaron estos dos estados; no hay capturas de los pasos intermedios. El salto del diseño es movimiento durante la carga, así que no se ve en una imagen fija.

Inicio · Ordenador

Inicio. Antes, la página de ordenador aún estaba cargando al capturarla; después, el aviso de cookies menciona los mapas de Google.

Inicio de Madriz Ink en ordenador antes de la segunda reparación, 17 de octubre de 2026: la página aún está cargando, con la foto del estudio oscurecida tras el titular Madriz Ink Tattoo Studio y el aviso de cookies
Antes, 17 oct 2026
Inicio de Madriz Ink en ordenador después de la segunda reparación, 18 de octubre de 2026: la foto del estudio junto al titular y un aviso de cookies que ya menciona los contenidos de Instagram, las reseñas de Google y los mapas de Google
Después, 18 oct 2026

Inicio · Móvil

Inicio. Antes, la página de ordenador aún estaba cargando al capturarla; después, el aviso de cookies menciona los mapas de Google.

Inicio de Madriz Ink en el móvil antes de la segunda reparación, 17 de octubre de 2026: la foto del estudio sobre el aviso de cookies
Antes, 17 oct 2026
Inicio de Madriz Ink en el móvil después de la segunda reparación, 18 de octubre de 2026: la foto del estudio sobre un aviso de cookies que ya menciona los mapas de Google
Después, 18 oct 2026

/tatuajes-en-madrid-centro · Ordenador

La parte superior se ve igual; las 29 imágenes más ligeras de la galería están más abajo. Antes, la cabecera de ordenador aún no había cargado.

Página Tatuajes en Madrid Centro de Madriz Ink en ordenador antes de la segunda reparación, 17 de octubre de 2026: la cabecera aún está en blanco, con la ilustración de la mascota del estudio junto al titular Estudio de tatuajes cerca de mi Madrid Centro
Antes, 17 oct 2026
Página Tatuajes en Madrid Centro de Madriz Ink en ordenador después de la segunda reparación, 18 de octubre de 2026: cabecera y menú cargados, la ilustración de la mascota y el mismo titular
Después, 18 oct 2026

/tatuajes-en-madrid-centro · Móvil

La parte superior se ve igual; las 29 imágenes más ligeras de la galería están más abajo. Antes, la cabecera de ordenador aún no había cargado.

Página Tatuajes en Madrid Centro de Madriz Ink en el móvil antes de la segunda reparación, 17 de octubre de 2026: la ilustración de la mascota y el titular sobre el aviso de cookies
Antes, 17 oct 2026
Página Tatuajes en Madrid Centro de Madriz Ink en el móvil después de la segunda reparación, 18 de octubre de 2026: la ilustración de la mascota y el titular sobre el aviso de cookies
Después, 18 oct 2026

/tatuadores-madrid-centro (dirección antigua) · Ordenador

Dirección antigua: antes, una página de error 404; después, una redirección 301 a su página nueva.

Dirección antigua /tatuadores-madrid-centro de Madriz Ink en ordenador antes de la segunda reparación, 17 de octubre de 2026: un error 404 de página no encontrada
Antes, 17 oct 2026
Dirección antigua /tatuadores-madrid-centro de Madriz Ink en ordenador después de la segunda reparación, 18 de octubre de 2026: ya redirige a su página nueva, con el menú de la web, una ilustración de una píldora rosa y el aviso de cookies
Después, 18 oct 2026

/tatuadores-madrid-centro (dirección antigua) · Móvil

Dirección antigua: antes, una página de error 404; después, una redirección 301 a su página nueva.

Dirección antigua /tatuadores-madrid-centro de Madriz Ink en el móvil antes de la segunda reparación, 17 de octubre de 2026: un error 404 de página no encontrada
Antes, 17 oct 2026
Dirección antigua /tatuadores-madrid-centro de Madriz Ink en el móvil después de la segunda reparación, 18 de octubre de 2026: ya redirige a su página nueva, con una ilustración sobre el aviso de cookies
Después, 18 oct 2026

/tatuaje-fineline-madrid-centro (dirección antigua) · Ordenador

Dirección antigua: antes, una página de error 404; después, una redirección 301 a la página de precios de línea fina.

Dirección antigua /tatuaje-fineline-madrid-centro de Madriz Ink en ordenador antes de la segunda reparación, 17 de octubre de 2026: un error 404 de página no encontrada
Antes, 17 oct 2026
Dirección antigua /tatuaje-fineline-madrid-centro de Madriz Ink en ordenador después de la segunda reparación, 18 de octubre de 2026: ya redirige a la página de tatuajes de línea fina, con la mascota pintando un dibujo de línea fina
Después, 18 oct 2026

/tatuaje-fineline-madrid-centro (dirección antigua) · Móvil

Dirección antigua: antes, una página de error 404; después, una redirección 301 a la página de precios de línea fina.

Dirección antigua /tatuaje-fineline-madrid-centro de Madriz Ink en el móvil antes de la segunda reparación, 17 de octubre de 2026: un error 404 de página no encontrada
Antes, 17 oct 2026
Dirección antigua /tatuaje-fineline-madrid-centro de Madriz Ink en el móvil después de la segunda reparación, 18 de octubre de 2026: ya redirige a la página de tatuajes de línea fina, con la mascota pintando un dibujo de línea fina sobre el aviso de cookies
Después, 18 oct 2026

La web en vivo el 18 de octubre de 2026

Inicio de Madriz Ink en ordenador, 18 de octubre de 2026: la foto del estudio y un aviso de cookies cuyo texto menciona ya los contenidos de Instagram, las reseñas de Google y los mapas de Google, con los botones Aceptar todo, Rechazar todo y Configurar
Inicio de Madriz Ink en el móvil, 18 de octubre de 2026: la foto del estudio sobre el aviso de cookies
Sección de Instagram del inicio de Madriz Ink en el móvil: un aviso explica que el contenido lo sirve Meta y que solo se carga si se aceptan las cookies de marketing, con el botón Aceptar y ver contenido y el enlace Ver en Instagram
Instagram espera al consentimiento
Bloque del mapa en el inicio de Madriz Ink en el móvil: la dirección unificada Calle del Príncipe de Anglona, 5 (telefonillo MADRIZINK), 28005 Madrid, un enlace para llegar en Google Maps y el botón Cargar mapa en lugar del mapa incrustado
El mapa se carga con un clic o tras el consentimiento

En vivo el 18 de octubre de 2026, sin aceptar cookies. Inicio a 1280 px (mostrado a 800 px) y a 390 px.

Qué cambió la segunda reparación

Todo publicado en Square y comprobado en la web en vivo de Madriz Ink.

  • Saltos de diseño en el móvil: el espacio de la imagen principal queda reservado en el móvil y el texto de al lado ya no salta (antes, unos 337 px). CLS del inicio 0,31–0,36 → ≤0,009 (0,002 en la reauditoría del 18 oct). Un ajuste posterior del banner, a las 04:27 del 18 de octubre, reservó su espacio en el móvil en /tatuajes-en-madrid-centro (0,831 → 0,001), /god-is-king y /tatuajes-disponibles (mediana 0,000 en la nueva medición del 18 de octubre, con un salto ocasional; ver «Pendiente»).
  • Instagram y Google Maps esperan al consentimiento: el feed de Instagram del inicio y los mapas de 12 páginas muestran un aviso para cargarlos con un clic, y solo se cargan tras aceptar las cookies de marketing o pulsar el aviso. Sin elegir, 0 peticiones a Instagram y 0 a Google Maps. El banner y la configuración de cookies mencionan ya los mapas de Google.
  • Política de privacidad, con fecha 18 de octubre de 2026: apartados nuevos para el formulario de cita «Solicitar una cita» (datos conservados 12 meses desde la última comunicación) y para el boletín (hasta la baja y como máximo 12 meses desde la última interacción), un párrafo «Comunicaciones comerciales», la línea de Square actualizada y una frase sobre cómo darse de baja. El formulario de cita del inicio, el de contacto y el boletín del pie tienen cada uno una línea breve de privacidad con enlace a la política.
  • Texto alternativo: descripciones introducidas para 83 de las 84 imágenes que no tenían. 65 se ven en la web en vivo, entre ellas las 28 de la Galería y las 27 de /god-is-king.
  • Una sola dirección en todas partes: «Calle del Príncipe de Anglona, 5 (telefonillo MADRIZINK), 28005 Madrid» en inicio, las páginas del estudio y de contacto, las preguntas frecuentes, las páginas legales, el texto para compartir en redes y la ubicación de Square. Los enlaces de teléfono de esas tres páginas llevan ya el +34.
  • Las 2 URL antiguas ya redirigen con 301; los enlaces con algunos parámetros de seguimiento (p. ej. ?ref=yt) aún devuelven 404 y se está investigando una solución.
  • Imágenes más ligeras: las 29 imágenes de la galería de /tatuajes-en-madrid-centro, PNG grandes de 59,1 MB en total, sustituidas en su sitio por JPG optimizados de 6,8 MB, con el mismo orden y las mismas descripciones.
  • La confirmación del boletín dice ahora «Gracias, te has suscrito.» en lugar del texto de ejemplo de Square.

Lo que Square sigue limitando

  • No se instala ninguna cookie de Meta antes del consentimiento, pero el script de Meta se sigue cargando antes a través de la cuenta de Meta conectada a Square (un límite de Square). El campo del píxel está bloqueado por esa cuenta y el píxel se mantuvo conectado por decisión.
  • Los scripts propios de la plataforma (Sentry, Datadog, Weebly) se cargan antes del consentimiento. Los controla Square.
  • 18 imágenes están en un diseño de Square que no muestra su texto alternativo; las descripciones quedan guardadas. Una imagen de la tienda no se puede editar desde la página.
  • 9 de 28 páginas sin H1 (nueva medición del 18 de octubre): el editor no permite elegir la etiqueta del título principal.
  • El teléfono de los 10 bloques de dirección que vienen del Panel de Square sigue en formato nacional (sin +34).

Pendiente tras la segunda reparación

Fuentes: nuestra nueva medición del 18 de octubre de 2026, 10:16–10:25 (resultados de laboratorio, Lighthouse 13.5.0, mediana de 3 pruebas), y nuestra reauditoría del 18 de octubre, 02:51–03:03.

Resumen

Se comprimieron las imágenes de todo el sitio: su peso total pasó de unos 750 MB a unos 80 MB (inicio 70 → 6 MB; /tatuajes-en-madrid-centro 418 → 39 MB). El inicio dejó de «saltar» al cargar (CLS 0,972 → 0,001); en el móvil el salto del inicio volvió más tarde y la segunda reparación lo corrigió de nuevo (ver abajo). La reauditoría del 18 de octubre detectó después que /tatuajes-en-madrid-centro saltaba en el móvil (0,831) porque Square cargaba tarde su banner; un ajuste del banner publicado a las 04:27 de ese día lo bajó a 0,001. 0 visitas de Google Analytics antes del consentimiento. No se instala ninguna cookie de Meta antes del consentimiento, pero el script de Meta se sigue cargando antes a través de la cuenta de Meta conectada a Square (un límite de Square). Hay cuatro páginas legales publicadas. Tras la primera reparación (12 oct), Lighthouse móvil del inicio pasó de 10 a 36: mejor, pero aún lento, y lo explicamos abajo.

Antes y después: primera reparación (12 oct)

Datos de laboratorio de Lighthouse (móvil lento simulado), del 11 al 12 de octubre de 2026. «Antes»: mediana de 3 pruebas el 11 de octubre; «después»: una prueba por página el 12 de octubre.

Inicio en móvil

Rendimiento Lighthouse

1036/100
Antes → Después

Saltos de diseño, inicio

Cumulative Layout Shift

0,9720,00112 oct
Antes → Después

Inicio. Volvió en el móvil (0,31–0,36 el 17 oct). Corregido de nuevo el 18 oct: ver la segunda reparación.

LCP, inicio en móvil

Largest Contentful Paint

20,7 s17,2 s
Antes → Después

Peso del inicio

Móvil, transferido

9,07 MB2,93 MB
Antes → Después

Peso de imágenes, todo el sitio

Aproximado, imágenes de las páginas

~750 MB~80 MB
Antes → Después

Tiempo de bloqueo, inicio

Móvil

4,97 s2,86 s
Antes → Después

Visitas de Google Analytics antes del consentimiento

Antes de elegir o tras «Rechazar todo»

Sí0
Antes → Después

No se instala ninguna cookie de Meta antes del consentimiento, pero el script de Meta se sigue cargando antes a través de la cuenta de Meta conectada a Square (un límite de Square).

Páginas legales

Enlazadas en el pie

04
Antes → Después

Cómo optimizamos una web en Square Online

Todos estos cambios están publicados en la web en vivo.

El trabajo lo hizo Remote Mend.

  • Copia de seguridad del sitio en Square, sin publicar, antes de empezar, y otra actualizada antes de los cambios del segundo día.
  • Imágenes comprimidas en todo el sitio (405 revisadas; los PNG pesados sustituidos en su sitio por JPG comprimidos, sin cambiar textos alternativos, enlaces ni orden). Las 4 ilustraciones nuevas del inicio pasaron de 32,3 MB a 1,76 MB en total.
  • Eliminado un código duplicado de Google Analytics que se saltaba el consentimiento; Analytics restablecido, solo tras el consentimiento.
  • Cookiebot sustituido por un banner de cookies (RGPD) más ligero. Google Analytics y las etiquetas de marketing configuradas en la web esperan al consentimiento (0 visitas de Google Analytics antes del consentimiento). No se instala ninguna cookie de Meta antes del consentimiento, pero el script de Meta se sigue cargando antes a través de la cuenta de Meta conectada a Square (un límite de Square); los widgets de Elfsight (Instagram, TikTok y reseñas) solo se cargan tras aceptar las cookies de marketing.
  • Cuatro páginas legales publicadas (RGPD/LSSI): aviso legal (con el número de autorización sanitaria del estudio), política de privacidad, política de cookies y condiciones de venta.
  • Títulos y descripciones de las páginas reescritos, vistas previas para redes corregidas y texto alternativo descriptivo en 235 imágenes.
  • Saltos de diseño corregidos en el inicio y las fichas de producto (CLS del inicio 0,972 → 0,001).
  • Problemas de indexación de Search Console atendidos: una URL antigua que daba error ahora redirige (301) a la página correcta, y se ampliaron las descripciones de producto con poco texto. El 12 de octubre el propietario de la web validó las correcciones en Search Console, solicitó la indexación de las páginas afectadas y reenvió el sitemap.
  • Página de contacto con un mapa que no instala cookies (enlaza a Google Maps), dirección, teléfono, email y horario. Los mapas de otras páginas siguieron cargándose antes del consentimiento hasta la segunda reparación.
  • Datos estructurados LocalBusiness / TattooParlor en la cabecera de todas las páginas, validados en la Prueba de resultados enriquecidos de Google sin errores.

Pendiente

Ver «Pendiente tras la segunda reparación» más abajo. El aviso de privacidad bajo los formularios y los textos alternativos que faltaban se corrigieron en la segunda reparación.

Antes de leer

Lee el artículo

Qué frena una web en Square Online, qué cambiamos y qué sigue limitando el propio código de Square: Web en Square Online lenta: qué la frena y cómo la optimizamos →

Próximos pasos

Añadiremos aquí los resultados de Search Console y Google Analytics dentro de 2–4 semanas, cuando Google haya vuelto a rastrear las páginas. Todavía no hay cifras, a propósito.

¿Tu web está en Square Online u otro constructor?

Empieza con una auditoría, con o sin las reparaciones prácticas. Tu cuenta sigue siendo tuya. Escribe a info@remotemend.com o envía tu web.

Envía tu web →