Ako by ste opravili situáciu, keď databáza narastla a začala sa spomaľovať?

V prvom rade analyzujem stav databázy pomocou nástrojov na monitorovanie a logov. Identifikujem pomalé dotazy a problémové miesta.

Následne môžu byť nasledovné kroky:

• Optimalizácia dotazov:
  • Refaktorovanie SQL dotazov na zníženie počtu čítaní a zápisov.
  • Vyhýbanie sa N+1 dotazom na frontende, načítavaním súvisiacich dát naraz.
  • Použitie vhodných dátových typov.
• Indexovanie:
  • Vytváranie alebo optimalizácia indexov pre často používané stĺpce.
  • Odstránenie nepoužívaných indexov.
• Cacheovanie:
  • Zavedenie cacheovania na strane frontendu (pomocou knižníc ako React Query, SWR) alebo backendu (Redis, Memcached) pre často požadované, ale zriedka menené dáta.
• Škálovanie:
  • Vertikálne škálovanie: zvýšenie zdrojov servera (procesor, pamäť, disk).
  • Horizontálne škálovanie: sharding (delenie dát na viaceré servery) alebo replikácia (tvorba kópií databázy).
• Denormalizácia:
  • Čiastočná denormalizácia štruktúry databázy na zrýchlenie čítania, ak je to odôvodnené.
• Vnútorné mechanizmy DB:
  • Ladenie parametrov konfigurácie databázy.
  • Pravidelné vykonávanie údržbárskych procedúr (napr. VACUUM pre PostgreSQL).
• Archivácia a čistenie:
  • Presunťovanie zriedkavo používaných alebo zastaraných dát do archívneho úložiska alebo ich odstránenie.

Ako frontend vývojár môžem aktívne participovať na optimalizácii na úrovni dotazov, zavádzaní cacheovania na frontende a analýze dát získaných od backendu na identifikáciu anomálií. Taktiež je dôležitá úzka spolupráca s backend tímom na koordináciu aktivít.

Príklad cacheovania na frontende s použitím React Query:

// Použitie useQuery na získanie dát s cacheovaním
import { useQuery } from 'react-query';

const fetchUserData = async (userId) => {
  const response = await fetch(`/api/users/${userId}`);
  if (!response.ok) {
    throw new Error('Network response was not ok');
  }
  return response.json();
};

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

  if (isLoading) return 'Loading...';
  if (error) return 'An error has occurred: ' + error.message;

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