</>SkillRecallRECALL WHAT YOU KNOW
Sign in
Explore Library
Next.jsOptimization & Performance

12 items

1

Dynamic Imports with next/dynamic

Flashcard
2

Image Optimization with next/image

Flashcard
3

Font Optimization with next/font

Flashcard
4

Static vs Dynamic Rendering

Flashcard
5

Data Caching and Request Memoization

Flashcard
6

loading.js and Instant Loading States

Flashcard
7

Script Optimization with next/script

Flashcard
8

Automatic Code Splitting

Flashcard
9

Streaming and Suspense Boundaries

Flashcard
10

Lazy Loading Components

Flashcard
11

Prefetching Links with next/link

Flashcard
12

Metadata API for SEO

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