• Resolved cchilds1976

    (@cchilds1976)


    I am trying to generate a critical css. Step 1 is to enter my website url (pretty easy). Step 2 is to enter full css to extract critical css from. (I do not know where to find my full css). Step 3 is to create critical path css. (I pretty sure that I paste the results from step into Autoptimize). But I can’t get to step 3 until I can figure out how to accomplish step 2. Any help would be greatly appreciated.

Viewing 7 replies - 61 through 67 (of 67 total)
  • Thread Starter cchilds1976

    (@cchilds1976)

    Here is what is currently in the JS Optimization field:
    seal.js, js/jquery/jquery.js, themes/limo1/js/backstretch.js, themes/limo1/js/backstretch-set.js, BackStretch

    Thread Starter cchilds1976

    (@cchilds1976)

    I don’t know if this means anything, but these are my Home Callout Pictures. I think something like Home callout left, center, etc. I know that if I want to change the pictures that’s where I go in WordPress. The backstretch image is the picture of the big city

    • This reply was modified 8 years, 1 month ago by cchilds1976.
    Plugin Author Frank Goossens

    (@futtta)

    there are 5 images set using backstretch (as per the JS in the HTML);

    var BackStretchImg = {"src":"https:\/\/aboveallevents.com\/wp-content\/themes\/limo1\/images\/hero.jpg"};
    var BackStretchLeftImg = {"src":"https:\/\/aboveallevents.com\/wp-content\/uploads\/2016\/10\/unspecified-e1476891431865.jpg"};
    var BackStretchCtrLeftImg = {"src":"https:\/\/aboveallevents.com\/wp-content\/uploads\/2016\/10\/Fotolia_104797475_Subscription_Yearly_M_PLUS-e1476891656606.jpg"};
    var BackStretchCtrRightImg = {"src":"https:\/\/aboveallevents.com\/wp-content\/uploads\/2016\/10\/Fotolia_89255602_Subscription_Yearly_XL_PLUS-e1476891856604.jpg"};
    var BackStretchRightImg = {"src":"https:\/\/aboveallevents.com\/wp-content\/uploads\/2016\/10\/unspecified1-e1476891970861.jpg"};

    so that indeed is the hero image and the 4 ones underneath it.

    let’s go for the other approach; can you:
    1. remove the backstretch stuff from AO’s JS exclusion list
    2. replace your critical CSS with the one here?
    3. make sure to flush all cache (autoptimize, keycdn, …)

    maybe that fixes things …

    frank

    Thread Starter cchilds1976

    (@cchilds1976)

    It looks like that may have fixed it. Even the PayPal button is in the right place.

    Thread Starter cchilds1976

    (@cchilds1976)

    Man….you are awesome!

    Plugin Author Frank Goossens

    (@futtta)

    phew, that wasn’t easy, think 5 pages of support are a new personal record ??

    learned from it + it works now, so well worth the effort!

    have a nice day @cchilds1976!

    Thread Starter cchilds1976

    (@cchilds1976)

    Right back atcha buddy. Now its time to get to work on image optimization….Have a good one!

Viewing 7 replies - 61 through 67 (of 67 total)
  • The topic ‘where do i find my css’ is closed to new replies.