Перейти к содержимому

Экспериментальный клиентский пререндеринг

Тип: boolean
По умолчанию: false

Добавлено в: astro@4.2.0

Включает предварительный рендеринг (пререндеринг) ваших предварительно загруженных (prefetched) страниц на клиенте в поддерживаемых браузерах.

Эта функция использует экспериментальный Web API правил спекуляции (Speculation Rules Web API) и улучшает поведение prefetch по умолчанию глобально, чтобы предварительно рендерить ссылки на клиенте. Возможно, вы захотите ознакомиться с возможными рисками при пререндеринге на клиенте перед включением этой функции.

Включите клиентский пререндеринг в вашем astro.config.mjs вместе с любыми желаемыми параметрами конфигурации prefetch:

astro.config.mjs
{
prefetch: {
prefetchAll: true,
defaultStrategy: 'viewport',
},
experimental: {
clientPrerender: true,
},
}

Продолжайте использовать атрибут data-astro-prefetch для любой ссылки <a /> на вашем сайте, чтобы включить предварительную загрузку. Вместо добавления тега <link> в head документа или загрузки страницы с помощью JavaScript, будет добавлен тег <script> с соответствующими правилами спекуляции.

Клиентский пререндеринг требует поддержки браузера. Если API правил спекуляции не поддерживается, prefetch будет использовать поддерживаемую стратегию в качестве запасного варианта.

Смотрите Руководство по Prefetch для получения дополнительных опций prefetch и использования.