INTEGRITY Dokumentace

← Cloudflare Pages / pages / configuration

Early Hints

Early Hints pomáhají prohlížeči rychleji načítat webové stránky. Early Hints je automaticky zapnuto u všech pages.dev domény a vlastní domény.

Early Hints automaticky ukládá do mezipaměti veškeré preload ↗ a preconnect ↗ typu Link hlavičky ↗ k odeslání prohlížeči jako Early Hints. Tyto nápovědy se prohlížeči odešlou dřív, než je připravena celá odpověď, takže si prohlížeč dokáže poradit, jak stránku pro koncového uživatele načíst rychleji. Existují dva způsoby, jak tyto Link hlaviček v Pages:

Nastavte Early Hints

Early Hints lze vytvořit jedním ze dvou způsobů popsaných níže.

1. Nakonfigurujte svůj _headers soubor

Vytvořte vlastní hlavičky pomocí _headers soubor. Pokud zahrnete konkrétní stylesheet na svém /blog/ sekci svého webu, vytvořili byste následující pravidlo:

/blog/*
  Link: </styles.css>; rel=preload; as=style

Pages k tomuto připojí Link: </styles.css>; rel=preload; as=style hlavičky. Early Hints pak po uložení do mezipaměti tuto hlavičku vyšle jako Early Hint.

Aby bylo psaní obsahu snazší, Pages také automaticky generuje Link hlaviček z libovolného <link> prvky HTML s následujícími atributy:

<link> elementy, které obsahují libovolné další atributy (například fetchpriority, crossorigin nebo data-do-not-generate-a-link-header) nebude použit k vygenerování Link hlaviček, aby nedošlo k neúmyslné ztrátě vlastní logiky prioritizace, která by jinak byla vypuštěna jako Early Hint.

Díky tomu můžete vytvářet Early Hints přímo při psaní dokumentu, aniž byste museli přepínat mezi HTML a _headers .

<html>
	<head>
		<link rel="preload" href="/style.css" as="style" />
		<link rel="stylesheet" href="/style.css" />
	</head>
</html>

Odstraňte veškeré automaticky vygenerované Link hlaviček přidáním následujícího do svého _headers soubor:

/*
  ! Link