Autoptimize Power-Up sneak peek; Critical CSS

So although I am taking things rather slowly, I am in fact still working on Power-Ups for Autoptimize, focusing on the one most people were asking for; critical CSS. The Critical CSS Power-Up will allow one to add “above the fold”-CSS for specific pages or types of pages.

The first screenshot shows the main screen (as a tab in Autoptimize), listing the pages for which Critical CSS is to be applied:

The second screenshot shows the “edit”-modal (which is almost the same when adding new rules) where you can choose what rule to create (based on URL or on WordPress Conditional Tag), the actual string from the URL or Conditional Tag and a textarea to copy/ paste the critical CSS:

ao_critcss_edit

The next step will be to contact people who already expressed interest in beta-testing Power-Ups, getting feedback from them to improve and hopefully make “Autoptimize Critical Css” available somewhere in Q3 2016 (but no promises, off course).

12 thoughts on “Autoptimize Power-Up sneak peek; Critical CSS

  1. Abhishek Sharma

    Hi Frank

    Thanks for your Quick support and plugin.

    I resolved a issue by your comment on wordpress.org but I want to ask that It is possible to remove html comment. I want to show only ad code html comment.

    thanks again

    Your Fan
    Abhishek Sharma

    Reply
  2. Abhishek Sharma

    Hi Frank

    Thanks for your Quick support and plugin.

    I resolved a issue by your comment on wordpress.org but I want to ask that It is possible to remove html comment <!–/noptimize–> or <!–/noptimize–>. I want to show only ad code html comment.

    thanks again

    Your Fan
    Abhishek Sharma

    Reply
  3. Andrei

    Hi Frank,
    Did you had any success geberating css for the above the fold content with services like the one from sitelocity.com ?
    Thanks

    Reply
  4. faninja

    frank,

    i don´t have credit card for euro operations …

    I can not get your Autoptimize Power-Up sneak peek Critical CSS for a measly 4 euros just because I am in Brazil and you do not provide paypal or other forms of international payment man …

    Could you come up with a solution for that?

    Reply
    1. frank Post author

      afraid everything is handled by the criticalcss.com-site, which is not owned or operated by my. that being said, they use stripe and although the payment is in British Pound, I suspect Stripe should allow payment (and currency conversion) from Brazil, no?

      Reply
      1. faninja

        no, my credit card doesn´t works … colud you ask criticalcss.com for install paypal ?

        thanks

Leave a Reply

Your email address will not be published. Required fields are marked *