Introducción Este tutorial muestra paso a paso cómo implementar infinite scroll en un tema de WordPress usando la REST API y JavaScript moderno. Verás alternativas, código listo para pegar en functions.php, el script cliente que consume la API, estilos del loader, buenas prácticas de accesibilidad, SEO y manejo de errores. El enfoque usa la API […]

Introducción En WordPress, los iframes (por ejemplo vídeos de YouTube, mapas de Google o contenido embebido) pueden penalizar gravemente el rendimiento al cargar recursos externos al renderizar la página. Implementar lazyload en iframes evita cargar su contenido hasta que el usuario está a punto de verlos, reduciendo el tiempo de carga inicial, el uso de […]

Introducción Este artículo explica, paso a paso y con ejemplos completos, cómo medir los Core Web Vitals (y métricas relacionadas) desde JavaScript en el navegador y enviarlas a una ruta de la REST API de WordPress para almacenarlas y analizarlas. Se incluyen ejemplos de código para el cliente (JavaScript) y para el servidor (PHP — […]

Introducción y enfoque general Eliminar jQuery del frontend de WordPress y mover todo a vanilla JavaScript puede mejorar el rendimiento, reducir la carga de recursos y modernizar la base de código. Pero hacerlo sin romper el tema y los plugins requiere un plan: auditar dependencias, crear sustitutos cuando haga falta, probar progresivamente y mantener una […]

Introducción Uno de los problemas más habituales que afectan al rendimiento de sitios WordPress es el bloqueo del renderizado por scripts (render‑blocking JavaScript). Cuando el navegador encuentra etiquetas ltscriptgt en el head sin atributos como defer o async, detiene el parseo del HTML hasta descargar y ejecutar esos scripts, lo que retrasa la primera pintura […]

Introducción Dividir y cargar archivos JavaScript por página en WordPress es una técnica esencial para mejorar el rendimiento, reducir el peso de las páginas y minimizar la ejecución de código innecesario. En este tutorial se muestra con todo lujo de detalles cómo usar wp_register_script y wp_enqueue_script de forma condicional, cómo pasar datos de PHP a […]

Introducción Este tutorial explica en detalle cómo usar rel=preload para scripts críticos en un sitio WordPress desde PHP. Aprenderás por qué y cuándo usar preload, cómo integrarlo correctamente con el sistema de colas de scripts de WordPress (wp_enqueue_script), cómo manejar integridad y crossorigin, y distintos enfoques —desde el más simple al más robusto— con ejemplos […]

Este tutorial explica en profundidad cómo precargar y optimizar recursos externos en WordPress utilizando la API de resource hints y la función/filtro wp_resource_hints desde PHP. Se detallan conceptos, ejemplos prácticos listos para usar, soluciones para atributos especiales (como crossorigin), y recomendaciones de rendimiento y comprobación. Qué es wp_resource_hints wp_resource_hints es la API que WordPress expone […]

Introducción: ¿qué es el object cache en WordPress y por qué usar wp_cache_? El object cache es una capa de almacenamiento en memoria (o persistente) destinada a guardar objetos PHP ya procesados —consultas, resultados caros, estructuras serializables— para evitar recomputarlos o reconsultar la base de datos. WordPress expone una API simple basada en funciones wp_cache_ […]

Introducción Cuando trabajas con WordPress en sitios de producción es habitual utilizar varias capas de cache: caché de página (plugins como WP Rocket, W3 Total Cache, WP Super Cache), reverse proxies (Varnish, Nginx fastcgi_cache), CDN (Cloudflare, Fastly), y caché de objetos (Redis, Memcached). Si no invalidas adecuadamente esas cachés al guardar o actualizar un post, […]