Optimización de velocidad web para el sitio bilingüe de una consultora de clínicas en Colombia

Decisión 1 · Fuentes y ruta crítica

Fuentes servidas desde el propio sitio y 67 íconos en lugar de la fuente entera: FCP medio de 4,5 s a 1,8 s

Medipro bajó el primer pintado medio de sus 6 URL de control de 4,5 s a 1,8 s con un cambio en la plantilla común, no en cada página. Julián Franco encontró la causa en el head: dos hojas de Google Fonts bloqueaban el primer pintado en las 41 páginas, y la fuente de íconos Material Symbols se descargaba completa cuando el sitio usa 67. Mientras cargaba, el visitante veía palabras como "arrow_forward" en lugar del ícono, y luego la página saltaba. La fase 1 hizo tres cambios:

• Plus Jakarta Sans variable, recortada a caracteres latinos y servida desde el sitio: 27 KB, con una fuente de respaldo con métricas calculadas para que el texto no salte al cambiar.
• Material Symbols reducida a los 67 íconos que se usan: 9,7 KB.
• Imagen del héroe precargada con fetchpriority="high" en las 10 páginas de servicio. Antes era un fondo dentro de un atributo style que el navegador no descubría hasta terminar el CSS.

URL	FCP antes	FCP después
/	4,7 s	1,2 s
/servicios/	4,7 s	2,8 s
/ia-para-consultorios-medicos/	4,2 s	0,9 s
/blog/	4,2 s	1,1 s
Artículo sobre agendar más citas desde recepción	4,4 s	2,3 s
/en/services/	4,7 s	2,7 s
Media	4,5 s	1,8 s

Fuente: Lighthouse móvil. Antes: auditoría del sitio previa al plan. Después: PageSpeed Insights, una pasada por URL el 12 de octubre de 2026. El LCP medio casi no se movió en esta fase (6,0 s a 5,8 s): sus causas eran otras y se atacaron en la fase 2.

Decisión 2 · Imágenes y saltos de diseño

Héroe sin carga diferida y con medidas reservadas: LCP de 5,1 s a 1,4 s y CLS 0 en las 6 URL de control

Medipro tiene desde la fase 2 un LCP de 1,4 s en /ia-para-consultorios-medicos/ (antes 5,1 s) y CLS 0 en sus 6 URL de control. Antes, en los hubs de servicios la imagen principal llevaba carga diferida y llegaba tarde; las tarjetas del blog y las imágenes de los artículos no tenían ancho ni alto, y el contenido saltaba al cargarlas. La fase 2 quitó la carga diferida del héroe, reservó el espacio de cada imagen y dejó el script de Lordicon solo en las 4 páginas que lo usan (antes se cargaba en las 41).

URL	Performance	LCP	CLS
/servicios/	90 → 96	2,1 → 1,4 s	0,158 → 0
/ia-para-consultorios-medicos/	72 → 96	5,1 → 1,4 s	0 → 0
/en/services/	92 → 98	2,4 → 1,4 s	0,138 → 0

Fuente: PageSpeed Insights móvil, 12 de octubre de 2026, estado tras la fase 1 frente a la mejor de dos pasadas tras la fase 2. Las otras 3 URL de control quedaron entre 98 y 100.

Decisión 3 · CSS sin uso

165 reglas CSS de un directorio médico anterior eliminadas y una sola hoja bloqueante de 20,9 KiB

Medipro cargaba 165 reglas CSS que ninguna página usaba, porque el sitio nació en enero de 2026 como directorio médico de pacientes y conservaba el CSS de esa etapa: buscador y listado de tratamientos, una página antigua "para médicos" y utilidades que nadie usaba. La fase 3 borró 165 reglas, dejó una sola hoja que bloquea el pintado y la midió con el mismo sitio compilado antes y después, en la misma máquina, con los scripts de terceros bloqueados.

URL	FCP antes → después	Performance
/	1,66 → 1,36 s	94 → 95
/servicios/	1,50 → 1,36 s	96 → 97
/ia-para-consultorios-medicos/	1,65 → 1,37 s	94 → 95
Artículo sobre agendar más citas desde recepción	1,96 → 1,36 s	93 → 97

Fuente: Lighthouse 12.8 móvil simulado, mediana de 3 pasadas por URL, 12 de octubre de 2026.