Skip to content

Resource Hints

Automatically add DNS prefetch, preconnect, and font preload hints for faster page loads.

How It Works

Cacheability Pro scans your site's enqueued scripts and styles to discover external domains and font files. It then adds the appropriate resource hints to the <head> section so browsers can begin connecting to external servers before they're needed.

DNS Prefetch

Resolves domain names for external resources in advance, saving 50-300ms per domain on the first request.

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

Added automatically for any external domain found in enqueued scripts or styles that isn't a critical resource (see preconnect below).

Preconnect

Establishes full connections (DNS + TCP + TLS) to critical external domains like font servers and CDNs.

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">

Added automatically for:

  • Font domains (Google Fonts, TypeKit, Font Awesome)
  • CDN domains (containing "cdn", "static", or "assets" in the hostname)
  • Domains serving CSS or JavaScript files

Font Preloading

Discovers .woff2 font files referenced in theme and plugin stylesheets, then adds preload hints so browsers download fonts before they're needed.

<link rel="preload" href="/wp-content/themes/mytheme/fonts/body.woff2" as="font" type="font/woff2" crossorigin="anonymous">

Font discovery:

  • Parses @font-face declarations in locally-hosted stylesheets
  • Extracts .woff2 URLs (the most efficient format)
  • Resolves relative paths from the stylesheet's location
  • Caches discovered fonts for 24 hours (avoids re-parsing on every page load)
  • Limits to 6 fonts maximum to avoid excessive preloads

Zero Configuration

All resource hints are detected and applied automatically. No settings needed.

Deduplication

Hints already registered by your theme or other plugins are not duplicated.