Error: Quota exceeded for quota metric Read requests en Firestore

La Solución Paso a Paso

1. 1

   Paso 1: Habilitar la persistencia y caché local en el cliente

   Evita que los usuarios consuman lecturas de red cada vez que recargan la página activando el almacenamiento en caché local:

   JAVASCRIPT Copiar

   import { initializeFirestore, persistentLocalCache, persistentMultipleTabManager } from "firebase/firestore";
   
   // Inicializar Firestore con persistencia multi-pestaña
   const db = initializeFirestore(app, {
     localCache: persistentLocalCache({
       tabManager: persistentMultipleTabManager()
     })
   });
   

2. 2

   Paso 2: Implementar paginación estricta en consultas

   Nunca descargues colecciones completas. Divide las consultas en bloques pequeños (ej. de 10 a 20 documentos):

   JAVASCRIPT Copiar

   import { collection, query, orderBy, startAfter, limit, getDocs } from "firebase/firestore";
   
   // Consulta paginada eficiente
   async function obtenerPagina(ultimoDocumentoVisible = null) {
     let q = query(
       collection(db, "articulos"),
       orderBy("fecha", "desc"),
       limit(15)
     );
   
     if (ultimoDocumentoVisible) {
       q = query(q, startAfter(ultimoDocumentoVisible));
     }
   
     const snapshot = await getDocs(q);
     const items = snapshot.docs.map(doc => ({ id: doc.id, ...doc.data() }));
     const ultimoDoc = snapshot.docs[snapshot.docs.length - 1];
   
     return { items, ultimoDoc };
   }
   

3. 3

   Paso 3: Usar consultas de agregación para contar documentos

   Para contar registros, no descargues todos los documentos; utiliza getCountFromServer(), que solo cuenta como 1 sola lectura sin importar el tamaño de la colección:

   JAVASCRIPT Copiar

   import { collection, getCountFromServer } from "firebase/firestore";
   
   // Contar millones de documentos consumiendo solo 1 lectura
   const coll = collection(db, "pedidos");
   const snapshot = await getCountFromServer(coll);
   console.log("Total de pedidos:", snapshot.data().count);
   

4. 4

   Paso 4: Desuscribir listeners onSnapshot cuando se desmonte el componente

   En aplicaciones React o Vue, los listeners no liberados generan lecturas infinitas en segundo plano:

   JAVASCRIPT Copiar

   // En React useEffect:
   useEffect(() => {
     const unsubscribe = onSnapshot(doc(db, "chats", chatId), (doc) => {
       setMensajes(doc.data());
     });
   
     // Limpiar el listener al desmontar el componente
     return () => unsubscribe();
   }, [chatId]);
   

❓ Preguntas Frecuentes (FAQ)

¿A qué hora se reinicia la cuota diaria del plan gratuito de Firestore?

La cuota del plan Spark se reinicia a medianoche en hora del Pacífico (PST/PDT), correspondiente a las 00:00 UTC-8.

¿Las lecturas desde la caché local cuentan para la cuota de Firebase?

No. Cualquier documento recuperado desde la caché de IndexedDB del navegador no consume lecturas de red ni genera costes en Firestore.