-
+
- + + + + +
- + + +
- + + +
-
+
+
- + + + + + +
-
+
+
- + + name ); ?> + (count ); ?>) + + + +
+```
+
+#### Preload de Imágenes Críticas
+
+Featured images en single posts se precargan:
+
+```php
+// En inc/image-optimization.php
+function apus_preload_featured_image() {
+ if (is_singular() && has_post_thumbnail()) {
+ $image_url = get_the_post_thumbnail_url(get_the_ID(), 'apus-featured-large');
+ echo '';
+ }
+}
+add_action('wp_head', 'apus_preload_featured_image', 5);
+```
+
+**Beneficio:** Mejora LCP dramáticamente.
+
+### 3. Resource Hints
+
+```php
+// En inc/performance.php
+function apus_add_resource_hints($hints, $relation_type) {
+ if ('dns-prefetch' === $relation_type) {
+ // Pre-resolve DNS para recursos externos
+ $hints[] = '//fonts.googleapis.com'; // Si usas Google Fonts
+ }
+
+ if ('preconnect' === $relation_type) {
+ // Establecer conexión temprana
+ $hints[] = ['href' => 'https://fonts.gstatic.com', 'crossorigin'];
+ }
+
+ return $hints;
+}
+add_filter('wp_resource_hints', 'apus_add_resource_hints', 10, 2);
+```
+
+**Resource hints implementados:**
+- `dns-prefetch`: Pre-resolve DNS
+- `preconnect`: Establecer conexión temprana
+- `preload`: Cargar recursos críticos
+
+### 4. WordPress Bloat Removal
+
+El tema elimina características innecesarias de WordPress:
+
+```php
+// En inc/performance.php
+
+// Remove emoji scripts
+remove_action('wp_head', 'print_emoji_detection_script', 7);
+remove_action('wp_print_styles', 'print_emoji_styles');
+
+// Remove oEmbed
+remove_action('wp_head', 'wp_oembed_add_discovery_links');
+remove_action('wp_head', 'wp_oembed_add_host_js');
+
+// Remove feeds
+remove_action('wp_head', 'feed_links', 2);
+remove_action('wp_head', 'feed_links_extra', 3);
+
+// Remove RSD & WLW
+remove_action('wp_head', 'rsd_link');
+remove_action('wp_head', 'wlwmanifest_link');
+
+// Remove generator tag
+remove_action('wp_head', 'wp_generator');
+
+// Disable Dashicons for non-logged users
+function apus_dequeue_dashicons() {
+ if (!is_user_logged_in()) {
+ wp_dequeue_style('dashicons');
+ wp_deregister_style('dashicons');
+ }
+}
+add_action('wp_enqueue_scripts', 'apus_dequeue_dashicons');
+```
+
+**Ahorro:** ~50-70 KB y 3-5 requests menos.
+
+### 5. AdSense Delay Loading
+
+```javascript
+// En assets/js/adsense-loader.js
+let adsenseLoaded = false;
+const events = ['scroll', 'mousemove', 'touchstart', 'click'];
+
+function loadAdSense() {
+ if (adsenseLoaded) return;
+ adsenseLoaded = true;
+
+ // Cargar script de AdSense
+ const script = document.createElement('script');
+ script.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
+ script.async = true;
+ document.head.appendChild(script);
+
+ // Remover event listeners
+ events.forEach(event => {
+ window.removeEventListener(event, loadAdSense);
+ });
+}
+
+// Agregar event listeners
+events.forEach(event => {
+ window.addEventListener(event, loadAdSense, { once: true, passive: true });
+});
+
+// Fallback: cargar después de 5 segundos
+setTimeout(loadAdSense, 5000);
+```
+
+**Beneficio:** Mejora LCP en 1-2 segundos, TBT en 100-300ms.
+
+### 6. System Fonts
+
+Por defecto, el tema usa fuentes del sistema:
+
+```css
+:root {
+ --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI",
+ Roboto, "Helvetica Neue", Arial, sans-serif;
+ --font-serif: Georgia, "Times New Roman", Times, serif;
+ --font-mono: "SFMono-Regular", Consolas, "Liberation Mono",
+ Menlo, monospace;
+}
+
+body {
+ font-family: var(--font-system);
+}
+```
+
+**Ventajas:**
+- 0 requests de red
+- 0 latencia
+- Carga instantánea
+- Privacy-friendly
+
+**vs Google Fonts:**
+- Google Fonts: +100-200ms de latencia
+- System Fonts: 0ms
+
+---
+
+## Configuración de Rank Math
+
+### Instalación y Setup Inicial
+
+1. **Instalar Rank Math:**
+ ```
+ Plugins > Añadir nuevo > Buscar "Rank Math"
+ ```
+
+2. **Asistente de Configuración:**
+ - Modo: **Easy** (principiantes) o **Advanced** (expertos)
+ - Conectar con Google Search Console (muy recomendado)
+ - Activar módulos recomendados
+
+### Módulos Recomendados
+
+**Activar:**
+- ✓ SEO Analysis
+- ✓ Sitemap
+- ✓ Schema Markup
+- ✓ Local SEO (si es negocio local)
+- ✓ 404 Monitor (monitorear errores)
+- ✓ Redirections (gestionar redirecciones)
+
+**Desactivar:**
+- ✗ Analytics (si usas Google Analytics directo)
+- ✗ WooCommerce (si no usas eCommerce)
+
+### Configuración General
+
+#### 1. Títulos y Meta
+
+**Configuración:**
+```
+Rank Math > Títulos y Meta
+```
+
+**Posts:**
+- Formato de título: `%title% %sep% %sitename%`
+- Meta description: Usar plantilla o escribir manual
+- Mostrar en resultados: ✓
+
+**Páginas:**
+- Formato: `%title% %sep% %sitename%`
+- Meta description: Manual para cada página importante
+
+**Separador:** `|` o `-` (el que prefieras)
+
+#### 2. Sitemap
+
+**Configuración:**
+```
+Rank Math > Sitemap Settings
+```
+
+**Incluir en sitemap:**
+- ✓ Posts
+- ✓ Pages
+- ✓ Categories
+- ✗ Tags (opcional, puede causar thin content)
+- ✗ Authors (a menos que sea blog multi-autor)
+
+**Frecuencia de actualización:**
+- Posts: Daily
+- Pages: Weekly
+- Categories: Weekly
+
+**Enviar sitemap a:**
+- Google Search Console: `https://tudominio.com/sitemap_index.xml`
+- Bing Webmaster Tools: mismo URL
+
+#### 3. Schema Markup
+
+**Configuración:**
+```
+Rank Math > Schema Markup
+```
+
+**Schema por defecto:**
+- Organization: Para sitios corporativos
+ - Logo
+ - Social profiles
+ - Contact info
+
+- Website Schema
+ - Site name
+ - URL
+
+**Schema para Posts (Article):**
+- Rank Math lo genera automáticamente
+- Incluye: headline, image, author, datePublished, dateModified
+
+**Verificar schema:**
+1. Ve a https://search.google.com/test/rich-results
+2. Ingresa URL de un post
+3. Verifica que Article schema esté correcto
+
+#### 4. Search Console
+
+**Conectar Search Console:**
+```
+Rank Math > General Settings > Search Console
+```
+
+1. Haz clic en "Connect to Google Search Console"
+2. Autoriza tu cuenta de Google
+3. Selecciona tu propiedad
+
+**Beneficios:**
+- Ver errores de indexación en el dashboard
+- Monitorear keywords que traen tráfico
+- Recibir alertas de problemas
+
+### Optimización de Posts
+
+#### Meta Box de Rank Math
+
+Al editar un post, verás el meta box de Rank Math en la parte inferior:
+
+**1. Focus Keyword:**
+- Agrega tu keyword principal
+- Rank Math analizará el post
+
+**2. SEO Analysis:**
+Apunta a 80/100 o más:
+- ✓ Keyword en título
+- ✓ Keyword en URL
+- ✓ Keyword en primer párrafo
+- ✓ Keyword en H2/H3
+- ✓ Links internos
+- ✓ Links externos
+- ✓ Alt text en imágenes
+
+**3. Content AI (Premium):**
+- Analiza competencia
+- Sugiere keywords relacionadas
+- Recomienda longitud de contenido
+
+#### Schema por Post
+
+Puedes personalizar schema por post:
+
+- **Tipo de artículo:** Article, BlogPosting, NewsArticle
+- **Author:** Autor del post
+- **Publisher:** Tu organización
+- **Image:** Featured image (automático)
+
+### Local SEO (Si aplica)
+
+**Para negocios locales:**
+
+```
+Rank Math > Local SEO > Business Info
+```
+
+Configura:
+- Tipo de negocio
+- Dirección completa
+- Teléfono
+- Horarios de atención
+- Área de servicio
+
+**Beneficio:** Aparece en búsquedas locales de Google Maps.
+
+---
+
+## Plugins Recomendados
+
+### Cache (Esencial)
+
+#### WP Rocket (Premium, Recomendado)
+
+**Precio:** ~$59/año
+**Website:** https://wp-rocket.me/
+
+**Por qué WP Rocket:**
+- Configuración automática (funciona out-of-the-box)
+- Cache de página
+- Cache de objetos
+- Minificación CSS/JS
+- Lazy loading (desactivar, usa el del tema)
+- Database optimization
+- CDN integration
+- Preload de cache
+
+**Configuración recomendada:**
+1. Instalar y activar
+2. Settings > WP Rocket
+3. **Cache tab:**
+ - Mobile cache: ✓
+ - User cache: ✓ (si tienes usuarios logged)
+4. **File Optimization:**
+ - Minify CSS: ✓
+ - Minify JS: ✓
+ - Defer JS: ✓
+ - Remove jQuery Migrate: ✓
+5. **Media:**
+ - Lazy Load: ✗ (el tema ya lo hace)
+ - WebP: ✓ (si tu servidor soporta)
+6. **Preload:**
+ - Activate preload: ✓
+ - Prefetch DNS: Agregar Google Fonts si los usas
+7. **Database:**
+ - Post Cleanup: ✓
+ - Comments Cleanup: ✓
+ - Transients Cleanup: ✓
+ - Schedule Automatic Cleanup: Weekly
+
+#### Autoptimize (Gratuito, Alternativa)
+
+**Website:** https://autoptimize.com/
+
+**Configuración:**
+1. Instalar y activar
+2. Settings > Autoptimize
+3. **JS Options:**
+ - Optimize JS: ✓
+ - Aggregate JS: ✓
+ - Force JS in head: ✗
+4. **CSS Options:**
+ - Optimize CSS: ✓
+ - Aggregate CSS: ✓
+ - Inline CSS: ✓
+5. **HTML Options:**
+ - Optimize HTML: ✓
+6. **Extra:**
+ - Remove Google Fonts: ✗ (a menos que uses system fonts)
+
+### Image Optimization
+
+#### Smush (Recomendado)
+
+**Versión gratuita:** Funciona bien
+**Pro:** $6/mes (bulk optimization, WebP, CDN)
+
+**Configuración:**
+1. Instalar y activar
+2. Settings
+3. **Automatic:**
+ - Automatically compress images: ✓
+ - Maximum size: 1920px (evita imágenes gigantes)
+4. **Lazy Load:**
+ - Enable lazy load: ✗ (el tema ya lo hace)
+5. **Bulk Smush:**
+ - Re-smush todas las imágenes existentes
+
+#### ShortPixel (Alternativa)
+
+**Gratis:** 100 imágenes/mes
+**Paid:** Desde $4.99 por 7,000 imágenes
+
+**Ventaja:** Conversión automática a WebP
+
+### Security
+
+#### Wordfence Security
+
+**Website:** https://www.wordfence.com/
+**Gratis:** Versión básica (más que suficiente)
+
+**Qué hace:**
+- Firewall
+- Malware scanner
+- Login security
+- 2FA
+- Block IP addresses
+
+**Configuración básica:**
+- Instala y activa
+- Usa configuración por defecto
+- Activa 2FA para tu cuenta
+
+---
+
+## Hosting y Servidor
+
+### Requisitos del Servidor
+
+**Mínimos:**
+- PHP 8.0+
+- MySQL 5.7+ / MariaDB 10.2+
+- 128 MB PHP memory
+- mod_rewrite enabled
+
+**Recomendados:**
+- PHP 8.1+
+- MySQL 8.0+ / MariaDB 10.5+
+- 256 MB+ PHP memory
+- OPcache enabled
+- Gzip/Brotli compression
+- HTTP/2 or HTTP/3
+- SSL certificate
+
+### Hosting Recomendados
+
+**Para México/Latinoamérica:**
+
+1. **SiteGround** (⭐⭐⭐⭐⭐)
+ - Precio: Desde $3.99/mes
+ - Servidores en US/EU
+ - WordPress optimizado
+ - Support 24/7 en español
+
+2. **Cloudways** (⭐⭐⭐⭐⭐)
+ - Precio: Desde $11/mes
+ - Cloud hosting (DigitalOcean, AWS, etc.)
+ - Rendimiento excelente
+ - Escalable
+
+3. **Hostinger** (⭐⭐⭐⭐)
+ - Precio: Desde $2.99/mes
+ - Buen rendimiento/precio
+ - Servidores en Latinoamérica
+
+**No recomendados:**
+- ❌ GoDaddy (lento, caro, soporte malo)
+- ❌ Hostgator (overselling, performance inconsistente)
+- ❌ Bluehost (lento después del primer año)
+
+### Optimizaciones del Servidor
+
+#### PHP.ini
+
+Si tienes acceso a `php.ini`:
+
+```ini
+; Memory
+memory_limit = 256M
+upload_max_filesize = 64M
+post_max_size = 64M
+
+; Execution
+max_execution_time = 300
+max_input_time = 300
+
+; OPcache
+opcache.enable=1
+opcache.memory_consumption=128
+opcache.max_accelerated_files=10000
+opcache.revalidate_freq=2
+
+; Sessions
+session.gc_maxlifetime = 3600
+```
+
+#### .htaccess
+
+El tema incluye optimizaciones en `.htaccess`:
+
+```apache
+# Compression
+