Stack Overflow
Stack Overflow

Questions tagged [accelerated-mobile-page]

Similar Tags: [amp-html] and [google-amp] AMP HTML (Accelerated Mobile Pages HTML) is a project led by Google to make the mobile web faster. It is a set of HTML tags, a JavaScript library, and a cache for AMP-compliant pages.

The project homepage is at https://www.ampproject.org/, and the framework source code can be found at https://github.com/ampproject/amphtml.

AMP HTML is HTML with some restrictions for reliable performance and some extensions for building rich content beyond basic HTML. The AMP JS library ensures the fast rendering of AMP HTML pages.

An easy-to-follow tutorial can be found on the project's homepage.

Validating AMP pages

There are three ways to validate an AMP page:

  1. Add #development=1 to the URL, for example http://localhost:8000/released.amp.html#development=1, then check the browser console for validation errors.
  2. Paste the URL (or the page code) at https://validator.ampproject.org/
  3. Use the AMP Validator extension for Chrome.

You can also use the Structured Data Testing Tool to validate Schema.org markup.

134 questions
14
votes
7 answers

Using Accelerated Mobile Pages with Bootstrap

I have a website that uses Bootstrap. Technically, I'm using Bootstrap 4 at the moment. I want to leverage Accelerated Mobile Pages (AMP) in the publicly-facing parts of my page. However, I have several errors that I can't seem to shake. This has me…
user70192
  • 13,786
  • 51
  • 160
  • 240
13
votes
4 answers

Accelerated mobile pages in django?

Are any Django developers working on building out AMP-HTML pages? (For reference: Google AMP-project) If I understand it correctly, the way AMP-HTML works is, you create 2 separate files for each page. The normal HTML result, plus a new AMP-HTML…
Renkai
  • 236
  • 2
  • 10
10
votes
1 answer

wordpress: adding a

Good day all. I'm using a "amp" generator on a wordpress site, one of the actions of this plugin is to add a biolerplate tag just before the and a
Matteo Bononi 'peorthyr'
  • 2,170
  • 8
  • 46
  • 95
7
votes
1 answer

Communication from AMP parent frame to page in iframe

I am building a static website using Accelerated Mobile Pages (AMP). Many pages contain iframes using the "amp-iframe" tag. The child pages are not AMP-compliant. I need a way for a child page to determine when the parent page has finished loading.…
Ben Shoval
  • 1,732
  • 1
  • 15
  • 20
6
votes
4 answers

How can I insert a lightning bolt symbol for Google's AMP page format?

If you visit the Accelerated Mobile Pages HTML specification, you will see that the tag has a lightning bolt before the closing bracket: Is there a keyboard shortcut I can use or configure to insert this?
Connor Gurney
  • 597
  • 2
  • 6
  • 16
5
votes
3 answers

how to hide dynamically an div container in AMP Page

Are there some solution as how to hide an div container dynamically? this is my current implementation:
Christian Felix
  • 644
  • 1
  • 9
  • 28
5
votes
1 answer

AMP as PWA vs AMP in PWA

There are 3 ways to combine AMP with PWA (as described here): AMP pages with PWA features AMP as entry point into your PWA AMP as data source for your PWA In both first and third approach, we are fetching AMP content from the server using service…
ctor
  • 805
  • 1
  • 10
  • 26
4
votes
2 answers

AMP Html not working on iphone safari browser to go new window

Recently I am developing a progressive web app with Accelerated Mobile Pages (AMP). I have to add anchor link with target="_blank" so that a user click on that link will be redirected to a new window with anchor location.
Md. Ziyed Uddin
  • 180
  • 1
  • 1
  • 10
4
votes
0 answers

Access to amp-state in amp-mustache templates or AMP.navigateTo

I am trying to build an autocomplete input which is triggered upon clicking on a product. The input is to allow the user to select a city so that he can be landed on to the product details page with the city context. To achieve this I store the…
meetnext
  • 118
  • 1
  • 9
4
votes
1 answer

How to display dynamic data in Accelerated Mobile Pages(AMP) from firebase

I am using firebase backend database for the site (mostly have a 2 page to display content business page, product page) I try to create AMP page with PHP but it's not working. I have lots of business/product to display in APM (page structure is…
Mitul Bhadeshiya
  • 1,280
  • 1
  • 12
  • 32
3
votes
1 answer

How to make self hosted prebid server work with AMP?

The github repo does not mention any thing on how to use the self hosted server work with AMP . They have given an endpoint to access after storing the request in the server: /openrtb2/amp?tag_id={ID} //id is the file name of request stored. I do…
guilemon
  • 132
  • 12
3
votes
1 answer

AMP show loading indicator on Show More

I followed this example to implement a "Show More" action on AMP. It's working great but when I click on the button it doesn't display anything to give the user the idea that the page is loading. My backend isn't particularly fast and so it looks…
moondaisy
  • 4,303
  • 6
  • 41
  • 70
3
votes
1 answer

Is there a way to stop AMP Analytics counting development work as hits?

I have added AMP Analytics (amp-analytics) to my AMP Pages like these and the hits are recorded properly on Google Analytics. The only problem is that it is counting all my development work as hits. This will really skew my readings as many people…
Sandeep C
  • 291
  • 1
  • 2
  • 14
3
votes
2 answers

accelerated mobile pages in ASP.Net web forms possible?

I have a ASP.NET web forms application. I am trying to see whether it is possible to support AMP (accelerated mobile pages). Since the tag is not allowed in AMP, I would assume it is impossible to support it. However, I can't seen to find a single…
Peter de Bruijn
  • 792
  • 6
  • 22
3
votes
2 answers

Can/Should AMP (Accelerated Mobile Pages) be used for a whole commercial website?

I am new to AMP and wonder who it is for. For instance. Can or should I create my home page as an AMP page. I've heard that this is just for news publishers but the acronym states nothing of this, just Accelerated Mobile Pages, pretty general to…
Jay Byford-Rew
  • 5,736
  • 1
  • 35
  • 36
1
2 3
…
8 9