Auditoría de MarkeUP: estado, rendimiento, SEO y dependencias

Orden de lectura recomendado: doc-readme → doc-guia → doc-arquitectura → doc-buscador → doc-operacion → doc-publicar → doc-auditoria

Auditoría: 2026-09-14 · Build: 385 páginas, 0 errores, 0 warnings · Dependencias: 0 vulnerabilidades · Posts: 74 · Tests: 76

Área	Estado	Observaciones
Build	✅ Saludable	385 páginas, 0 errores CI, 0 warnings
Dependencias	✅ Optimizadas	18 producción + 4 desarrollo (22→18, sin no usadas)
Cobertura de tests	✅ Ampliada	76 tests (posts, tags, graph, search-rank, search-graph, social-share)
SEO	✅ Completado	Canonical por página, Open Graph `article:*`, author meta, Schema.org rico, sitemap `changefreq`, RSS `atom+image`
Rendimiento	✅ Optimizado	srcset 640–1920, preload LCP + fuente, Service Worker, CSS @layer + `rich.css` externa
Legal del sitio	✅ Nuevo	`/privacy`, `/terms`, `/faq`, banner cookies RGPD, footer legal
Accesibilidad	✅ Cubierta	skip-link, focus-visible, un `<main>`, alt/og:alt, `a11y-check.mjs` (10 páginas OK)
Interactividad	🆕 Rich preview	Tooltips hover + `![[post]]` → rich card, llm.txt, manifiesto `/api/posts.json`
Seguridad	✅ Reforzado	CSP, HSTS, X-Frame-Options DENY, nosniff, headers en _headers
Documentación	✅ Actualizada	5 docs del sistema (Sept 2026)
Gestión IA	🆕 Independiente	Hermes Agent movido a repo propio
CI/CD	✅ Validación	GitHub Actions corre tests+build; deploy nativo Cloudflare Pages

Componente	Archivos	Función
SOUL	`SOUL.md`	Personalidad, protocolo LEER→ANALIZAR→PROPONER→CONFIRMAR→ESCRIBIR→LOGUEAR→INDEXAR
Memory	`vault-index.md`, `conventions.md`, `backlog.md`	Índice de 63 slugs, ~150 tags, ~100 huérfanos, 22 ideas priorizadas
Rules	`frontmatter-spec.md`, `wikilinks-spec.md`, `style-guide.md`	Especificaciones formales de frontmatter, wikilinks y estilo
Skills	`crear-post.md`, `ampliar-post.md`, `generar-wikilinks.md`, `auditar-vault.md`, `documentar.md`	Flujos detallados para cada operación
Templates	`post-template.md`	Plantilla YAML con 21 variables

Capacidades: crear posts con frontmatter + wikilinks, ampliar notas, escanear/enriquecer wikilinks, auditar el vault (huérfanos, consistencia), verificar documentación.

Los 5 docs (doc-readme, doc-guia, doc-arquitectura, doc-operacion, doc-auditoria) reflejan el sistema Hermes
Conteos actualizados: 36→63 posts
Nuevo skill documentar.md para mantener los docs sincronizados

Cambio	Descripción
🔐 Security headers	`_headers`: CSP adaptado al stack, HSTS preload, X-Frame-Options DENY, nosniff, COOP/CORP, Permissions-Policy
📡 Service Worker	`sw.js` v6: offline parcial. HTML network-only, `/_astro`+fuentes cache-first, *`/img/` network-first** (su nombre no lleva hash y el contenido se regenera en el mismo path), pagefind network-first
🖼️ Imágenes siempre frescas	`_headers` v10: `/img/` y `/img/og/` pasan de 30 días con `stale-while-revalidate` a `max-age=300, must-revalidate`, y `sw.js` v6 deja `/img/` en network-first (antes cache-first, que congelaba la foto antigua para siempre). ⚠️ Aquello era una segunda capa* del problema: la causa raíz estaba en el pipeline — con dos fuentes del mismo nombre (`foto.jpeg` + `foto.webp`) la imagen publicada dependía del orden de procesado, y producción servía la del clon limpio (el `.jpeg` ampliado) mientras local servía la última editada. Arreglado archivando las fuentes que sobran en `src/content/posts/img/_originales/` (una sola fuente por nombre), con prioridad determinista como red de seguridad y `npm run images:check` bloqueante en CI
🌐 Dominio corregido	site now `https://markeup.pages.dev` (antes `mybrain-limpio` inexistente — canonicals rotos)
📦 Deps limpiadas	22→18: quitados 2×fontsource, playwright, pagefind-ui, zod (transitivo). Sitemap ACTIVADO
🤖 Hermes Agent extraído	Repo independiente `github.com/uriszarernesto-blip/hermes-agent` (removido +6.5k archivos)
✅ CI validador	Deploy.yml → solo tests+build (Cloudflare Pages despliega nativo). Workflow verde constante
🕸️ /graph-2d eliminado	301 redirect → `/graphify` (implementación superior). ForceGraph2D borrado (-545 líneas)
🐍 Comandos Python	Implantados: buscar, backlinks, renombrar, mover, limpiar, relacionadas, tags, index, daily, resumir
🖼️ Srcset real	process-images genera 640/1280 junto al master 1920. ResponsiveImage usa `<picture>` real

