← Tous les exemples

Révéler les indices preconnect et prefetch

Fait apparaître les balises preconnect/prefetch qui se connectent tôt aux domaines tiers.

Code à copier

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

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.