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.
@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.