</>SkillRecallRECALL WHAT YOU KNOW
Prepare for an interviewExplore Library
Next.jsOptimization & Performance

12 items

1

loading.js and Instant Loading States

Flashcard
2

Data Caching and Request Memoization

Flashcard
3

Static vs Dynamic Rendering

Flashcard
4

Font Optimization with next/font

Flashcard
5

Prefetching Links with next/link

Flashcard
6

Dynamic Imports with next/dynamic

Flashcard
7

Image Optimization with next/image

Flashcard
8

Metadata API for SEO

Flashcard
9

Lazy Loading Components

Flashcard
10

Streaming and Suspense Boundaries

Flashcard
11

Automatic Code Splitting

Flashcard
12

Script Optimization with next/script

Flashcard
FlashcardIntermediate

Font Optimization with next/font

next/font self-hosts fonts at build time to remove external requests and layout shift.

Question

How does next/font improve performance?

Click to reveal answer