Pokaż wskazówki preconnect i prefetch
Uwidacznia tagi link preconnect/prefetch, które wcześnie łączą się z domenami trzecich stron.
Kod do skopiowania
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;
}
Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.