Jak byste napravili situaci, když databáze vyrostla a začala zpomalovat?

V první řadě analyzuji stav databáze pomocí monitorovacích nástrojů a logů. Identifikuji pomalé dotazy a problematická místa.

Dále jsou možné následující kroky:

• Optimalizace dotazů:
  • Refaktoring SQL dotazů ke snížení počtu čtení a zápisů.
  • Vyhýbání se dotazům N+1 na frontendu, načítáním souvisejících dat najednou.
  • Použití vhodných datových typů.
• Indexace:
  • Vytváření nebo optimalizace indexů pro často používané sloupce.
  • Odstraňování nepoužívaných indexů.
• Caching:
  • Zavedení cache na straně frontendu (pomocí knihoven jako React Query, SWR) nebo na straně backendu (Redis, Memcached) pro často dotazované, ale zřídka měnící se data.
• Škálování:
  • Vertikální škálování: zvýšení zdrojů serveru (procesor, paměť, disk).
  • Horizontální škálování: sharding (rozdělení dat na více serverů) nebo replikace (vytváření kopií databáze).
• Dénormalizace:
  • Částečná denormalizace struktury databáze pro urychlení čtení, pokud je to odůvodněné.
• Vnitřní mechanismy databáze:
  • Ladění parametrů konfigurace databáze.
  • Pravidelné provádění údržbových operací (například VACUUM pro PostgreSQL).
• Archivace a čištění:
  • Přesun málo používaných nebo zastaralých dat do archivu nebo jejich odstranění.

Jako frontendový vývojář mohu aktivně participovat na optimalizaci na úrovni dotazů, zavádění cache na frontendu a analýze dat získaných ze serveru pro odhalení anomálií. Také je důležité úzce spolupracovat s týmem backendu pro koordinaci akcí.

Příklad cache na frontendu s použitím React Query:

// Použití useQuery pro získání dat s cache
import { useQuery } from 'react-query';

const fetchUserData = async (userId) => {
  const response = await fetch(`/api/users/${userId}`);
  if (!response.ok) {
    throw new Error('Síťová odpověď nebyla v pořádku');
  }
  return response.json();
};

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

  if (isLoading) return 'Načítání...';
  if (error) return 'Došlo k chybě: ' + error.message;

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