← Tutti gli esempi

Mostra gli hint preconnect e prefetch

Evidenzia i tag link preconnect/prefetch che si collegano in anticipo a domini di terze parti.

Codice da copiare

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;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.