AMP plugin needs to be installed in order to enable AMP for your web pages. Read about Astra-AMP Integration. After installing the plugin we recommend you to configure a few settings.
From WordPress dashboard navigate to AMP > General. Here you can see some global settings.
- Disable admin bar on AMP pages: Tick the checkbox for this option. Admin bar adds 12 KB of CSS in your AMP CSS. As AMP has a limit of 50 KB CSS we recommend to disable admin bar.
- Serve all templates as AMP regardless of what is being queried: Disable this option. If you are using a page builder that is not AMP compatible, pages will look unstyled in AMP mode. Disable this setting so that your pages will not display in AMP mode by default. You can choose the post type from available settings on which you want to enable AMP by default.
Apart from the above global settings, you can enable/disable AMP on particular pages/posts.
- Edit the page.
- In the right sidebar, you can see a toggle button to enable/disable AMP.
- If page builder is used to design a page or post, it is recommended to turn off the AMP.