AMP

What is AMP?

AMP Plugin for WordPress

Is my site compatible?

Any site is “compatible” with the AMP plugin, it will do it’s best to filter and process through your site for AMP compliance… but going AMP means accepting significant sacrifices in Javascript functionality and bloated CSS stylesheet implemnetations. The AMP plugin does abot 80% of the work for us, we have build the extra 20% that makes a native AMP site be more than a stripped down version of your modern bloated site. That is where we step in, all of our products build off of the AMP plugin’s foundation to give you a clean, fast and functional native AMP website.

  • Non-AMP javascript is not allowed.
    • This has a much bigger impact than you may know. This includes the javascript used by your theme and plugins. Blatently removing JS will cause many aspects of your site to stop working.
    • AMP offers a suite of components that use their native JS to deliver some of that functionality back to you. But at this point the AMP plugin does not handle those conversions… and probably never will as JS conversion is far too comprehensive and differences in programming styles would create too many hurdles.
  • Tree-Shaking = AWESOME! AMP’s 50kb limit = BAHHHH!
    • The AMP protocol requires that the entirity of your CSS fall under their 50kb limit. Most sites use anywhere from 50kb to 1000kb with many redundant (cascading) styling rules
    • The AMP plugin does an amazing job of filtering through your pages and stylesheets to determine what CSS is necessary, then filters out the rest. The Tree-Shaking process works well to reduce the CSS weight, but in our tests we have discovered that most themes still come in over the 50kb limit, even with minimal content (more content sometimes means more CSS used).
  • Forms must meet stringent requirements.
    • You can use forms that submit using GET, but is you are to use POST your form must have several changes made to it’s attributes, follow the rules of MAP… oh, and SSL is required.
    • In our tests we have found that basic POST forms may work fine, especially the basic wp forms. But GET forms are often missing some required attributes, and any form handled by JS without proper fallbacks in place will probably not work.

Installation

  • Login into wp-admin and open Plugins.
  • Select “Add New”.
  • Enter “amp” into the Search Plugins field.
  • Select the AMP plugin from the search results.
  • Click “Install Now”
  • When the plugin is finished installing, click the “Activate” link.

AMP Settings & Validation

Enable Native AMP Support

Under Website Mode, check the Standard radio button. This enables the entire site to be AMP compliant (except WooCommerce account/cart/checkout pages). Be sure to click the Save Changes button.

After you enable Native/Standard AMP, you may see a warning about validation errors. This is the AMP plugin doing it’s job.

AMP Validation Error Index

These “errors” are mostly just normal website script that doesn’t fit the AMP protocol, and the fixes are mostly filters that remove or adjust them for compliance. This may sound simple, but believe me… it is not.

Though it does have an “Auto-Approve” feature for errors that the plugin fixes, it still sometimes requires some interaction. You may have to approve the errors/fixes manually to make that final step towards validation. Navigate to AMP/Error Index to handle these approvals.

Accept the “Errors”
The errors are actually AMP Validation infractions found by the plugin, this step authorizes the plugin to filter them out.

Even if all errors are marked as “New Accepted”, they pages they contain may not pas AMP validation. The easiest way to ensure you have the best start you can is to click the checkbox below the Bulk Actions drop-down to select all entries. Next choose Approve from the drop-down, and click Apply. Repeat this procedure on each page by clicking the navigation button at the top right of the table. Once you have approved all entries, you will be fully AMPed.

As you build your site, AMP will continue searching for and fixing the invalidations. You may need to check this page and approve any new errors that come up to keep your new pages/edits validating.

As you build your site, AMP will continue searching for and fixing the invalidations. You may need to check this page and approve any new errors that come up to keep your new pages/edits vaildating.

X

This site uses cookies to offer you a better browsing experience. By continuing to navigate through this site or by clicking Accept, you consent to the use of cookies on your device as described in our privacy notice.