← All examples

Reveal preconnect and prefetch hints

Surfaces preconnect/prefetch link tags that connect early to third-party domains.

Code to copy

link[rel="preconnect"]::after,
link[rel="dns-prefetch"]::after,
link[rel="prefetch"]::after,
link[rel="preload"]::after {
  content: "[" attr(rel) ": " attr(href) "]";
  display: block !important;
  position: fixed;
  left: 0; bottom: 0;
  background: #222; color: #6f6;
  font: 11px monospace; padding: 2px 6px; z-index: 2147483647;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.