Native & Paired Issues

  • With the Native and Paired recommendation, website themes have to have just 6KB CSS, and most sites have more than that. When I switch over, it just breaks the whole page so I have to stick with Classic mode for now. I’ve spoken to many website developers, and they’re not in any rush to change CSS for Google AMP.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Weston Ruter

    (@westonruter)

    AMP’s limit for CSS is actually 50KB not 6KB.

    Can you switch to Paired mode and share the output of the page, es

    Actually, I can see that your site is in native mode right now so I can see the contents of the style[amp-custom] in the HTML comment that precedes it:

    Total included size: 14,798 bytes (12% of 117,358 total after tree shaking)

    That means that 88% of the CSS on the page was removed because it determined it wasn’t used on the page. That doesn’t seem correct, and the styling also seems broken. For some reason too many style rules are being removed.

    Same thing is happening with my website.
    Switching to Transitional or Native mode is just breaking up the whole page.

    Plugin Author Pascal Birchler

    (@swissspidy)

    @jatinh Sorry to hear that. Could you please open a separate support thread so we can better assist you with your site?

    It would be really useful for us to know which theme and plugins you are using.

    Due to the nature and variety of the WordPress ecosystem it is basically impossible to just make more complex WordPress sites AMP-compatible with the click of a button.

    The AMP plugin does its best to get you like 80% there by providing a great amount of tooling to take most of the burden off your shoulders. It is accompanied by extensive documentation to help you take the last few steps.

    Many WordPress themes and plugins are already AMP-compatible out of the box, some of them which are featured on our website. For those cases, there’s no extra step that you need to take. If your theme or plugin is not listed there, we suggest you to reach out to the respective developer(s) so they can implement it.

    Again, please let use know some details of your site so we can assist with troubleshooting. A great way to do that is by installing the Health Check & Troubleshooting plugin, and pasting the debug information the plugin gives you in your new support thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Native & Paired Issues’ is closed to new replies.