Cum ai remedia situația când baza de date a crescut și a început să încetinească?

În primul rând, voi analiza starea bazei de date folosind instrumente de monitorizare și jurnale. Voi identifica interogările lente și punctele problematice.

Apoi, pașii posibili sunt:

• Optimizarea interogărilor:
  • Rescrierea interogărilor SQL pentru a reduce numărul de citiri și scrieri.
  • Evitarea interogărilor N+1 pe frontend, încărcând datele conexe o dată.
  • Utilizarea tipurilor de date adecvate.
• Indexare:
  • Crearea sau optimizarea indexurilor pentru coloanele frecvent utilizate.
  • Eliminarea indexurilor neutilizate.
• Caching:
  • Implementarea caching-ului pe partea de frontend (cu biblioteci precum React Query, SWR) sau pe backend (Redis, Memcached) pentru datele interogate frecvent, dar care se schimbă rar.
• Scalare:
  • Scalare verticală: creșterea resurselor serverului (procesor, memorie, disc).
  • Scalare orizontală: sharding (divizarea datelor pe mai multe servere) sau replicare (crearea de copii ale bazei de date).
• Dénormalizare:
  • Dénormalizare parțială a structurii bazei pentru a accelera citirile, dacă este justificat.
• Mecanisme interne ale bazei de date:
  • Ajustarea parametrilor de configurare ai bazei de date.
  • Executarea regulată a procedurilor de întreținere (de exemplu, VACUUM pentru PostgreSQL).
• Arhivare și curățare:
  • Transferul datelor rareori utilizate sau învechite în arhivă sau ștergerea acestora.

Ca dezvoltator frontend, pot participa activ la optimizarea la nivel de interogări, implementarea caching-ului pe frontend și analiza datelor primite de la backend pentru identificarea anomaliilor. De asemenea, este important să colaborez strâns cu echipa de backend pentru coordonarea acțiunilor.

Exemplu de caching pe frontend folosind React Query:

// Utilizarea useQuery pentru obținerea datelor cu caching
import { useQuery } from 'react-query';

const fetchUserData = async (userId) => {
  const response = await fetch(`/api/users/${userId}`);
  if (!response.ok) {
    throw new Error('Răspunsul de rețea nu a fost ok');
  }
  return response.json();
};

function UserProfile({ userId }) {
  const { data, error, isLoading } = useQuery(['user', userId], () => fetchUserData(userId));

  if (isLoading) return 'Se încarcă...';
  if (error) return 'A apărut o eroare: ' + error.message;

  return (
    <div>
      <h2>{data.name}</h2>
      <p>{data.email}</p>
    </div>
  );
}