INTEGRITY Документация

← Cloudflare Pages / pages / configuration

Early Hints

Early Hints помогают браузеру быстрее загружать веб-страницы. Early Hints автоматически включен для всех pages.dev доменов и собственных доменов.

Early Hints автоматически кэширует любые preload ↗ и preconnect ↗ тип Link заголовки ↗ для отправки в браузер в качестве Early Hints. Эти подсказки отправляются браузеру до того, как будет подготовлен полный ответ, поэтому браузер может быстрее загрузить веб-страницу для конечного пользователя. Существует два способа создать такие Link заголовки в Pages:

Настройте Early Hints

Early Hints можно создать одним из двух способов, описанных ниже.

1. Настройте _headers файл

Создайте пользовательские заголовки с помощью _headers файл. Если вы подключаете определенную таблицу стилей на своем /blog/ раздел вашего сайта, вы бы создали следующее правило:

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

Pages прикрепляет этот Link: </styles.css>; rel=preload; as=style заголовок. После этого Early Hints передаёт этот заголовок как Early Hint, как только он будет закэширован.

Чтобы упростить работу с контентом, Pages также автоматически генерирует Link заголовки из любого <link> HTML-элементы со следующими атрибутами:

<link> элементы, содержащие любые другие дополнительные атрибуты (например, fetchpriority, crossorigin или data-do-not-generate-a-link-header) не будет использоваться для создания Link заголовки, чтобы случайно не потерять пользовательскую логику приоритизации, которая иначе была бы отброшена как Early Hint.

Это позволяет создавать Early Hints прямо во время написания документа, не переключаясь между HTML и _headers файл.

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

Удалите все автоматически созданные Link заголовки, добавив следующее в ваш _headers файле:

/*
  ! Link