1---
2title: Preload Audio Files
3impact: MEDIUM
4tags: impl, preload, performance
5---
6 
7## Preload Audio Files
8 
9Preload audio files to avoid playback delay.
10 
11**Incorrect (loads on demand):**
12 
13```tsx
14function playSound(name: string) {
15  const audio = new Audio(`/sounds/${name}.mp3`);
16  audio.play();
17}
18```
19 
20**Correct (preloaded):**
21 
22```tsx
23const sounds = {
24  success: new Audio("/sounds/success.mp3"),
25  error: new Audio("/sounds/error.mp3"),
26};
27 
28Object.values(sounds).forEach(audio => audio.load());
29 
30function playSound(name: keyof typeof sounds) {
31  sounds[name].currentTime = 0;
32  sounds[name].play();
33}
34```
35