AMP Compatibility

[rixlab]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro. )

What problem is your feature request going to solve? Please describe.
I want Elementor to be compatible with AMP

Describe the solution you'd like
I would like Elementor to be able to allow us to build the AMP version of the website. If possible, add it to the existing versions: Desktop|Tablet|Mobile

Describe alternatives you've considered
I have checked the Pagebuilder Compatibility by ampforwp.com, it's another software I don't want to be spending on. Elementor is already expensive not to have that feature. It's 2020, you should be allowing your users to build their AMP Pages.

Additional context

[westonruter]

I'm a developer for the official AMP plugin for WordPress and I'd love to help advise on making Elementor AMP-compatible.

[westonruter]

@rixlab You're looking to create a separate AMP version of your site? Why not just create one single responsive version that happens to be AMP? AMP is just a web framework and it works on desktop and mobile alike. Originally it stood for “Accelerated Mobile Pages” but no longer. There is no need to have a separate AMP version since the AMP version can be as full-featured as any non-AMP version.

[TylerThumble]

@westonruter, I have recently created a site using Elementor. It looks beautiful but it gets pretty low page speed numbers. When I used AMP the number skyrocketed, but... the site was no longer functional. Specifically, the menu button did not drop down the menu page options. You mentioned building just one AMP site - Can this be done within elementor? Thanks.

[westonruter]

@TylerThumble The nav menu not working is a common issue for themes which aren't AMP-compatible. This is because they are implemented using custom JS instead of CSS or static HTML. If HTML/CSS were used then they'd be AMP-compatible (and also work if JS is turned off in the browser). The next best thing is for the theme's nav menu to gracefully degrade when JS is turned off, which would provide a fallback experience in AMP. This doesn't appear to be the case for Elementor. The AMP plugin strips out custom JS to make the resulting page valid AMP, which is why the nav menu doesn't work. This is why I originally commented on this issue, to inquire about making Elementor AMP-compatible. But it doesn't see to be going anywhere.

You may inquire on our support forum to see if there is an easy way to shim AMP compatibility on top of Elementor. I believe @milindmore22 may have some suggestions for you on the topic you open.