Cambio	Descripción
⚖️ Páginas legales	`/privacy`, `/terms` y `/faq` creadas y enlazadas en footer; cookies: banner `CookieConsent` (sin trackers, `localStorage` solos esenciales).
🔗 OpenGraph/autor completo	`rel=canonical` auto, `article:published/modified/author/section/tag`, `twitter:creator`, `meta author`, Schema.org `Person[]` + publisher con logo.
🧭 Sitemap + RSS + Robots	changefreq × entrada, `/llms.txt` y `/api/posts.json` en sitemap; feed RSS con `<image>`/autor/idioma; robots por crawler + usuario.
♿ Accesibilidad	skip-link visible, `focus-visible`, un único `<main>` por página (limpieza `<main>` anidados), page 404 con sugerencias + `noindex`, `a11y-check.mjs` ampliado.
🪄 Rich previews	`public/preview.js` (defer global): hover-tooltip sobre wikilinks/enlaces internos con imagen+metadatos y coreografía GSAP «la tarjeta se materializa y su foto se abre» (≈0,8 s, beats solapados). Contrato de suavidad: solo se animan `transform`, `opacity` y `clip-path` — ni una propiedad de layout (animar el tamaño era la causa de los tirones) —, sin `backdrop-filter` en la tarjeta, tamaño medido una sola vez y `will-change` retirado al terminar (clase `.lp-anim`). Secuencia: tarjeta (opacity + scale + `y` desde el lado del enlace) y bloom → metadatos + título palabra a palabra (stagger 24 ms, ya con la tarjeta: si no, se vería un panel vacío) → la foto se abre por cortina (`clip-path: inset(100%…)`→`inset(0%)`) mientras la miniatura se asienta (scale 1,14→1) y un reflejo la cruza una vez → descripción y CTA con su flecha. El estado por defecto del CSS es el FINAL: sin GSAP, sin `clip-path: inset()` o con `prefers-reduced-motion`, la tarjeta aparece completa (plan B sin código). Alcance: cuerpo (`.prose`), wikilinks y cualquier enlace con `data-preview="on"` —incluidas las píldoras de «Posts que enlazan a este artículo», que viven fuera del cuerpo y por eso van marcadas (plantilla + `setBacklinks`)—. Cambio de enlace: se reutiliza la misma tarjeta, que viaja al enlace nuevo (`transform` puro desde la posición anterior) y vuelve a revelar su contenido — un solo nodo, sin parpadeo ni contenedores a medias; la timeline es única por tarjeta (`killTl(node)`) y `underPop()` pregunta qué hay debajo para atender un enlace tapado. Colocación con recorte final al viewport (nunca se sale). Medido en Chrome real: p50 17 ms / p95 18 ms (60 fps, sin picos). Verificación: `npm run verify:preview` (CDP: tamaño constante, cortina, cascada del texto, frame pacing, escena 2 de dos enlaces contiguos y escena 3 de backlinks) + `src/lib/preview-choreography.test.ts`.
🤖 llm.txt	`/llms.txt` estándar (página + posts) y manifiesto `/api/posts.json` para tooltips/cards/agentes.
⚙️ Share	Componente `SocialShare` en posts: X, LinkedIn, Facebook, WhatsApp, Telegram y copiar enlace.

