How DNS Affects Your Website Speed

April 20, 2024

When people talk about website speed, they usually focus on images, code, and hosting. But there's a step that happens before any of that: DNS lookup.

The Hidden Delay

Before your browser can download a single byte from a website, it needs to know where to find it. That means a DNS lookup. This typically takes 20-120 milliseconds, but can be much longer with slow DNS providers.

Doesn't sound like much? Consider this: - A page might require DNS lookups for multiple domains (CDN, analytics, fonts, ads) - Each lookup adds latency - On mobile networks, DNS can be even slower - Users notice delays as short as 100ms

Measuring DNS Performance

You can check DNS lookup time in browser developer tools. Open the Network tab, click on a request, and look for "DNS Lookup" in the timing breakdown.

Tools like WebPageTest also show DNS time for each request.

How to Speed Up DNS

1. Choose a Fast DNS Provider

If you're using your registrar's default nameservers, you might be leaving speed on the table. Premium DNS providers like Cloudflare, AWS Route 53, or Google Cloud DNS have servers worldwide and respond faster.

2. Reduce DNS Lookups

Every unique domain on your page requires a separate DNS lookup. Consolidate where possible: - Host assets on your main domain or a single CDN - Limit third-party scripts - Use fewer external fonts

3. DNS Prefetching

Tell browsers to resolve domains before they're needed:

<link rel="dns-prefetch" href="//cdn.example.com">

This is especially useful for domains you know will be needed, like your CDN or analytics provider.

4. Preconnect for Critical Resources

Go beyond DNS prefetching with preconnect:

<link rel="preconnect" href="https://cdn.example.com">

This establishes the full connection (DNS + TCP + TLS) early.

5. Keep TTLs Reasonable

Very short TTLs mean more DNS lookups. Unless you need frequent changes, a TTL of 1 hour or more reduces repeat lookups.

6. Use a CDN

CDNs don't just serve content faster - they also handle DNS efficiently with anycast routing, directing users to the nearest server.

Real-World Impact

I've seen sites shave 200-300ms off load times just by switching to a faster DNS provider. That might not sound dramatic, but studies show that every 100ms of delay reduces conversions by about 1%.

DNS optimization is low-hanging fruit. It takes minimal effort but can meaningfully improve user experience.