Ускоренная мобильная страница - динамические страницы

Question

Я очень впечатлен новым AMP и хотел бы реализовать его на своем мобильном сайте. Большая часть контента на моем мобильном сайте - это динамическое значение, основанное на пользователе входа в систему, оно будет извлекать данные из разных бэкэнд-сервисов, таких как mysql и sphinx, и будет отображать результаты.

Могу ли я использовать AMP для своего мобильного сайта. После выполнения поиска в Google я обнаружил, что люди рекомендуют его для статических страниц. Также как метод кэширования CDN работает для динамических страниц в AMP.

Answer 1

Вы можете использовать AMP для динамических сайтов. Поскольку мы используем AMP на веб-сайте WordPress с использованием плагина AMP, то есть динамического веб-сайта.

Вы должны направиться на официальный сайт и следуйте руководству по началу работы: https://www.ampproject.org

я добавить несколько пунктов я узнал до сих пор создать несколько страниц AMP и шаблоны до сих пор.

Как у вас есть собственный сайт, вам необходимо внедрить и создавать страницы AMP или шаблон AMP себя два важных момента, чтобы рассмотреть следующие вопросы:

1. Ваша нормальная страница будет иметь ссылку в заголовке, указав, что он имеет версия AMP страницы доступны следующим тегом:

   <link rel="amphtml" href="exact-url-to-you-amp-version-of-this-page" />

2. Тогда вы будете создавать версии AMP той страницы, которая имеет аналогичную связь с отн = каноническому так, чтобы избежать дублирования р enality т.е. AMP версия будет иметь следующую ссылку:

   <link rel="canonical" href="exact-url-to-your-original-non-amp-page" />

Это создает почву. Теперь страница AMP должна придерживаться строгого формата, то есть вам не разрешено использовать таблицы стилей или теги сценариев или img. https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#html-tags

Вы можете использовать этот базовый шаблон для начала работы, так как есть несколько других тегов, которые нужно иметь в заголовке, например, символ AMP в теге HTML на странице, чтобы объявить его страницей AMP. Затем вы создаете свои части динамического контента на этой странице, следуя всем правилам, т. Е. Теги img используют теги amp-img, не iframe, не встроенный стиль для html-тегов. Нет внешних таблиц стилей. Например, правила встроенных CSS-стилей и т. Д. https://www.ampproject.org/docs/get_started/create/basic_markup.html

Также вы можете проверить страницы AMP, которые вы создаете, добавив # development = 1 в URL-адреса и увидев любые ошибки в Chrome Console. Более подробная информация здесь: https://www.ampproject.org/docs/guides/validate.html

Answer 2

Мне было также интересно, как работает кэш для динамического pages.I нашел вопрос о AMP Github, что в основном объясняет, что Google Кэш уважая Cache-контроль максимального возраст атрибутов в HTTP чтобы оценить, когда необходимо обновить кеш. Единственное, что не работает, это установить его на 0.

Но похоже, что они работают над решением для очистки кэша программно.

Вот AMP GitHub соответствующая страница: https://github.com/ampproject/amphtml/issues/1901

Answer 3

Вы можете использовать amp-list компонент для встраивания конкретного пользователя динамического контента (docs, sample).Имя amp-list немного вводит в заблуждение, так как вы можете использовать его для отдельных элементов. Это также будет работать, если ваш AMP загружается через кеш.

Другая возможность - использовать iframe.