Critical path CSS

  • EnjoyVacations

    (@enjoyvacations)


    10 years, 7 months ago

    I installed this, had our hosting install both phantomjs and clean-css and run the generate critical path and it runs without error and then switchs to the critical pass css settings page by itself but where is the the CSS? Is it supposed to insert directly in the box by itself? It is blank in my case.
    http://www.enjoywhistler.com
    using urls with different above the fold content
    /
    /articles/whistler-early-deals/
    /pet-friendly-hotels-in-whistler/
    /articles/category/hotels/
    /getting-to-whistler/
    /activity/
    /activity/kids-ski-school-in-whistler/
    /activities/winter/
    /whistler-accommodation/
    /whistler-accommodation/hotels-in-whistler/
    /activity/whistler-sleigh-ride-tours/
    /accommodation/aava-whistler-hotel/
    /getting-to-whistler/shuttle-bus-service/
    /whistler-info/whistler-blackcomb-snow-report/
    /whistler-info/whistler-maps-and-directions/
    /whistler-events/

    https://ww.wp.xz.cn/plugins/above-the-fold-optimization/

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

    (@ghulamjafar2)

    10 years, 7 months ago

    Hi EnjoyVacations
    I think that if you have generated critical css successfully then you should find it in your “public_html/wp-content/uploads/abovethefold/tmp” folder.
    Copy that css code and go to your wp-admin panel>Plugins>Above The Fold Optimization>settings>critical path css settings> and paste that code in the box for “Inline CSS”, and hit “save”.
    Then go to settings of plugin “Autoptimize” and hit “save changes and empty cache” button.

    Plugin Author optimalisatie

    (@optimalisatie)

    10 years, 3 months ago

    My apologies for the late reply.

    The CSS in the input field should automatically update.

    The following command is executed to copy the generated critical path CSS to the input field:

    cp …/wp-content/uploads/abovethefold/tmp/output-d41d8cd98f00b204e9800998ecf8427e.css …/wp-content/uploads/abovethefold/inline.min.css;

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

The topic ‘Critical path CSS’ is closed to new replies.