WordPress.org

Ready to get started?Download WordPress

Forums

W3 Total Cache
[resolved] W3TC + CDN = Wrecking my CSS (20 posts)

  1. JamestheJust
    Member
    Posted 2 years ago #

    I have a custom WP theme, Flexsqueeze. This theme is great for sales and squeeze pages, is very customizable in appearance and I use it extensively. Recently I changed the style of my navigation menu to be more user-friendly at:

    http://theaveragegenius.net

    Basically the font is bigger and it's Arial. Before it was tiny.

    So when I save changes and use W3TC - those changes aren't apparent. They don't get applied at all. I've contacted the theme developer and he said:

    It really sounds on the menu thing like the current stylesheet isn’t being loaded that would include your latest changes, or there is something wrong with the code after W3 minifies the file. Make sure you’re not minifying anything with W3.

    So I took his advice and deselected "minify" - even though my CDN (MaxCDN) says to use minification for optimal performance. But that dind't work, either. I don't know how to get W3TC to pull my CSS files so I can make these style changes, AND use my CDN.

    Currently I'm not using either, and my load time has suffered for it.

    Any help would be great.

    http://wordpress.org/extend/plugins/w3-total-cache/

  2. jennifer2010
    Member
    Posted 2 years ago #

    Hi,

    A little more details: You're saying you've tried deselecting "minify", but are still using the CDN when you do that?

    In other words, even without minifying, the CDN is not serving your CSS files correctly? Or?

    What I would do is look at the source code and find the css that's being used, load it, and see if the styling is present but just not catching.

    What are your settings for CSS in the minify section when you try this?

  3. jennifer2010
    Member
    Posted 2 years ago #

    After looking at my settings and source code I'm finding that W3TC is not minifying my css and when it does, it's not being picked up by the CDN.

    In your "General" settings if you have minify set to Auto, it says it won't use the CDN.

    I set it to manual, then in the Minify tab I imported the CSS file to minify.

    This breaks my css and does not load on the page, resulting in a page with no css styling.

    So, I went into the CDN section and manually added the w3tc CSS file(s) to the custom file list, just in case, like this:

    wp-content/w3tc/min/*
    wp-content/w3tc/min/a3338/*
    wp-content/w3tc/min/a3338/*.css
    wp-content/w3tc/min/a3338/default.include.*.css
    wp-content/w3tc/min/a3338/default.include.cded27.css

    Still NO luck! I'm going to troubleshoot some more and will update if I find a solution...

  4. Willie Jackson
    Member
    Posted 2 years ago #

    I'm happy to take a look if you want to drop us a note. Sounds like you might need to purge the pull zone.

    Service can be ordered here if you don't feel like fooling with it yourself.

  5. jennifer2010
    Member
    Posted 2 years ago #

    @Willie,

    When I look at my source code, the minify link works perfectly when it's not pointing to my CDN. When it is pointing to my CDN, I get a "W3TC error" page when opening the minified css up.

    It tells me to enable debugging, so I do. But, there's no error information in the source code and there's no logs located in the minify or log folder...

  6. Willie Jackson
    Member
    Posted 2 years ago #

    Understood, the current minify error message isn't too terribly helpful. You'd need to check your error logs to further diagnose the issue.

  7. jennifer2010
    Member
    Posted 2 years ago #

    I'd like to do that however I'm unable to locate any error logs browsing the directories in FileZilla. Where exactly would the error log be?

    Thank you

  8. Willie Jackson
    Member
    Posted 2 years ago #

    You'd need to ask your host, it depends on how your server is set up.

  9. jennifer2010
    Member
    Posted 2 years ago #

    Ah you mean those logs. I thought you meant w3tc logs.

  10. Willie Jackson
    Member
    Posted 2 years ago #

    W3TC doesn't have logs :)

  11. jennifer2010
    Member
    Posted 2 years ago #

    That makes sense now! I was reading a bunch of outdated comments from Frederick citing "The error log lives in: wp-content/w3tc/log/minify.log" so was wondering why it wasn't there... Thanks for letting me know

  12. Willie Jackson
    Member
    Posted 2 years ago #

    If Frederick said it lived there then it did and I misspoke, this might have been an old release of W3TC that predates my involvement or there could be a misunderstanding.

    Regardless, I would check your Apache logs for errors.

  13. JamestheJust
    Member
    Posted 2 years ago #

    Jennifer2010:

    A little more details: You're saying you've tried deselecting "minify", but are still using the CDN when you do that?

    In other words, even without minifying, the CDN is not serving your CSS files correctly? Or?

    Yes, I de-selected minify per my theme developer's suggestion. Then I used the CDN - even though MaxCDN says to select manual minification in their instructions...

    When I do that, my navigation menu changes won't save (my theme allows you to customize a lot of the styling). That's <b>the only thing</b> that doesn't load properly - everything else style-wise seems fine.

    What I would do is look at the source code and find the css that's being used, load it, and see if the styling is present but just not catching.

    I know how to look at the source code - but how do you "load" CSS? I'm not sure I follow you here.

    What are your settings for CSS in the minify section when you try this?

    I'm not sure what you mean here, either - when I try to "load" the CSS? I don't know what you mean by loading the CSS or how to even attempt that.

    Willie Jackson -

    I'll drop you all a note. In the mean time I'm double-checking settings per the CDN and see if there's something I missed...

  14. JamestheJust
    Member
    Posted 2 years ago #

    OK, so I took Willie Jackson's advice and emailed the W3TC team. He got back to me and suggested again I try to purge my CDN's pull zone, and it worked fine!

    I also wound up paring-down my options, like not minifying JS/CSS, not using Object and Database cache (apparently I had these all turned on, my hosting service says NOT to enable those things...whoops!).

    My page speed is not as high as before, but it's still a noticeable improvement using 3rd party page speed checking tools. So all told, this is case closed, I'm still happily using W3TC. Thanks for the help!

  15. jennifer2010
    Member
    Posted 2 years ago #

    James: Thanks for the details. It sounds like MaxCDN serving your old CSS file. When you update your CSS file, you have to "purge" the old version from MaxCDN's cache. Otherwise, they'll continue serving the old CSS and you won't see your changes.

    To do this, you'll need to login to MaxCDN, your site's pull zone > cache > then enter the location of the file you want to purge and purge it.

    However, I seem to have a problem with purging my own CSS. For whatever reason even though I purge it, it's still caching my old CSS file without any changes. I've sent them a support request and am waiting to hear back. It may be unique to me so I'd give it a try on your end anyways.

    I know how to look at the source code - but how do you "load" CSS? I'm not sure I follow you here.

    If you know the location of your CSS file by heart then just type it in the address bar and "load" the page. Otherwise, I just view my source code then click on the link to my CSS file.

    So what I'm saying is you can compare the CSS file on your server to the one being cached by MaxCDN. More than likely the one on MaxCDN doesn't contain the changes you want. I use a CName with MaxCDN so that cdn.mywebsite.com points to the zone on MaxCDN. If I wanted to compare the css I'd look at mywebsite.com/wp-content/themes/theme/style.css then look at cdn.mywebsite.com/wp-content/themes/theme/style.css

  16. jennifer2010
    Member
    Posted 2 years ago #

    Ah, glad you got it figured out!

  17. JamestheJust
    Member
    Posted 2 years ago #

    There's a "purge" button at MaxCDN I used, I didn't have to do much really. I found my pull zone, went to cache and hit purge I think. That did the trick.

    Sorry for the silly questions, now that you mention it, it makes perfect sense! Thanks for the help.

  18. jennifer2010
    Member
    Posted 2 years ago #

    There's a "purge" button at MaxCDN I used, I didn't have to do much really. I found my pull zone, went to cache and hit purge I think. That did the trick.

    Right, that probably purged everything from the cache, lol. Anyways, glad it worked for you. There's also a Purge button in W3TC in the CDN section but you have to enter the path to the file you want purged. Hasn't been working for me, though MaxCDN's purge button hasn't either.

  19. Frederick Townes
    Member
    Plugin Author

    Posted 2 years ago #

    Would appreciate a bug submission form and / or errors from the web server error log on this issue to see what's causing this.

  20. JamestheJust
    Member
    Posted 2 years ago #

    Next time, if there is a next time for these errors, I'll do that.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic