Fetching & Displaying Data

What technique should be used to optimize data fetching for frequently accessed resources?

const cache = new Map();

async function fetchWithCache(url, options = {}) {
  const cacheKey = `${url}-${JSON.stringify(options)}`;
  if (cache.has(cacheKey)) {
    const { data, timestamp } = cache.get(cacheKey);
    if (Date.now() - timestamp < 5 * 60 * 1000) return data;
  }
  
  const response = await fetch(url, options);
  const data = await response.json();
  cache.set(cacheKey, { data, timestamp: Date.now() });
  return data;
}

Always fetch fresh data
Store all data in localStorage
Implement caching with TTL
Caching frequently accessed resources is crucial for performance. Key considerations include: 1) Implementing a caching strategy with Time-To-Live (TTL), 2) Using appropriate cache invalidation strategies, 3) Balancing cache freshness with performance, 4) Implementing proper cache key management. Additional best practices include: - Using browser's Cache API for persistent caching - Implementing stale-while-revalidate patterns - Handling cache invalidation on data updates - Considering memory limitations when caching
Disable caching completely

Next Question (11/20)