Подробная информация о предварительном рендеринге с помощью AMP HTML

Я видел некоторые упоминания о предварительном рендеринге на страницах AMP. В частности, страница проекта «Как это работает» (https://www.ampproject.org/how-it-works/) говорит:

Документы AMP с самого начала разрабатывались таким образом, чтобы их можно было эффективно предварительно отрендерить. Браузеры уже давно поддерживают предварительный рендеринг с помощью тега ‹link rel=prerender›, но им нужно осторожно относиться к этому механизму, поскольку предварительный рендеринг может быть дорогостоящим. В AMP HTML мы добавили возможность сообщить документу: визуализируйте сами, но только в той части, которая видна в верхней части сгиба, и только в тех элементах, которые не требуют интенсивного использования ЦП, чтобы минимизировать затраты на предварительную визуализацию.

Я хотел бы узнать больше о том, как работает предварительный рендеринг:

  • Есть ли какая-либо дополнительная документация по этому предварительному рендерингу? Я не смог найти никаких дополнительных подробностей.
  • Где код, реализующий предварительный рендеринг?
  • Если это не ссылка с rel=prerender, какая техника используется для предварительного рендеринга?
  • Как вы указываете html-странице AMP для рендеринга в режиме предварительного рендеринга, когда она загружается только над ресурсами сгиба и т. Д.?
  • Есть ли какой-нибудь хорошо упакованный способ для кого-то использовать этот предварительный рендеринг на своем собственном сайте AMP (при навигации между страницами)?

person crdumoul    schedule 01.02.2016    source источник


Ответы (1)


Я писал о том, как работает предварительный рендеринг в AMP в этом сообщении.

У нас пока нет отличной документации о том, как это использовать, но одной из наших целей на этот год является предоставление стабильных SDK для Интернета, iOS и Android со встроенным предварительным рендерингом.

person Malte Ubl    schedule 09.02.2016
comment
Спасибо за это, но немного света на конкретных деталях. Я предполагаю, что скрытый iframe загружает страницу, чтобы обойти плохую поддержку браузером предварительного рендеринга по ссылке, а также обойти ограничение на один предварительный рендеринг для тех браузеров, которые его поддерживают? Умная. И имеет ли этот iframe тот же размер, что и текущее окно, поэтому AMP автоматически выполняет предварительную визуализацию только изображений выше текущей складки? - person Barry Pollard; 09.02.2016
comment
Я уже видел эту ссылку, но, как упомянул @BazzaDP, на самом деле она не дает подробностей о том, как работает предварительный рендеринг и как его использовать. - person crdumoul; 10.02.2016
comment
В конечном итоге это будет задокументировано. Вы можете установить параметр фрагмента в URL-адресе iframe, чтобы перевести документ в режим предварительной обработки. В этом режиме он будет загружать только ресурсы выше сгиба и не будет загружать ресурсы, которые могут использовать много ресурсов ЦП или быть конфиденциальными (контент 3p). - person Malte Ubl; 11.02.2016