Guía definitiva para configurar Perfmatters y mejorar tu SEO técnico

.perfmatters-guia{

max-width: 920px;margin:0 auto;padding:2.5rem 1rem 4rem;

font-family: «Inter»,»Segoe UI»,system-ui,sans-serif;color:#0b1020;line-height:1.75;font-size:1.05rem

}

.perfmatters-guia h2{font-size:1.9rem;font-weight:800;color:#82BD03;text-align:center;margin:0 0 2rem}

.perfmatters-guia h3{font-size:1.35rem;font-weight:800;margin:2.2rem 0 1rem;border-left:4px solid #82BD03;padding-left:.7rem}

.perfmatters-guia h4{font-size:1.1rem;font-weight:800;margin:1.2rem 0 .6rem}

.perfmatters-guia p{margin:1rem 0;text-align:justify}

.perfmatters-guia ul{margin:1rem 0 1.5rem 1.2rem;padding-left:.6rem;list-style:none}

.perfmatters-guia ul li{position:relative;padding-left:1.4rem;margin:.45rem 0}

.perfmatters-guia ul li::before{content:»✔»;position:absolute;left:0;color:#82BD03;font-weight:700}

.perfmatters-guia .nota,.perfmatters-guia .alerta{

border-left:4px solid #82BD03;background:rgba(130,189,3,.08);padding:.75rem 1rem;border-radius:6px;margin:1rem 0

}

.perfmatters-guia .tabla{width:100%;border-collapse:separate;border-spacing:0 8px;margin:1rem 0}

.perfmatters-guia .fila{display:grid;grid-template-columns:210px 1fr;gap:14px;align-items:flex-start;background:#f8fafc;padding:.9rem 1rem;border-radius:10px}

.perfmatters-guia .tag{display:inline-block;background:#eaf6d1;color:#2f3b08;border:1px solid #cfe7a4;border-radius:999px;padding:.12rem .6rem;font-size:.85rem;font-weight:700;margin-right:.35rem}

.perfmatters-guia a{color:#1c6f00;text-decoration:none;font-weight:600}

.perfmatters-guia a:hover{text-decoration:underline}

.perfmatters-guia code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0b1020; color:#fff; border-radius:6px; padding:.2rem .4rem}

.perfmatters-guia .muted{color:#64748b}

@media (prefers-color-scheme: dark){

.perfmatters-guia{color:#e6e9ef}

.perfmatters-guia h3{border-left-color:#9ae11a}

.perfmatters-guia .fila{background:#0f1424}

.perfmatters-guia .nota,.perfmatters-guia .alerta{background:rgba(154,225,26,.12);border-left-color:#9ae11a}

.perfmatters-guia a{color:#9ae11a}

.perfmatters-guia code{background:#0b1020;color:#e6e9ef}

}

Perfmatters + WordPress: base técnica rápida y segura

Core — Activados (¡bien puestos!)

Resultado: menos peticiones HTTP, menor JS/CSS inicial y mejor TTFB/LCP. Buena base de SEO técnico.

Core — Desactivados (ok, pero vigila casos)

• Remove RSD Link / Shortlink / RSS Feeds / Feed Links / Self Pingbacks: genial si no usas feeds ni trackbacks; actívalos para “limpieza máxima”.
• Disable REST API: “solo para no admins” → perfecto: bloqueas público, mantienes funcionalidad en el back.
• Remove REST API Links: opcional para HTML más limpio.
• Disable Google Maps: actívalo si no usas mapas embebidos.
• Disable Password Strength Meter: solo si no tienes registros/ventas. En e-commerce, mejor activo.

Comentarios y estética

• Disable Comments: activado → perfecto si no hay comentarios en ningún CPT.
• Remove Comment URLs: corta el spam tipo “visita mi web”.
• Add Blank Favicon: úsalo solo si no tienes favicon propio.

Estilos globales y bloques

• Remove Global Styles / Separate Block Styles: depende de tu tema/Gutenberg. Para rascar rendimiento, pruébalos con cuidado y test visual.

Heartbeat y revisiones

• Disable Heartbeat: “solo al editar posts/páginas” → equilibrio perfecto.
• Heartbeat Frequency: 45s.
• Limit Post Revisions: 5.
• Autosave Interval: 2 min.

JavaScript (Perfmatters → Assets)

Defer

• Defer JavaScript: activado → prioriza contenido visible.
• Include Inline Scripts: activado → difiere inline también.
• Excluded from Defer: vacío. Si algo se rompe (menús/slider), excluye: jquery.min.js, elementorFrontend.min.js, etc.

Delay

• Delay JavaScript: activado → scripts tras interacción (baja TBT).
• Delay Behavior: Delay All Scripts (agresivo y eficaz). Si hay conflictos, prueba “Delay Only Inline”.
• Quick Exclusions → Plugins: bien, protege scripts críticos (formularios/menús).
• Excluded from Delay: vacío hasta detectar conflicto.
• Delay Timeout: desactivado. Si elementos “no aparecen” hasta scroll, prueba activarlo a 4000 ms.

Minify

• Minify JavaScript: activado.
• Excluded from Minification: vacío. Si algo falla tras minificar, exclúyelo aquí.

Preloading — Rendimiento fino

• Preload Critical Images: 2 → perfecto para hero/LCP. Si hay varias claves en el primer pantallazo, sube a 3.
• Preload (manual): /wp-content/uploads/2025/02/flexibilidad-y-trato-al-cliente.jpg → buen movimiento para LCP. Prioridad high recomendada.
• Fetch Priority: si ya precargas, puede ser redundante. Prueba solo una de las dos y compara en PageSpeed.
• Speculative Loading: Auto → seguro y equilibrado.
• Preconnect: https://fonts.gstatic.com, https://www.google-analytics.com. Si usas Google Fonts vía CSS, suma https://fonts.googleapis.com.
• DNS Prefetch: //fonts.gstatic.com. Puedes añadir //www.google-analytics.com y //fonts.googleapis.com.

Lazy Loading

• Images: activado.
• Exclude Leading Images: 1 (si la primera es hero grande, pon 2–3).
• iFrames & Videos: activado.
• YouTube Preview Thumbnails: desactivado → actívalo si embebes vídeos (gran mejora).
• Exclude from Lazy Loading: vacío (añade URLs si alguna imagen no aparece a tiempo).
• Threshold: 0px (si notas “tarda en salir”, prueba 200px).
• DOM Monitoring: activado (clave para sliders/pestañas dinámicas).
• Add Missing Image Dimensions: desactivado → actívalo si PageSpeed te pide width/height para bajar el CLS.
• Fade In: desactivado (solo estética).
• CSS Background Images: desactivado (útil si usas muchos background-image; testea visualmente).

Fonts — Control total y RGPD

• Local Google Fonts: activado → sirves fuentes desde tu servidor (más rápido y compatible con RGPD).
• Display Swap: activado → evita FOIT, mejora FCP.
• Print Method: File (default) → buena caché.
• Limit Subsets: desactivado (actívalo si solo necesitas latín para reducir peso).
• CDN URL: vacío (solo si usas CDN propio).
• Disable Google Fonts: desactivado (no necesario al servir local).

Conclusión

Con esta configuración tu WordPress carga más rápido, evita scripts innecesarios y mejora métricas clave (LCP, TBT, INP). Google lo agradece; tus usuarios, más.

Esto es una guía de buenas prácticas. Úsala bajo tu criterio; Webio no se hace responsable del uso que puedas hacer de este manual.

¿Prefieres que lo dejemos fino sin riesgos? Mantenimiento WordPress con optimización Perfmatters, monitorización y soporte. O escríbenos desde el contacto.