Advanced Performance

Network Performance

Resource hints, HTTP/2, compression, and reducing requests.

Optimizing Network

Network performance directly impacts how fast users can access your content.

Resource Hints

<!-- DNS prefetch -->
<link rel="dns-prefetch" href="//api.example.com">

<!-- Preconnect -->
<link rel="preconnect" href="https://fonts.googleapis.com">

<!-- Preload critical resources -->
<link rel="preload" href="critical.css" as="style">

<!-- Prefetch next page -->
<link rel="prefetch" href="next-page.js">

Compression

Gzip: Universal support, good compression
Brotli: 15-25% smaller than gzip
Enable at server/CDN level

HTTP/2 & HTTP/3

Multiplexing: Multiple requests over one connection
Header compression
Server push (deprecated)
HTTP/3: QUIC protocol, faster connections

Reducing Round Trips

Use CDN for assets (closer servers)
Inline critical CSS
Bundle small modules
Use 103 Early Hints

Additional Resources