Clicky

  1. Home
  2. Miscellaneous
  3. What is Tree Shaking (Optimize CSS) in AMP

What is Tree Shaking (Optimize CSS) in AMP

CSS Tree Shaking will automatically remove all the unused CSS to bring the total under 50KB limit on the AMP pages, So if you want to optimize your CSS then follow these steps

  • You will find this option in the WordPress Dashboard -> AMP option panel -> Settings -> Performance -> Enable “Optimize CSS(beta)” option and then click on the “Save Changes” button.
  • Optimize CSS(beta): Once you enable this option it will remove unused CSS and reduces the size of the CSS.
  • Want to clear the Cache?: No need to clear the cache manually just check this option and hit save and it will automatically clear the Cache.
  • If you want to check how much CSS is optimized then you need to enable “Dev Mode in AMP‘ option. You will find this option in the WordPress Dashboard -> AMP option panel -> Settings -> Advanced Settings -> Enable “Dev Mode in AMP ” option.

Note: Once you check the optimization then make sure you disable the ” Dev Mode in AMP ” option.

That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.

Ask your Questions Directly!
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!
Updated on September 30, 2019

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support

Leave a Comment