Blank page (but with code!) when CSS optim is activated

  • chris_weinert

    (@chris_weinert)


    9 years, 4 months ago

    Hi,

    I’m tyring to use your plugin, and the JS optimization works flawlessly, thanks so much!

    However, whenever I switch on CSS optimization, it works technically, but the output of the page is a blank white page. BUT: I can see the (valid?) HTML code when I look at the source code, and there is also a CSS file with lots of content.

    Nevertheless, the browser shows a blank white page. For a second, it displays the HTML elements in Times New Roman, but then it goes white.

    Do you have any idea what this could be? I already tried legacy mode as recommended in the FAQ, but it doesn’t change anything.

    The website uses W3TC, WPML and Divi, if this makes a difference.

    W3TC is used for page & browser caching only, not for JS & CSS minification. And yes, I’m purging all caches after changing the settings.

    Thanks so much for any hints!

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

    (@futtta)

    9 years, 4 months ago

    whenever I switch on CSS optimization, it works technically, but the output of the page is a blank white page. BUT: I can see the (valid?) HTML code when I look at the source code, and there is also a CSS file with lots of content. Nevertheless, the browser shows a blank white page. For a second, it displays the HTML elements in Times New Roman, but then it goes white.

    sounds like some rule setting display:none on the body element maybe. this could be due to optimized JS and/ or optimized CSS, hard to say from afar …

    the root cause could be with the fact that, by honouring the media-types while optimizing, the CSS order is changed as explained here.

    what I would do; go into my browser’s dev console and inspect which element of the HTML has display:none (or opacity:0 maybe). you could then either drill down, trying to identify which “origin CSS” has this rule see if excluding that file helps OR you could simply use wordpress 4.7’s new “custom CSS” functionality in the Customizer to overrule the culprit with e.g. body{display:block;}.

    hope this helps,
    frank

    Thread Starter chris_weinert

    (@chris_weinert)

    9 years, 4 months ago

    Frank, thanks so much for taking the time for this detailed answer!

    I will try this out on the weekend with the dev instance and post here again when I’ve identified the CSS part that’s problematic.

    Great support, thank you very much!

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

The topic ‘Blank page (but with code!) when CSS optim is activated’ is closed to new replies.