Defer CSS loading

  • Resolved ben52

    (@ben52)


    12 years, 2 months ago

    Good morning Futta,
    good plugin and good job you make, before i have installed better wordpress minify with super cache, but always i face problem with minify

    i try your plugin new version 1.8 and it’s work very good, only i can not defer the css, because the nav bar goes down and the header up for a wile only when i reload.
    I presume that the best combinations is: wp super cache + autoptimize

    here is my site if you have any suggestion : http://www.forzacatania46.com
    Thank you again
    Ben

    http://wordpress.org/plugins/autoptimize/

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Frank Goossens

    (@futtta)

    12 years, 2 months ago

    Hi ben52;
    Deferring CSS indeed is not a simple “configure and forget”-solution, but requires one to extract “base CSS” and inline it in the head (between noptimize-tags) as explained in the FAQ. In 1.9 this will probably become (slightly) easier (not the “extract base CSS”-part, but the inlining.

    frank

    Thread Starter ben52

    (@ben52)

    12 years, 2 months ago

    Thanks Frank,
    i will let the option defer unchecked, until your new version 1.9
    i need to defer, because in gtmetrix i getting only 55 on defer js
    have a good day.

    Plugin Author Frank Goossens

    (@futtta)

    12 years, 2 months ago

    I’m slightly confused, as the topic was defer CSS, not JS.

    Anyway; Aggregated & minified JS is deferred by default, except if you “force JS in head” or if you exclude certain JS from being optimized;

    Thread Starter ben52

    (@ben52)

    12 years, 2 months ago

    I got it frank. i unchecked force JS in head
    now from 55 drop to 88
    Thanks
    Ben

    Plugin Author Frank Goossens

    (@futtta)

    12 years, 2 months ago

    great! make sure to test your site though; some JavaScript (esp. jQuery-stuff) does not like to be deferred.

    Thread Starter ben52

    (@ben52)

    12 years, 2 months ago

    i have now problem only with the plugin scroll to top
    i dont know which js i will esclude:
    jcwp-scroll-to-top
    JCUCNMobile_Detect
    jcScrollTop.min
    any help will be appreciate
    Thanks

    Plugin Author Frank Goossens

    (@futtta)

    12 years, 2 months ago

    trial and error is your friend. I would start excluding “jcwp-scroll-to-top, jcScrollTop.min” and see if that works. If these rely on jQuery, you might also have to exclude that.

    Thread Starter ben52

    (@ben52)

    12 years, 2 months ago

    Hi Frank,
    in my site i use wp super cache + your excellent plugin
    in my cloudflare there is an option in performance sitting to Auto Minify (Web optimization) js, css, html
    can i use this or it will make a conflict with autoptimize
    same question for the option : Rocket Loader (Web optimization)
    Thanks
    Ben

    Plugin Author Frank Goossens

    (@futtta)

    12 years, 2 months ago

    well, autoptimize does just that, so the correct thing to do would be to pick your favorite.

    maybe do some tests comparing performance with and without autoptimize vs cloudflare auto minify and tell us here what the results are, will you? 🙂

    Thread Starter ben52

    (@ben52)

    12 years, 2 months ago

    Hi Frank,

    only autoptimize
    Page load time: 3.03s

    autoptimize + cloudflare
    Page load time: 3.47s

    only cloudflare:
    Page load time: 3.18s

    Yours is better

    Plugin Author Frank Goossens

    (@futtta)

    12 years, 2 months ago

    that’s great, thanks for the feedback ben52!

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

The topic ‘Defer CSS loading’ is closed to new replies.