Plugin Administrador de Caché Blogger
🛠️ Cómo configurar el Administrador de Caché del Feed en NichoClean v2.0
Uno de los grandes problemas al trabajar con Blogger es que los widgets y scripts que consumen el feed de publicaciones pueden saturar las peticiones al servidor. Esto afecta el rendimiento, la velocidad de carga e incluso puede ocasionar bloqueos temporales del feed.
Para resolverlo, la plantilla NichoClean v2.0 incluye de forma nativa un Administrador de Caché de Feed, diseñado para almacenar temporalmente en el navegador los datos del feed. Así se reduce drásticamente la cantidad de solicitudes que se hacen al servidor de Blogger.
🚀 ¿Qué hace el Administrador de Caché?
El Cache Manager (config-cache) actúa como un intermediario entre tus widgets y el feed de Blogger:
- Guarda los datos obtenidos del feed en
localStoragedel navegador. - Evita múltiples peticiones a la misma URL en un corto período de tiempo.
- Mejora la velocidad de carga y el rendimiento SEO.
- Garantiza una experiencia fluida al visitante.
En términos simples: en lugar de pedirle datos a Blogger cada vez que alguien carga tu página, el sistema usa los datos guardados durante un tiempo definido. Una vez que el tiempo expira, vuelve a consultar el feed para actualizar.
⚙️ Configuración del Gadget de Caché
Este sistema ya está integrado en la plantilla. Lo encontrarás en Diseño, justo en la sección config-plugis o desde el HTML con el siguiente código:
<!-- Gadget: Configuración Administrador de Cache -->
<div id="config-cache" hidden
data-duracion="600000">
</div>
<!--
Duración de caché en milisegundos:
600000 = 10 minutos
1200000 = 20 minutos
1800000 = 30 minutos
3600000 = 1 hora
Este gadget no se muestra en frontend.
-->
📌 Clave de configuración
El atributo data-duracion define el tiempo en milisegundos que se conservará la información del feed en caché.
Ejemplos prácticos:
600000→ 10 minutos (valor por defecto).1200000→ 20 minutos.1800000→ 30 minutos.3600000→ 1 hora.
Si tu blog publica contenido con mucha frecuencia, lo ideal es usar 10 o 20 minutos. Si actualizas con menos frecuencia, puedes aumentar a 30 minutos o 1 hora sin problema.
🔧 Paso a paso: cómo ajustar el caché del feed
- Entra a Diseño o al editor de HTML de tu plantilla.
- Busca el gadget con el ID:
config-cache. - Cambia el valor de
data-duracionsegún tus necesidades. - Guarda los cambios y actualiza tu blog.
¡Listo! A partir de ese momento, todas las peticiones al feed de Blogger se almacenarán en caché el tiempo que hayas definido.
📜 Código interno del Cache Manager
Para que entiendas cómo funciona internamente, este es el script que hace el trabajo automáticamente. Viene incluido en NichoClean v2.0:
<!-- 2. JS Cache Manager (Feed post Blogger) -->
<script>//<![CDATA[
const fetchWithCacheManager = (() => {
// Default de caché (10 minutos)
const DEFAULT_CACHE_MS = 10 * 60 * 1000;
let CACHE_MS = DEFAULT_CACHE_MS; // valor que se actualizará al leer gadget
// Función para leer gadget y actualizar CACHE_MS
function initCacheConfig() {
const gadget = document.getElementById("config-cache");
if (!gadget) return; // usa default
let duracion = parseInt(gadget.dataset.duracion, 10);
if (!isNaN(duracion) && duracion > 0) {
CACHE_MS = duracion;
}
}
// Esperar a que el DOM cargue para leer gadget
document.addEventListener("DOMContentLoaded", initCacheConfig);
// Función principal de fetch con cache
async function fetchWithCache(url, overrideDuration) {
const cacheDuration = overrideDuration || CACHE_MS;
const cacheKey = `cache_feed_${url}`;
try {
const cached = localStorage.getItem(cacheKey);
if (cached) {
const cachedObj = JSON.parse(cached);
const age = Date.now() - cachedObj.timestamp;
if (age < cacheDuration) {
return cachedObj.data; // Cache válida
} else {
localStorage.removeItem(cacheKey); // Cache vencida
}
}
// Fetch real
const response = await fetch(url);
if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
const data = await response.json();
// Guardar cache
localStorage.setItem(cacheKey, JSON.stringify({
timestamp: Date.now(),
data: data
}));
return data;
} catch (error) {
console.error(`fetchWithCache error para URL: ${url}`, error);
// Intentar devolver cache aunque esté vencida
try {
const cached = localStorage.getItem(cacheKey);
if (cached) {
return JSON.parse(cached).data;
}
} catch {}
throw error; // No hay cache y fetch falló
}
}
return fetchWithCache;
})();
//]]>
</script>
⚠️ Recomendaciones y advertencias
- No elimines el gadget
config-cache. Es fundamental para regular la caché. - Evita poner valores muy bajos (menos de 5 minutos), ya que perderías el beneficio de evitar la saturación del feed.
- Si realizas pruebas, borra la caché del navegador o
localStoragepara ver los cambios al instante.
🔗 Compatibilidad con plugins que consumen el feed de Blogger
El Administrador de Caché de NichoClean v2.0 no solo protege el feed contra la saturación: funciona como la fuente única para todas las galerías de imágenes, sliders y carruseles, plugins de tienda (stores), widgets de entradas relacionadas y cualquier script que solicite datos del feed de Blogger. Estos componentes deben invocar la función central fetchWithCacheManager(url), que utiliza automáticamente la duración definida en el gadget #config-cache. De este modo reduces peticiones simultáneas al feed, mejoras el rendimiento y evitas bloqueos por sobrecarga sin tener que modificar cada plugin por separado.
El Administrador de Caché de Feed en NichoClean v2.0 no es un simple extra: es una herramienta estratégica para mantener tu blog rápido, ligero y sin saturar el feed de Blogger.
Configura un tiempo de caché adecuado y deja que la plantilla se encargue de optimizar automáticamente el consumo de datos. Tu blog ganará en velocidad, tus usuarios estarán más satisfechos y Google te recompensará con un mejor rendimiento en SEO.
👉 NichoClean v2.0: velocidad, limpieza y eficiencia para tu blog.
Aún no hay comentarios, sé el primero en comentar.
Publicar un comentario