• Resolved tealatte

    (@tealatte)


    Hi, I have some alert messages showing in the AMP.
    My site has been crashing often while editing the pages and I am wondering if it has something to do with these alerts.

    One of the alert messages is “You have exceeded the CSS budget. Stylesheets deemed of lesser priority have been excluded from the page. Please review the flagged stylesheets below and determine if the current theme or a particular plugin is including excessive CSS.”

    If you can advise me on how to solve this issue, it would be wonderful.
    Thank you.

    My UUID is
    ampwp-12709178-d899-5fda-841a-a1ced6c9dca1

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi @tealatte,

    It happens because the AMP framework only allows 75 KB of CSS on each page, so the AMP plugin adds CSS optimizations, which are sometimes exceeded by third-party plugins or themes.

    I saw that you are using the beaver page builder, it could be the reason why extra CSS was added to the page. But if you are not sure how to find exceeding the CSS budget, follow the below steps:

    1) Make sure you have enabled the AMP validation tool
    Go-to: Users > Profile > check the checkbox for AMP Development tool > save

    2) Visit AMP page exceeding CSS budget check Admin bar for AMP option locate submenu CSS budget and click on it (screenshot)

    3) Locate the source of excessive CSS (screenshot)

    4) If one of the plugins adds excessive CSS find an alternative plugin from the AMP ecosystem

    You can learn more about the Reader mode video below:

    As we didn’t receive a response I’ll mark this as resolved. Feel free to open a new support topic if you require any further assistance.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Exceeded the CSS budget’ is closed to new replies.