YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Avatar christian.van.laarhoven asked

AMP HTML?

I have heard a lot about AMP HTML recently, and I would like to hear about your plans with AMP.
Are you going to use it?

So yes, when are we going to see it? If not, why not?

Kind regards :)
Rob Adan

  • Joomla
  • Feature Request
  • General Question

6 Answers

1

Avatar christian.schims answered

Have a look at: wbAMP

AMP is more than just switching of some modules.

Take a look at the specifications:

  • Replace image references with images sized to the viewer’s viewport.
  • Inline images that are visible above the fold.
  • Inline CSS variables.
  • Preload extended components.
  • Minify HTML and CSS.

and the required markup:

  • start with the doctype <!doctype html>.
  • contain a top-level <html ⚡> tag (<html amp> is accepted as well).
  • contain <head> and <body> tags (They are optional in HTML).
  • contain a <link rel="canonical" href="$SOME_URL" /> tag inside their head that points to the regular HTML version of the AMP HTML document or to itself if no such HTML version exists.
  • contain a <meta charset="utf-8"> tag as the first child of their head tag.
  • contain a <meta name="viewport" content="width=device-width,minimum-scale=1"> tag inside their head tag. It’s also recommend to include initial-scale=1.
  • contain a <script async src="https://cdn.ampproject.org/v0.js"></script> tag inside their head tag.
  • contain the AMP boilerplate code (‘head > style[amp-boilerplate]’ and ‘noscript > style[amp-boilerplate]’) in their head tag.

It would be great, if the template will handle this. ;)

Edited

1

Avatar falcon answered

Any new I update on accelerated mobile pages ?

0

Avatar michael.anlauf Support Online answered

AMP is i think, actually more for static pages. You have in actual yootheme themes the possibility to customize your mobile appearance of your site. For example, don't provide a video on smartphones or provide smaller images.

Regards, Michael tucfoto

0

Avatar christian.van.laarhoven answered

Hello Micheal,

Sorry for the delay of this reply.

Yes, I know that you can change the layout of a mobile width, but with that setting turned on, the image still loads (while its not displayed).
(The main reason from AMP is the loadspeed on mobile browsers, or doesn't it?)
And why can't AMP be on an a CMS like Joomla! / WordPress? It are just some "other" tags, what still can be loaded from a CMS, right?

Is there a possibility that the Yootheme developers can take a look in it?

Kind regards,
Rob

0

Avatar philipp Yootheme answered

Hi Rob,

I asked the devs about that and they are following the changes of the AMP project with interest, but at the moment it is not planed to enable AMP within our templates since there are still mayor changes going on. That is also the reason why we can't tell when it will be available within out templates at the moment, but we will let you know as soon as this feature will be planned :)

Kind Regards
Philipp

0

Avatar futuron answered

This is an old post but it seems very hard to get an answer from you!
I've posted already twice about this and did not get any reaction: AMP is not difficult to implement on Joomla using the wbAMP extension. The main problem is that when you save an article done with the builder, the "intro text" of the article is filled with whatever is written in the builder layout.

Instead of that, it would be nice to have the same behavior as when J! creates an alias: if the alias does not exist, it gets pulled from the title - if it exists already, it is left alone.

That way, we can tailor an AMP version of the article in the "intro" part of the article and have a nice layout made the builder in the "full text area".

It would be VERY nice to have your opinion on this.

Know someone who can answer? Share a link to this question via email or twitter.