Cambio	Descripción
🔧 `sync-images.js` reparado	Era destructivo (leía solo `.md` en el primer nivel → borraba las 207 imágenes). Ahora: dry-run por defecto, `--apply` obligatorio, guardarraíl que aborta con 0 posts, protege `/img/og/`, escanea frontmatter + markdown + wikilinks + código (`src/*/.astro
🛡️ 0 vulnerabilidades	13 → 0: `overrides` scoped (js-yaml, nanoid, postcss, browserslist) + subida a Astro 7.3.2, Tailwind v4 (`@tailwindcss/vite`), DaisyUI 5.
🔍 `validate-slugs.mjs`	Detecta colisiones de slug/alias entre posts (73 posts, 156 aliases, 0 colisiones). Bloqueante en CI.
📋 Schema Zod estricto	`title`, `slug` y `description` ahora obligatorios; `canonicalUrl` tolera `null`.
⚙️ Tooling	Prettier + ESLint + husky + lint-staged. Pre-commit = formato → slugs → tests.
🗺️ Sitemap mejorado	Excluye `noIndex`, añade `<lastmod>` por post (73).
📊 Analytics opt-in	Cloudflare Web Analytics vía `PUBLIC_CF_ANALYTICS_TOKEN` (sin cookies, GDPR-friendly). Sin token no emite nada.
🔒 CSP hardening	Añadidas `script-src-elem`, `style-src-elem`, `media-src`, `manifest-src`; dominio de Cloudflare Insights permitido.
⚡ Rendimiento	`BackgroundImage` con `image-set()` responsive; tooltip de Graphify usa variante `-640`; preload de fuentes (Roboto Flex + Material Symbols); cache de HTML en `_headers`.
♿ a11y-check ampliado	Verifica `<h1>` único, labels de inputs (incl. implícitos), `rel=noopener` en `target=_blank`, texto accesible en enlaces/botones, preload de fuentes. Arreglados `<h1>` faltante en `/search` y `aria-label` del buscador.
🧹 Repositorio	`.git` 304→207 MB (purga de 28 ficheros pesados borrados vía `filter-repo`); `hermes-agent/` y embeddings de Obsidian archivados fuera del working tree; rama `main-backup` obsoleta eliminada.
📖 Docs	Nuevos `README.md` y `CONTRIBUTING.md`; `doc-arquitectura`/`doc-operacion`/`doc-guia` actualizados a Tailwind v4.

Verificación: 379 páginas, 30/30 tests, validate:slugs OK, validate:share 379/379, a11y 11/11, npm audit 0.

Cambio	Descripción
🐛 Fix crítico botones de compartir	Los enlaces propagaban una ruta relativa (`/posts/slug`) → WhatsApp/LinkedIn/Facebook compartían un enlace roto (WhatsApp compartía literalmente `/posts/caretas-mascaras` sin dominio). Ahora se comparte la URL absoluta (`https://markeup.pages.dev/posts/slug`).
🧩 Nuevo `src/lib/social-share.ts`	Lógica pura y testeable (`buildShareLinks`, `buildShareText`). Lanza si recibe una URL no absoluta → el bug no puede repetirse.
📱 Web Share API	En móvil (táctil) los botones abren el panel nativo de compartir con la URL completa; degrada a los enlaces por red en escritorio.
🐦 Twitter Cards completas	Añadidos `twitter:url`, `twitter:domain`, `twitter:image:width/height`.
👤 Handle de X	`twitter:site` y `twitter:creator` = `@splitzforx` (constante `TWITTER_HANDLE` en `BaseLayout`). Se eliminó el `twitter:creator = "Admin"` inválido que X ignoraba.
🏷️ `og:site_name` corregido	`MarkUP` → `MarkeUP`, coherente con Footer y RSS.
📐 Ratio OG 1.91:1	Por defecto se declara 1200×630 (ratio ideal para `summary_large_image`); las imágenes de fallback 1920×1080 se reescalan dentro de ese marco.
🔗 Schema.org autor	`author[].sameAs = ["https://x.com/splitzforx"]` y `article:author:profile`.
✅ Validador nuevo	`scripts/mjs/validate-share.mjs` (`npm run validate:share`): audita OG + Twitter Cards + URLs absolutas de compartir en `dist/`. Falla con código 1 → apto para CI.
🧪 Tests	`src/lib/social-share.test.ts` (9 casos). Total Vitest: 30 tests.

Auditoría de limpieza del sitio: archivos caducos, duplicaciones, artefactos generados versionados e inconsistencias de marca.

Cambio	Descripción
🏷️ Marca unificada	El `<title>` de los posts decía `\| Multiblog` mientras `og:site_name` decía `MarkeUP`. Se unificó todo a MarkeUP (17 `Multiblog` + 6 `MarkUP` → 0). Señales de marca contradictorias para buscadores y redes.
🐛 Preload duplicado	`roboto-flex.woff2` se precargaba dos veces en `BaseLayout` → petición y parseo repetidos. Ahora se declara una sola vez.
♻️ Helper compartido	`getCategoryImage()` estaba duplicada literalmente en `/category/:cat` y `/category/:cat/page/:n`. Extraída a `resolveCategoryImage()` en `src/lib/images.ts`.
🗑️ Artefacto generado versionado	`public/pagefind/` (147 ficheros) estaba en git con un índice obsoleto (129 fragmentos / `page_count` 129) frente al build real (203 fragmentos). Es una caché que regenera `scripts/dev-search.js`; sale del control de versiones y entra en `.gitignore`.
🧹 Archivo histórico	`cline-instructions.md`, `task_progress.md`, `GIT-HISTORY-CLEANUP.md` y `hermes/` movidos a `docs/archive/` (obsoletos, conservados por trazabilidad). Eliminados directorios vacíos, 32 `.DS_Store` y `__pycache__/`.
🧭 Sitemap	Se quitó `/llms.txt` (un `.txt` no es una URL rastreable).
🤫 Ruido en tests	`cleanSlug()` emitía un `console.warn` en el caso esperado de slug vacío; ahora es silencioso.
🔍 Rutas demo	`/animated-sections` y `/admin/*` marcadas `noIndex` y desenlazadas de la home (siguen accesibles, fuera de índices).
🧪 Linter de wikilinks reparado	`validate-wikilinks.mjs` tenía 4 bugs que generaban 121 falsos positivos: analizaba el frontmatter como prosa, confundía el interior de `[[wikilink]]` con un corchete suelto, marcaba enlaces de referencia `[texto][2]` y reportaba líneas relativas al cuerpo. Ahora 121 → 0, con líneas exactas.
📖 Docs sincronizadas	Corregidos conteos desactualizados (76 tests, 74 posts, 385 páginas) y referencias a ficheros inexistentes (`optimize-images.js`, `graph-2d.astro`).

Verificación: 385 páginas, 76/76 tests, validate:slugs OK, npm audit 0 vulnerabilidades.

Auditoría completa de las animaciones del sitio (nueve subsistemas) medida en navegador real: gates de movimiento, de tooltip y uno nuevo de grafos, más sondas de preestado, accesibilidad y ritmo de frames.

Cambio	Descripción
🐛 `opacity` pisada en las tarjetas	La cortina de salida de los bloques (`m-block-exit`) se aplicaba también a los elementos que son bloque y beat a la vez (`.post-card`, el hero del artículo…). Una animación gana al `style` en línea, así que la tarjeta aparecía a opacidad 1 antes de entrar y perdía el fundido de entrada. Medido en el mismo elemento: `opacity: 1` + `animation-name: m-block-exit` → ahora `0` + `none`.
🐛 Tres caminos rotos en el grafo 2D	`canvas.dispatch('zoom', …)` se llamaba sobre el elemento del DOM en vez de sobre la selección de d3: el encuadre automático (a los ~14 s de cargar), el atajo de teclado `r` y el botón «↺ Reset todo» lanzaban `TypeError` y no hacían nada.
♿ Movimiento reducido	El latido de la cabecera de cada artículo (`breathe`, 10 s en bucle) y el rótulo de Ventajas seguían animando con la preferencia activada; los grafos no la miraban en absoluto (física, partículas y latido continuos). Con `reduce` la simulación se resuelve de golpe y nada queda en bucle.
⚡ Tooltip más fino	La miniatura se descarga al detectar el enlace y se espera su decodificación antes de abrir la tarjeta, en vez de dentro de la animación: el pico de frame baja de 70/34/54 ms a 49/30/32 ms (p95 18-20 ms) y el gate deja de dar rojo.
🧹 Código muerto	Retirados el parallax y la cortina de imagen (0 usos en el sitio), la regla inerte `#Tabla-de-contenido` y dos selectores que nunca llegaban a aplicarse en la página de demostración.
🔧 Build reparado	El hook de pre-commit prettificaba el GSAP minificado de `public/vendor/`, de modo que `npm run build` fallaba en su segundo paso. Esa carpeta queda fuera de Prettier.
🧪 Gates	`validate` cubre ahora el listado y una categoría; nace un gate para los grafos 2D/3D y un test de contrato entre el CSS de movimiento y sus módulos.
🧠 Grafos con un solo cerebro	El 2D y el 3D decidían por su cuenta qué pintar. Ahora comparten estado (`src/lib/graph-state.ts`): vistas (Notas por defecto, Blogs, Tags, Huérfanos, Todo), consulta con sintaxis (`tag:`, `path:`, `type:`, `-excluir`, `OR`), foco con profundidad y política de etiquetas. La vista por defecto dibuja 105 nodos y 722 enlaces en vez de 416 y 1200: los tags son el 75 % de los nodos y ahogaban la estructura.
🔗 Vistas compartibles	El estado va en la URL (`?v=todo&q=tag:yoga&f=post:el-aura&d=2`), así que una vista concreta se puede enlazar. Lo que no se entiende se ignora: una URL no puede romper el grafo.
🏷️ Etiquetas del 3D	Solo se ven las del nodo y sus vecinos al pasar el ratón (más las 5 categorías): antes estaban TODAS encendidas y tapaban el dibujo. Se encienden mutando la visibilidad del sprite, sin reconstruir los objetos.
🛡️ Contrato de los datos del grafo	`npm run validate:graph` (en el build) comprueba ids únicos, extremos de enlace existentes y números finitos en las 12 páginas que embeben un grafo: un solo dato raro podía dejar el lienzo en negro sin que fallara ningún validador.

Verificación: 326 tests, movimiento 40/40 (portada, listado con 691 beats, una categoría, un artículo y dos pasadas de movimiento reducido), tooltip 3/3, grafos 15/15, CLS 0 y p95 de 16,7 ms.

Arquitectura limpia: Separación clara en capas (lib → pages → components → layout). Sin dependencias circulares.
CSS modular: @layer para control de cascada, overrides DaisyUI fuera de layer, 0% CSS duplicado.
SEO completo: BreadcrumbList (Schema.org), OG tags con dimensiones de imagen, Twitter Cards, preload de LCP, fetchpriority="high".
Imágenes responsivas: Pipeline completo con Sharp: crop 1920×1080 + 3 tamaños (1920/1280/640) en WebP calidad 82. <picture> + srcset + sizes (100vw en hero, 33vw en cards) + aspect-ratio en todos los componentes. Cloudflare sirve los archivos tal cual (no los reoptimiza).
Fuentes locales: Roboto Flex + Material Symbols cargadas sin CDN externo, font-display: swap.
Build automatizado: npm run build = images + astro + pagefind en un solo comando.
192 páginas estáticas: Sin servidor, sin base de datos, hosting en CDN global.
Búsqueda offline e inteligente: Pagefind indexa solo los 73 artículos (data-pagefind-body), se enriquece con el grafo de wikilinks/aliases y se reordena con una jerarquía estricta (título → contenido → contiene). Ver doc-buscador.
Grafo interactivo: 3D (Three.js) y 2D (D3.js) para visualizar relaciones entre contenido.
Scroll suave: Lenis 1.3 con soporte táctil y re-inicialización con View Transitions.
Generación automática de posts: Script generar_articulo.py que, a partir de una URL, extrae contenido, detecta categoría, genera tags y produce un artículo Markdown completo vía Ollama (qwen2.5-coder:7b-64k) con frontmatter validado contra el schema Zod del blog.
Detección inteligente de categorías: El script analiza el texto extraído contra un diccionario de palabras clave por categoría (Humano, Documentación, Máquina, Opinión, Literatura) y asigna automáticamente la más relevante.
Normalización de tags: Sistema de extracción de palabras frecuentes con filtrado de stopwords en español, normalización a formato palabra-compuesta y aseguramiento de cantidad mínima (3) y máxima (8) de etiquetas.

#	Problema	Impacto	Prioridad
1	Cobertura de tests baja (solo 6 tests en posts.ts)	Alto — regresiones no detectadas en tags.ts, graph.ts, images.ts	Alta
2	Script `sync-obsidian.js` obsoleto en package.json	Bajo — script `sync` referencia archivo inexistente	Baja
3	package.json name: `multiblog-obsidian` (no coincide con `markeup/`)	Bajo — solo afecta a npm internals	Baja
4	Sin E2E tests	Medio — no hay tests de integración para páginas renderizadas	Media
5	Sin tests de a11y automatizados	Medio — no hay axe-core ni pa11y en CI	Media
6	Sin TypeScript en componentes Astro	Bajo — los .astro usan JSX sin type-checking estricto en props	Baja
7	Posts de prueba (posiblemente existan archivos de test)	Bajo — pueden aparecer en build si no están en draft	Baja
8	Lighthouse CI umbrales no verificados recientemente	Medio — los umbrales en lighthouserc.json pueden no reflejar realidad	Media

Paquete	Versión	Uso	Estado
astro	^4.0.0	Framework SSG	✅ Activo
@astrojs/rss	^4.0.0	RSS feed	✅ Activo
@astrojs/sitemap	^3.0.0	Sitemap XML	✅ Activo
@astrojs/tailwind	^5.0.0	Integración Tailwind	✅ Activo
@tailwindcss/typography	^0.5.20	Estilos .prose	✅ Activo
daisyui	^4.0.0	Componentes UI + temas	✅ Activo
3d-force-graph	^1.80.0	Grafo 3D	✅ Activo
three	^0.184.0	Three.js (grafo 3D)	✅ Activo
three-spritetext	^1.10.0	Texto en grafo 3D	✅ Activo
pagefind	^1.5.2	Búsqueda full-text	✅ Activo
@pagefind/default-ui	^1.5.2	UI de búsqueda	✅ Activo
sharp	^0.33.5	Procesamiento imágenes	✅ Activo
gray-matter	^4.0.3	Parse frontmatter	✅ Activo
unist-util-visit	^5.1.0	AST traversal (wikilinks)	✅ Activo
zod	^4.4.3	Validación schema	✅ Activo
lenis	^1.3.23	Smooth scroll	✅ Activo
rehype-slug	^6.0.0	IDs en headings	✅ Activo
rehype-autolink-headings	^7.1.0	Anchor links	✅ Activo
gsap	^3.15.0	Animaciones (¿en uso?)	⚠️ Verificar
@fontsource/*	^5.2.8	Fuentes (cargamos locales)	⚠️ Posiblemente redundante

Paquete	Versión	Uso	Estado
typescript	^5.0.0	Type checking	✅ Activo
vitest	^4.1.8	Test runner	✅ Activo
@vitest/ui	^4.1.8	UI de tests	✅ Activo
@types/node	^20.0.0	Tipos Node.js	✅ Activo

gsap — Verificar si realmente se usa en el código actual. Si no, eliminar.
@fontsource/roboto-flex — Las fuentes se cargan localmente desde public/fonts/. Este paquete puede ser redundante.

Estas dependencias son independientes del ecosistema npm y no afectan al build de Astro. Se gestionan con uv pip install y no aparecen en package.json.

Paquete	Versión	Uso	Estado
python	3.x	Runtime del script	✅ Requerido
requests	reciente	Descarga HTTP + API Ollama	✅ Activo
trafilatura	reciente	Extracción de texto principal (primario)	✅ Activo
beautifulsoup4	reciente	Parseo HTML (fallback)	✅ Activo
ollama	latest	Servidor LLM local	✅ Requerido
qwen2.5-coder:7b-64k	latest	Modelo de generación de artículos	✅ Requerido

Optimización	Implementación	Impacto
Imágenes responsivas	`<picture>` + `srcset` 640w/1280w/1920w + `sizes` (100vw hero / 33vw cards)	LCP ↓
Preload LCP	`<link rel="preload">` + `fetchpriority="high"` en hero	LCP ↓↓
Font display swap	`font-display: swap` en Roboto Flex + Material Symbols	FCP ↓
Aspect ratio	`style="aspect-ratio: 16/9"` en todas las imágenes (hero, tarjetas y miniaturas de búsqueda)	CLS ↓
Lazy loading	`loading="lazy"` en PostCard + `decoding="async"`	LCP ↑
CSS modular	`@layer` para especificidad controlada	FCP ↓
Chunk splitting	`chunkSizeWarningLimit: 1000kB`, carga asíncrona Three.js	FCP ↓
View Transitions	Fade 1000ms	UX ↑

Optimización	Prioridad	Esfuerzo
Lighthouse CI en pre-commit hook	Media	Bajo
Eliminar CSS no utilizado (PurgeCSS)	Baja	Medio
Service Worker para offline	Baja	Alto

Aspecto	Estado
npm audit	0 vulnerabilidades conocidas
Secretos en código	No detectados
.gitignore	Syncthing, Obsidian, logs, .env ignorados
HTTPS	Cloudflare Pages fuerza HTTPS
Headers de seguridad	No configurados (CSP, HSTS) — delegado a Cloudflare
Admin panel	Protegido con JWT (login.astro)

Documentación actualizada a Julio 2026
Imágenes responsivas implementadas
OG tags completos + BreadcrumbList
Preload LCP + fetchpriority=“high”

Eliminar dependencias no usadas (@fontsource × 2, playwright, pagefind-ui, zod)
Renombrar package.json name a markeup
Eliminar script sync-[[obsidian-sharpen-thinking|Obsidian]].js (ya no existía)
Implementar Service Worker para offline parcial
Configurar headers de seguridad (CSP, HSTS, X-Frame) en _headers
CI Build & Test validando cada push (workflow activo)
Redirigir /graph-2d → /graphify (eliminado código redundante)
Corregir dominio site a markeup.pages.dev (canonicals)

Añadir tests para tags.ts y graph.ts
Implementar axe-core/pa11y en CI para tests de a11y

Añadir tests E2E con Playwright (reinstalar dep cuando se creen)
Automatizar Lighthouse CI como pre-commit hook
Activar Service Worker (actualmente registrado; NO pre-cache crítico)

Fecha	Cambio
2026-11-09	🐛 Fix botones de compartir (URL absoluta, bug WhatsApp), Twitter Cards completas (`twitter:url/domain/image:width/height`), handle X `@splitzforx`, `og:site_name` → MarkeUP, ratio OG 1.91:1, `social-share.ts` + 9 tests, validador `validate-share.mjs`
2026-09-04	⚖️ Legal (privacy/terms/faq + cookie consent), SEO/article/author completo, a11y (skip/focus/main único/404), rich tooltips + rich cards, `/llms.txt`, `/api/posts.json`, SocialShare
2026-09-04	🔐 Security headers (CSP/HSTS/nosniff), Service Worker offline, dominio canonical corregido a markeup.pages.dev, /graph-2d→Graphify redirect, CI validador
2026-09-03	📦 Deps 22→18, sitemap activado, package rename a markeup, Hermes Agent extraído a repo propio, imágenes srcset real
2026-07-08	🆕 Hermes Agent: sistema de gestión IA con 5 skills, 12 archivos. Documentación actualizada (63 posts). Skill documentar.md
2026-07-03	Imágenes responsivas (srcset), preload LCP, font-display swap, OG tags completos, BreadcrumbList JSON-LD
2026-06-29	Scripts deploy.sh y commit-local.sh, desactivación watchexec, compresión audio
2026-06-15	Glassmorphism unificado, documentación reestructurada
2026-02-07	CSS modular, warnings de build resueltos, 191→192 páginas

Documento	Contenido
doc-readme-MarkeUp	Visión general y stack
doc-guia-MarkeUp	Instalación y configuración
doc-arquitectura-MarkeUp	Arquitectura y componentes
doc-operacion-MarkeUp	Comandos y troubleshooting

Auditoría generada: 2026-07-09 20:33 Posts: 65 | Build: 347 páginas (98M) Dependencias: 23 producción, 4 desarrollo Scripts npm: 23 | Imágenes: 57 WebP | Audios: 6 Ollama: 🟢 ONLINE (6 modelos) Último commit: 300f118 📝 Nuevo post: musica-esferas (3 hours ago)

Revisa también la arquitectura y la guía de operación para el contexto técnico completo.

Enlaces útiles: arquitectura del proyecto, guía de instalación y el flujo de Vault CMS para entender cómo se generan los posts.

Para profundizar en este ámbito, 5 Ritmos desarrolla gabrielle Roth y la Danza de los 5 Ritmos (5Rhythms): una práctica de movimiento meditativo y somático basada en las olas.

doc-auditoria-MarkeUp

Auditoría de MarkeUP: estado, rendimiento, SEO y dependencias

doc-auditoria-MarkeUp

Posts que enlazan a este artículo