Kako biste popravili situaciju kada je baza podataka narasla i počela da usporava?

Prvo ću analizirati stanje baze koristeći alate za nadzor i logove. Identifikovaću spore upite i problematična mesta.

Zatim, mogući sledeći koraci su:

• Optimizacija upita:
  • Refaktorisanje SQL upita za smanjenje broja čitanja i zapisa.
  • Izbegavanje N+1 upita na frontendu, učitavajući povezane podatke odjednom.
  • Korišćenje odgovarajućih tipova podataka.
• Indeksiranje:
  • Kreiranje ili optimizacija indeksa za često korišćene kolone.
  • Uklanjanje neiskorišćenih indeksa.
• Keširanje:
  • Uvođenje keširanja na strani frontenda (pomoću biblioteka poput React Query, SWR) ili backenda (Redis, Memcached) za često zahtevane, ali retko menjane podatke.
• Skaliranje:
  • Vertikalno skaliranje: povećanje resursa servera (procesor, memorija, disk).
  • Horizontalno skaliranje: sharding (podela podataka na više servera) ili replikacija (kreiranje kopija baze podataka).
• Denormalizacija:
  • Delimična denormalizacija strukture baze za ubrzanje čitanja, ako je opravdano.
• Unutrašnji mehanizmi baze:
  • Tuning parametara konfiguracije baze.
  • Redovno izvođenje procedura održavanja (npr. VACUUM za PostgreSQL).
• Arhiviranje i čišćenje:
  • Premestanje retko korišćenih ili zastarelih podataka u arhivsku skladište ili njihovo brisanje.

Kao frontend programer, mogu aktivno učestvovati u optimizaciji na nivou upita, uvođenju keširanja na frontendu i analizi podataka dobijenih od backenda radi identifikacije anomalija. Takođe je važan blizak rad sa backend timom za koordinaciju aktivnosti.

Primer keširanja na frontendu koristeći React Query:

// Korišćenje useQuery za dobijanje podataka sa keširanjem
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>
  );
}